@atlaskit/table-tree 9.0.13 → 9.0.14

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/table-tree
 
+## 9.0.14
+
+### Patch Changes
+
+- [`ca37d9b9707`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ca37d9b9707) - Hotfix to resolve an issue introduced in 9.0.12 which meant the indent of rows was not being applied correctly.
+
 ## 9.0.13
 
 ### Minor Changes

package/dist/cjs/components/cell.js

@@ -61,10 +61,8 @@ var Cell = /*#__PURE__*/function (_Component) {
           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
-        },
+        indent: indentLevel ? "".concat(25 * indentLevel, "px") : undefined,
+        width: width,
         className: className
       }, props), /*#__PURE__*/_react.default.createElement(_overflowContainer.default, {
         isSingleLine: singleLine

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

@@ -32,13 +32,15 @@ var commonStyles = (0, _core.css)({
  */
 var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["indent"]);
-  return (0, _core.jsx)("div", (0, _extends2.default)({
+      width = _ref.width,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["indent", "width"]);
+  return (0, _core.jsx)("div", (0, _extends2.default)({}, props, {
     style: {
-      '--indent': indent
+      '--indent': indent,
+      width: width
     },
     css: commonStyles
-  }, props));
+  }));
 };
 
 var _default = CommonCell;

package/dist/cjs/components/internal/loader-item.js

@@ -75,10 +75,8 @@ var LoaderItem = /*#__PURE__*/function (_Component) {
       var depth = this.props.depth;
       var phase = this.state.phase;
       return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
-        style: {
-          paddingLeft: 25 * depth,
-          width: '100%'
-        }
+        indent: "".concat(25 * depth, "px"),
+        width: "100%"
       }, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
         isRoot: depth === 1
       }, /*#__PURE__*/_react.default.createElement(_spinner.default, {

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = exports.TreeRowContainer = exports.iconColor = void 0;
+exports.iconColor = exports.TreeRowContainer = exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 

package/dist/cjs/components/row.js

@@ -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.13";
+var packageVersion = "9.0.14";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);

package/dist/cjs/index.js

@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Cell", {
   enumerable: true,
   get: function get() {
-    return _tableTree.default;
+    return _cell.default;
   }
 });
-Object.defineProperty(exports, "Headers", {
+Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function get() {
-    return _headers.default;
+    return _header.default;
   }
 });
-Object.defineProperty(exports, "Header", {
+Object.defineProperty(exports, "Headers", {
   enumerable: true,
   get: function get() {
-    return _header.default;
+    return _headers.default;
   }
 });
-Object.defineProperty(exports, "Cell", {
+Object.defineProperty(exports, "Row", {
   enumerable: true,
   get: function get() {
-    return _cell.default;
+    return _row.default;
   }
 });
 Object.defineProperty(exports, "Rows", {
@@ -35,16 +35,16 @@ Object.defineProperty(exports, "Rows", {
     return _rows.default;
   }
 });
-Object.defineProperty(exports, "Row", {
+Object.defineProperty(exports, "TableTreeDataHelper", {
   enumerable: true,
   get: function get() {
-    return _row.default;
+    return _tableTreeDataHelper.default;
   }
 });
-Object.defineProperty(exports, "TableTreeDataHelper", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _tableTreeDataHelper.default;
+    return _tableTree.default;
   }
 });
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.0.13",
+	"version": "9.0.14",
 	"sideEffects": false
 }

package/dist/es2019/components/cell.js

@@ -16,10 +16,8 @@ class Cell extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(CommonCell, _extends({
       role: "gridcell",
-      indent: indentLevel ? `${25 * indentLevel}` : undefined,
-      style: {
-        width
-      },
+      indent: indentLevel ? `${25 * indentLevel}px` : undefined,
+      width: width,
       className: className
     }, props), /*#__PURE__*/React.createElement(OverflowContainer, {
       isSingleLine: singleLine

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

@@ -19,12 +19,14 @@ const commonStyles = css({
  */
 const CommonCell = ({
   indent,
+  width,
   ...props
-}) => jsx("div", _extends({
+}) => jsx("div", _extends({}, props, {
   style: {
-    '--indent': indent
+    '--indent': indent,
+    width
   },
   css: commonStyles
-}, props));
+}));
 
 export default CommonCell;

package/dist/es2019/components/internal/loader-item.js

@@ -42,10 +42,8 @@ export default class LoaderItem extends Component {
       phase
     } = this.state;
     return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
-      style: {
-        paddingLeft: 25 * depth,
-        width: '100%'
-      }
+      indent: `${25 * depth}px`,
+      width: "100%"
     }, /*#__PURE__*/React.createElement(LoaderItemContainer, {
       isRoot: depth === 1
     }, /*#__PURE__*/React.createElement(Spinner, {

package/dist/es2019/components/row.js

@@ -8,7 +8,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.0.13";
+const packageVersion = "9.0.14";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.0.13",
+	"version": "9.0.14",
 	"sideEffects": false
 }

package/dist/esm/components/cell.js

@@ -39,10 +39,8 @@ var Cell = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React.createElement(CommonCell, _extends({
         role: "gridcell",
-        indent: indentLevel ? "".concat(25 * indentLevel) : undefined,
-        style: {
-          width: width
-        },
+        indent: indentLevel ? "".concat(25 * indentLevel, "px") : undefined,
+        width: width,
         className: className
       }, props), /*#__PURE__*/React.createElement(OverflowContainer, {
         isSingleLine: singleLine

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

@@ -20,14 +20,16 @@ var commonStyles = css({
  */
 var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
-      props = _objectWithoutProperties(_ref, ["indent"]);
+      width = _ref.width,
+      props = _objectWithoutProperties(_ref, ["indent", "width"]);
 
-  return jsx("div", _extends({
+  return jsx("div", _extends({}, props, {
     style: {
-      '--indent': indent
+      '--indent': indent,
+      width: width
     },
     css: commonStyles
-  }, props));
+  }));
 };
 
 export default CommonCell;

package/dist/esm/components/internal/loader-item.js

@@ -56,10 +56,8 @@ var LoaderItem = /*#__PURE__*/function (_Component) {
       var depth = this.props.depth;
       var phase = this.state.phase;
       return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
-        style: {
-          paddingLeft: 25 * depth,
-          width: '100%'
-        }
+        indent: "".concat(25 * depth, "px"),
+        width: "100%"
       }, /*#__PURE__*/React.createElement(LoaderItemContainer, {
         isRoot: depth === 1
       }, /*#__PURE__*/React.createElement(Spinner, {

package/dist/esm/components/row.js

@@ -18,7 +18,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.0.13";
+var packageVersion = "9.0.14";
 
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.0.13",
+	"version": "9.0.14",
 	"sideEffects": false
 }

package/dist/types/components/internal/common-cell.d.ts

@@ -2,6 +2,7 @@
 import { FC, HTMLAttributes } from 'react';
 interface CommonCellProps {
     indent?: string;
+    width?: string | number;
 }
 /**
  * __Common cell__

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.0.13",
+  "version": "9.0.14",
   "description": "A React Component for displaying expandable tables with tree-like hierarchies",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Table Tree"