@atlaskit/table-tree 9.2.7 → 9.2.9

package/dist/cjs/utils/table-tree-data-helper.js

@@ -1,44 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _set = _interopRequireDefault(require("lodash/set"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function updateRootItems(rootItems) {
   var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
   var _ref = arguments.length > 2 ? arguments[2] : undefined,
-      key = _ref.key,
-      keysCache = _ref.keysCache,
-      operation = _ref.operation;
-
-  var newKeysCache = _objectSpread({}, keysCache); // If it is not an append operation we can ignore allItems as they will be swaped with new items
-
-
+    key = _ref.key,
+    keysCache = _ref.keysCache,
+    operation = _ref.operation;
+  var newKeysCache = _objectSpread({}, keysCache);
+  // If it is not an append operation we can ignore allItems as they will be swaped with new items
   var allBaseItems = operation === 'UPDATE' ? [] : (0, _toConsumableArray2.default)(allItems);
   var startIndexWith = allBaseItems.length;
   rootItems.forEach(function (rootItem, index) {
     var rootItemKey = rootItem[key];
-
     if (rootItemKey === undefined) {
       throw new Error("[ERROR] Property '".concat(key, "' not found in rootItem[").concat(index, "]"));
     } else {
@@ -50,26 +36,22 @@ function updateRootItems(rootItems) {
     items: allBaseItems.concat(rootItems)
   };
 }
-
 function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   var key = _ref2.key,
-      keysCache = _ref2.keysCache,
-      operation = _ref2.operation;
-
+    keysCache = _ref2.keysCache,
+    operation = _ref2.operation;
   var newKeysCache = _objectSpread({}, keysCache);
-
   var parentCacheKey = itemParent[key];
-
   if (parentCacheKey === undefined) {
     throw new Error("[Table Tree] Property '".concat(key, "' not found in parent item"));
   }
-
   var parentLocation = newKeysCache[parentCacheKey];
   var allItemsCopy = (0, _toConsumableArray2.default)(allTableItems);
   var objectToChange = (0, _get.default)(allItemsCopy, parentLocation);
   var baseChildrenOfObjectToChange = operation === 'UPDATE' ? [] : (0, _get.default)(objectToChange, 'children', []);
-  objectToChange.children = baseChildrenOfObjectToChange.concat(newitems); // Update cache
+  objectToChange.children = baseChildrenOfObjectToChange.concat(newitems);
 
+  // Update cache
   newitems.forEach(function (item, index) {
     newKeysCache[item[key]] = "".concat(parentLocation, ".children[").concat(index + baseChildrenOfObjectToChange.length, "]");
   });
@@ -78,6 +60,7 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
     items: (0, _set.default)(allItemsCopy, parentLocation, objectToChange)
   };
 }
+
 /**
  * This helper class will create a cache of all the id's in the items object and
  * path to the object.
@@ -94,19 +77,15 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
  * Cache will look something like:
  * {1: 0, 2: '0.children[0]'}
  */
-
-
 var TableTreeDataHelper = /*#__PURE__*/function () {
   function TableTreeDataHelper() {
     var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$key = _ref3.key,
-        key = _ref3$key === void 0 ? 'key' : _ref3$key;
-
+      _ref3$key = _ref3.key,
+      key = _ref3$key === void 0 ? 'key' : _ref3$key;
     (0, _classCallCheck2.default)(this, TableTreeDataHelper);
     this.key = key;
     this.keysCache = {};
   }
-
   (0, _createClass2.default)(TableTreeDataHelper, [{
     key: "updateItems",
     value: function updateItems(items) {
@@ -117,20 +96,16 @@ var TableTreeDataHelper = /*#__PURE__*/function () {
         keysCache: this.keysCache,
         operation: 'UPDATE'
       };
-
       if (!parentItem) {
         var _updateRootItems = updateRootItems(items, allItems, options),
-            _keysCache = _updateRootItems.keysCache,
-            updatedRootItems = _updateRootItems.items;
-
+          _keysCache = _updateRootItems.keysCache,
+          updatedRootItems = _updateRootItems.items;
         this.keysCache = _keysCache;
         return updatedRootItems;
       }
-
       var _updateChildItems = updateChildItems(items, allItems, parentItem, options),
-          keysCache = _updateChildItems.keysCache,
-          updatedItems = _updateChildItems.items;
-
+        keysCache = _updateChildItems.keysCache,
+        updatedItems = _updateChildItems.items;
       this.keysCache = keysCache;
       return updatedItems;
     }
@@ -144,25 +119,20 @@ var TableTreeDataHelper = /*#__PURE__*/function () {
         keysCache: this.keysCache,
         operation: 'APPEND'
       };
-
       if (!parentItem) {
         var _updateRootItems2 = updateRootItems(items, allItems, options),
-            _keysCache2 = _updateRootItems2.keysCache,
-            updatedRootItems = _updateRootItems2.items;
-
+          _keysCache2 = _updateRootItems2.keysCache,
+          updatedRootItems = _updateRootItems2.items;
         this.keysCache = _keysCache2;
         return updatedRootItems;
       }
-
       var _updateChildItems2 = updateChildItems(items, allItems, parentItem, options),
-          keysCache = _updateChildItems2.keysCache,
-          updatedItems = _updateChildItems2.items;
-
+        keysCache = _updateChildItems2.keysCache,
+        updatedItems = _updateChildItems2.items;
       this.keysCache = keysCache;
       return updatedItems;
     }
   }]);
   return TableTreeDataHelper;
 }();
-
 exports.default = TableTreeDataHelper;

package/dist/cjs/utils/to-item-id.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = toItemId;
-
 function toItemId(id) {
   return "tabletreeitem-".concat(id).replace(/[^-_a-zA-Z0-9]/g, '');
 }

package/dist/cjs/version.json

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

package/dist/es2019/components/cell.js

@@ -4,7 +4,6 @@ import CommonCell from './internal/common-cell';
 import OverflowContainer from './internal/overflow-container';
 import { indentBase } from './internal/styled';
 import withColumnWidth from './internal/with-column-width';
-
 class Cell extends Component {
   render() {
     const {
@@ -24,7 +23,5 @@ class Cell extends Component {
       isSingleLine: singleLine
     }, children));
   }
-
 }
-
 export default withColumnWidth(Cell);

package/dist/es2019/components/header.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -13,7 +12,6 @@ const headerStyles = css({
   letterSpacing: -0.1,
   lineHeight: "var(--ds-font-lineHeight-200, 20px)"
 });
-
 class Header extends Component {
   render() {
     const {
@@ -27,7 +25,5 @@ class Header extends Component {
       }
     }, props), props.children);
   }
-
 }
-
 export default withColumnWidth(Header);

package/dist/es2019/components/headers.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-
 /* eslint-disable @repo/internal/react/no-clone-element */
 import { Children, cloneElement, Component } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -20,5 +19,4 @@ export default class Headers extends Component {
       columnIndex: index
     })));
   }
-
 }

package/dist/es2019/components/internal/chevron.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable @repo/internal/react/consistent-props-definitions */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Button from '@atlaskit/button';
@@ -12,14 +10,12 @@ import { ChevronContainer, ChevronIconContainer, iconColor } from './styled';
 export default class Chevron extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "handleClick", () => {
       if (this.props.onExpandToggle) {
         this.props.onExpandToggle();
       }
     });
   }
-
   render() {
     const {
       isExpanded,
@@ -42,9 +38,7 @@ export default class Chevron extends Component {
       label: expandLabel
     }, iconProps)))));
   }
-
 }
-
 _defineProperty(Chevron, "defaultProps", {
   expandLabel: 'Expand',
   collapseLabel: 'Collapse'

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 import { indentBase } from './styled';
@@ -14,7 +14,6 @@ const commonStyles = css({
   color: `var(--ds-text, ${N800})`,
   lineHeight: "var(--ds-font-lineHeight-200, 20px)"
 });
-
 /**
  * __Common cell__
  */
@@ -29,5 +28,4 @@ const CommonCell = ({
   },
   css: commonStyles
 }));
-
 export default CommonCell;

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

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
-
 /* eslint-disable @repo/internal/react/no-clone-element */
 import { cloneElement, Component } from 'react';
 import { jsx } from '@emotion/react';
@@ -16,11 +14,9 @@ export default class Item extends Component {
       render
     } = this.props;
     const renderedRow = render(data);
-
     if (!renderedRow) {
       return null;
     }
-
     const {
       itemId,
       items
@@ -38,9 +34,7 @@ export default class Item extends Component {
       }))
     });
   }
-
 }
-
 _defineProperty(Item, "defaultProps", {
   depth: 0
 });

package/dist/es2019/components/internal/items.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Item from './item';
@@ -8,28 +7,23 @@ import LoaderItem from './loader-item';
 export default class Items extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       isLoaderShown: false
     });
-
     _defineProperty(this, "handleLoaderComplete", () => {
       this.setState({
         isLoaderShown: false
       });
     });
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     if (!nextProps.items && !prevState.isLoaderShown) {
       return {
         isLoaderShown: true
       };
     }
-
     return null;
   }
-
   renderLoader() {
     const {
       depth,
@@ -41,7 +35,6 @@ export default class Items extends Component {
       depth: depth + 1
     });
   }
-
   renderItems() {
     const {
       render,
@@ -55,7 +48,6 @@ export default class Items extends Component {
       render: render
     }));
   }
-
   render() {
     const {
       isLoaderShown
@@ -68,9 +60,7 @@ export default class Items extends Component {
       role: "rowgroup"
     }, busyAttrs), isLoaderShown ? this.renderLoader() : this.renderItems());
   }
-
 }
-
 _defineProperty(Items, "defaultProps", {
   depth: 0
 });

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';
@@ -8,22 +7,18 @@ import { indentBase, LoaderItemContainer, TreeRowContainer } from './styled';
 export default class LoaderItem extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       phase: 'loading'
     });
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     if (nextProps.isCompleting && prevState.phase === 'loading') {
       return {
         phase: 'complete'
       };
     }
-
     return null;
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevState.phase === 'loading' && this.state.phase === 'complete') {
       if (this.props.onComplete) {
@@ -31,7 +26,6 @@ export default class LoaderItem extends Component {
       }
     }
   }
-
   render() {
     const {
       depth
@@ -49,9 +43,7 @@ export default class LoaderItem extends Component {
       testId: "table-tree-spinner"
     })))) : null;
   }
-
 }
-
 _defineProperty(LoaderItem, "defaultProps", {
   depth: 1
 });

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

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 const overflowContainerStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
 /**
  * __Overflow container__
  */
-
 const OverflowContainer = ({
   isSingleLine,
   ...props
-}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}) =>
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 jsx("span", _extends({
   css: isSingleLine && overflowContainerStyles
 }, props));
-
 export default OverflowContainer;

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { N30, N800 } from '@atlaskit/theme/colors';
 export const iconColor = `var(--ds-text, ${N800})`;
@@ -9,11 +9,12 @@ const treeRowContainerStyles = css({
   display: 'flex',
   borderBottom: `1px solid ${`var(--ds-border, ${N30})`}`
 });
+
 /**
  * __Tree row container__
  */
-
-export const TreeRowContainer = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export const TreeRowContainer = props =>
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 jsx("div", _extends({
   css: treeRowContainerStyles
 }, props));
@@ -25,11 +26,12 @@ const commonChevronContainerStyles = css({
   top: 7,
   alignItems: 'center'
 });
+
 /**
  * __Chevron container__
  */
-
-export const ChevronContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export const ChevronContainer = (props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) => jsx("span", _extends({}, props, {
   css: commonChevronContainerStyles
 }));
@@ -37,13 +39,14 @@ const chevronIconContainerStyles = css({
   position: 'relative',
   top: 1
 });
+
 /**
  * __Chevron icon container__
  *
  * A chevron icon container.
  */
-
-export const ChevronIconContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+export const ChevronIconContainer = (props
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) => jsx("span", _extends({}, props, {
   css: chevronIconContainerStyles
 }));
@@ -56,16 +59,16 @@ const paddingLeftStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   paddingLeft: '50%'
 });
+
 /**
  * __Loader item container__
  *
  * A loader item container.
  */
-
 export const LoaderItemContainer = ({
   isRoot,
   ...props
 }) => jsx("span", _extends({
-  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));

package/dist/es2019/components/internal/with-column-width.js

@@ -1,27 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 export default function withColumnWidth(Cell) {
   var _class;
-
   return _class = class CellWithColumnWidth extends Component {
     UNSAFE_componentWillMount() {
       this.setColumnWidth(this.props.width);
     }
-
     setColumnWidth(width) {
       if (width !== undefined) {
         this.context.tableTree.setColumnWidth(this.props.columnIndex, width);
       }
     }
-
     UNSAFE_componentWillReceiveProps(nextProps) {
       this.setColumnWidth(nextProps.width);
     }
-
     render() {
       const {
         width,
@@ -33,7 +28,6 @@ export default function withColumnWidth(Cell) {
         width: columnWidth
       }, other));
     }
-
   }, _defineProperty(_class, "contextTypes", {
     tableTree: PropTypes.object.isRequired
   }), _class;

package/dist/es2019/components/row.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable @repo/internal/react/no-clone-element */
 import React, { Component, Fragment } from 'react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -8,21 +7,17 @@ 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.2.7";
-
+const packageVersion = "9.2.9";
 class Row extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       isExpanded: this.props.isDefaultExpanded || false
     });
-
     _defineProperty(this, "onExpandToggle", () => {
       const {
         isExpanded
       } = this.props;
-
       if (isExpanded !== undefined) {
         this.onExpandStateChange(!isExpanded);
       } else {
@@ -33,13 +28,11 @@ class Row extends Component {
       }
     });
   }
-
   componentDidUpdate(prevProps) {
     const {
       isDefaultExpanded,
       isExpanded
     } = this.props;
-
     if (isExpanded === undefined && isDefaultExpanded !== undefined && prevProps.isDefaultExpanded !== isDefaultExpanded && this.state.isExpanded !== isDefaultExpanded) {
       // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
@@ -47,7 +40,6 @@ class Row extends Component {
       });
     }
   }
-
   onExpandStateChange(isExpanded) {
     if (this.props.data) {
       if (isExpanded && this.props.onExpand) {
@@ -57,14 +49,12 @@ class Row extends Component {
       }
     }
   }
-
   isExpanded() {
     const {
       isExpanded
     } = this.props;
     return isExpanded !== undefined ? isExpanded : this.state.isExpanded;
   }
-
   renderCell(cell, cellIndex) {
     const {
       props
@@ -77,7 +67,6 @@ class Row extends Component {
     const isFirstCell = cellIndex === 0;
     const indentLevel = isFirstCell ? depth : 0;
     let cellContent = cell.props.children || [];
-
     if (isFirstCell && hasChildren) {
       cellContent = [/*#__PURE__*/React.createElement(Chevron, {
         key: "chevron",
@@ -88,14 +77,12 @@ class Row extends Component {
         ariaControls: toItemId(props.itemId)
       })].concat(cellContent);
     }
-
     return /*#__PURE__*/React.cloneElement(cell, {
       key: cellIndex,
       columnIndex: cellIndex,
       indentLevel
     }, cellContent);
   }
-
   render() {
     const {
       hasChildren,
@@ -104,22 +91,17 @@ class Row extends Component {
     } = this.props;
     const isExpanded = this.isExpanded();
     const ariaAttrs = {};
-
     if (hasChildren) {
       ariaAttrs['aria-expanded'] = isExpanded;
     }
-
     if (depth !== undefined) {
       ariaAttrs['aria-level'] = depth;
     }
-
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TreeRowContainer, _extends({
       role: "row"
     }, ariaAttrs), React.Children.map(this.props.children, (cell, index) => this.renderCell(cell, index))), hasChildren && isExpanded && renderChildren && renderChildren());
   }
-
 }
-
 export { Row as RowWithoutAnalytics };
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/components/rows.js

@@ -11,5 +11,4 @@ export default class Rows extends Component {
       render: render
     }));
   }
-
 }