@atlaskit/table-tree 9.12.2 → 10.0.1

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

@@ -6,76 +6,44 @@ 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _commonCell = _interopRequireDefault(require("./common-cell"));
 var _styled = require("./styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable react/prop-types */
-var LoaderItem = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(LoaderItem, _Component);
-  var _super = _createSuper(LoaderItem);
-  function LoaderItem() {
-    var _this;
-    (0, _classCallCheck2.default)(this, LoaderItem);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      phase: 'loading'
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(LoaderItem, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (prevState.phase === 'loading' && this.state.phase === 'complete') {
-        if (this.props.onComplete) {
-          this.props.onComplete();
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        depth = _this$props.depth,
-        loadingLabel = _this$props.loadingLabel;
-      var phase = this.state.phase;
-      return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
-        indent: "calc(".concat(_styled.indentBase, " * ").concat(depth, ")"),
-        width: "100%"
-      }, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
-        isRoot: depth === 1
-      }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-        size: "small",
-        testId: "table-tree-spinner",
-        label: loadingLabel
-      })))) : null;
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      if (nextProps.isCompleting && prevState.phase === 'loading') {
-        return {
-          phase: 'complete'
-        };
-      }
-      return null;
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable react/prop-types */
+
+var LoaderItem = function LoaderItem(_ref) {
+  var _ref$depth = _ref.depth,
+    depth = _ref$depth === void 0 ? 1 : _ref$depth,
+    loadingLabel = _ref.loadingLabel,
+    isCompleting = _ref.isCompleting,
+    onComplete = _ref.onComplete;
+  var _useState = (0, _react.useState)('loading'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    phase = _useState2[0],
+    setPhase = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (phase === 'loading' && isCompleting) {
+      setPhase(function () {
+        onComplete();
+        return 'complete';
+      });
     }
-  }]);
-  return LoaderItem;
-}(_react.Component);
-(0, _defineProperty2.default)(LoaderItem, "defaultProps", {
-  depth: 1
-});
+  }, [isCompleting, onComplete, phase]);
+  return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
+    indent: "calc(".concat(_styled.indentBase, " * ").concat(depth, ")"),
+    width: "100%"
+  }, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
+    isRoot: depth === 1
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    size: "small",
+    testId: "table-tree-spinner",
+    label: loadingLabel
+  })))) : null;
+};
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = LoaderItem;

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

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _context = require("./context");
 var _excluded = ["width", "columnIndex"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function withColumnWidth(Cell) {
   return function (props) {
     var _useContext = (0, _react.useContext)(_context.TableTreeContext),
@@ -29,10 +29,8 @@ function withColumnWidth(Cell) {
     var columnWidth;
     if (width !== null && width !== undefined) {
       columnWidth = width;
-    } else {
-      if (columnIndex !== undefined) {
-        columnWidth = getColumnWidth(columnIndex);
-      }
+    } else if (columnIndex !== undefined) {
+      columnWidth = getColumnWidth(columnIndex);
     }
     return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
       width: columnWidth

package/dist/cjs/components/row.js

@@ -5,15 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RowWithoutAnalytics = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -21,187 +14,137 @@ var _toItemId = _interopRequireDefault(require("../utils/to-item-id"));
 var _chevron = _interopRequireDefault(require("./internal/chevron"));
 var _styled = require("./internal/styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
  * @jsxRuntime classic
  * @jsx jsx
- */ /* eslint-disable @repo/internal/react/no-clone-element */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var treeRowClickableStyles = (0, _react2.css)({
   cursor: 'pointer'
 });
-var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.12.2";
-
-/**
- * This is hard-coded here because our actual <TableTree /> has no typings
- * for its props.
- *
- * Adding types for real *might* break things so will need a little care.
- *
- * Defining it here for now lets us provide *something* without much headache.
- */
-var RowComponent = exports.RowWithoutAnalytics = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(RowComponent, _Component);
-  var _super = _createSuper(RowComponent);
-  function RowComponent() {
-    var _this;
-    (0, _classCallCheck2.default)(this, RowComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isExpanded: _this.props.isDefaultExpanded || false
-    });
-    /**
-     * This ensures a user won't trigger a click event and expand the accordion
-     * when making a text selection.
-     */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClickHandler", function (e) {
-      var _window$getSelection;
-      var selection = ((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString()) || '';
-      if ((selection === null || selection === void 0 ? void 0 : selection.length) === 0) {
-        _this.onExpandToggle();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExpandToggle", function () {
-      var isExpanded = _this.props.isExpanded;
-      if (isExpanded !== undefined) {
-        _this.onExpandStateChange(!isExpanded);
-      } else {
-        _this.setState({
-          isExpanded: !_this.state.isExpanded
-        });
-        _this.onExpandStateChange(!_this.state.isExpanded);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExtendedLabel", function (cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
-      /**
-       * First condition - when we pass data via `items` property in `<TableTree />`
-       * Second condition - when we pass data via `<Rows />` as children in `<TableTree />`.
-       */
-      if (cellContent.hasOwnProperty('props')) {
-        return cellContent === null || cellContent === void 0 ? void 0 : cellContent.props[mainColumnForExpandCollapseLabel === null || mainColumnForExpandCollapseLabel === void 0 ? void 0 : mainColumnForExpandCollapseLabel.toLowerCase()];
-      } else if (cellIndex === mainColumnForExpandCollapseLabel) {
-        return cellContent;
-      }
-      return undefined;
-    });
-    return _this;
+var getExtendedLabel = function getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
+  /**
+   * First condition - when we pass data via `items` property in `<TableTree />`
+   * Second condition - when we pass data via `<Rows />` as children in `<TableTree />`.
+   */
+  if (cellContent.hasOwnProperty('props')) {
+    return cellContent === null || cellContent === void 0 ? void 0 : cellContent.props[mainColumnForExpandCollapseLabel === null || mainColumnForExpandCollapseLabel === void 0 ? void 0 : mainColumnForExpandCollapseLabel.toLowerCase()];
+  } else if (cellIndex === mainColumnForExpandCollapseLabel) {
+    return cellContent;
   }
-  (0, _createClass2.default)(RowComponent, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props = this.props,
-        isDefaultExpanded = _this$props.isDefaultExpanded,
-        isExpanded = _this$props.isExpanded;
-      if (isExpanded === undefined && isDefaultExpanded !== undefined && prevProps.isDefaultExpanded !== isDefaultExpanded && this.state.isExpanded !== isDefaultExpanded) {
-        // eslint-disable-next-line react/no-did-update-set-state
-        this.setState({
-          isExpanded: isDefaultExpanded
-        });
-      }
-    }
-  }, {
-    key: "onExpandStateChange",
-    value: function onExpandStateChange(isExpanded) {
-      if (this.props.data) {
-        if (isExpanded && this.props.onExpand) {
-          this.props.onExpand(this.props.data);
-        } else if (!isExpanded && this.props.onCollapse) {
-          this.props.onCollapse(this.props.data);
-        }
-      }
-    }
-  }, {
-    key: "isExpanded",
-    value: function isExpanded() {
-      var isExpanded = this.props.isExpanded;
-      return isExpanded !== undefined ? isExpanded : this.state.isExpanded;
-    }
-  }, {
-    key: "renderCell",
-    value: function renderCell(cell, cellIndex) {
-      var props = this.props;
-      var isExpanded = this.isExpanded();
-      var hasChildren = props.hasChildren,
-        depth = props.depth,
-        mainColumnForExpandCollapseLabel = props.mainColumnForExpandCollapseLabel;
-      var isFirstCell = cellIndex === 0;
-      var indentLevel = isFirstCell ? depth : 0;
-      var cellContent = cell.props.children || [];
-      var extendedLabel = this.getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel);
-      if (isFirstCell && hasChildren) {
-        cellContent = [(0, _react2.jsx)(_chevron.default, {
-          key: "chevron",
-          expandLabel: props.expandLabel,
-          collapseLabel: props.collapseLabel,
-          extendedLabel: extendedLabel,
-          isExpanded: isExpanded,
-          onExpandToggle: this.onExpandToggle,
-          ariaControls: isExpanded ? (0, _toItemId.default)(props.itemId) : undefined,
-          rowId: props.itemId
-        })].concat(cellContent);
-      }
-      return /*#__PURE__*/_react.default.cloneElement(cell, {
-        key: cellIndex,
-        columnIndex: cellIndex,
-        indentLevel: indentLevel
-      }, cellContent);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        shouldExpandOnClick = _this$props2.shouldExpandOnClick,
-        hasChildren = _this$props2.hasChildren,
-        depth = _this$props2.depth,
-        renderChildren = _this$props2.renderChildren;
-      var isExpanded = this.isExpanded();
-      var ariaAttrs = {};
-      if (hasChildren) {
-        ariaAttrs['aria-expanded'] = isExpanded;
-      }
-      if (depth !== undefined) {
-        ariaAttrs['aria-level'] = depth;
-      }
-      return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_styled.TreeRowContainer, (0, _extends2.default)({
-        css: hasChildren && shouldExpandOnClick ? treeRowClickableStyles : undefined,
-        onClick: hasChildren && shouldExpandOnClick ? this.onClickHandler : undefined
-      }, ariaAttrs), _react.default.Children.map(this.props.children, function (cell, index) {
-        return _this2.renderCell(cell, index);
-      })), hasChildren && isExpanded && renderChildren && renderChildren());
+  return undefined;
+};
+function Row(_ref) {
+  var shouldExpandOnClick = _ref.shouldExpandOnClick,
+    hasChildren = _ref.hasChildren,
+    depth = _ref.depth,
+    renderChildren = _ref.renderChildren,
+    isDefaultExpanded = _ref.isDefaultExpanded,
+    data = _ref.data,
+    providedOnExpand = _ref.onExpand,
+    providedOnCollapse = _ref.onCollapse,
+    mainColumnForExpandCollapseLabel = _ref.mainColumnForExpandCollapseLabel,
+    expandLabel = _ref.expandLabel,
+    collapseLabel = _ref.collapseLabel,
+    itemId = _ref.itemId,
+    children = _ref.children,
+    isProvidedExpanded = _ref.isExpanded;
+  var _useState = (0, _react.useState)(isDefaultExpanded || false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isExpandedState = _useState2[0],
+    setIsExpandedState = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (isProvidedExpanded === undefined && isDefaultExpanded !== undefined && isExpandedState !== isDefaultExpanded) {
+      setIsExpandedState(isDefaultExpanded);
     }
-  }]);
-  return RowComponent;
-}(_react.Component);
-var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-var Row = (0, _analyticsNext.withAnalyticsContext)({
-  componentName: 'row',
-  packageName: packageName,
-  packageVersion: packageVersion
-})((0, _analyticsNext.withAnalyticsEvents)({
-  onExpand: createAndFireEventOnAtlaskit({
+  }, [isDefaultExpanded, isProvidedExpanded, isExpandedState]);
+  var onExpand = (0, _analyticsNext.usePlatformLeafEventHandler)({
+    fn: function fn(value) {
+      return providedOnExpand && providedOnExpand(value);
+    },
     action: 'expanded',
     actionSubject: 'tableTree',
-    attributes: {
-      componentName: 'row',
-      packageName: packageName,
-      packageVersion: packageVersion
-    }
-  }),
-  onCollapse: createAndFireEventOnAtlaskit({
+    componentName: 'row',
+    packageName: "@atlaskit/table-tree",
+    packageVersion: "10.0.1"
+  });
+  var onCollapse = (0, _analyticsNext.usePlatformLeafEventHandler)({
+    fn: function fn(value) {
+      return providedOnCollapse && providedOnCollapse(value);
+    },
     action: 'collapsed',
     actionSubject: 'tableTree',
-    attributes: {
-      componentName: 'row',
-      packageName: packageName,
-      packageVersion: packageVersion
+    componentName: 'row',
+    packageName: "@atlaskit/table-tree",
+    packageVersion: "10.0.1"
+  });
+
+  /**
+   * This ensures a user won't trigger a click event and expand the accordion
+   * when making a text selection.
+   */
+  var onClickHandler = function onClickHandler(e) {
+    var _window$getSelection;
+    var selection = ((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString()) || '';
+    if ((selection === null || selection === void 0 ? void 0 : selection.length) === 0) {
+      onExpandToggle();
+    }
+  };
+  var onExpandStateChange = function onExpandStateChange(isExpanded) {
+    if (data) {
+      if (isExpanded && onExpand) {
+        onExpand(data);
+      } else if (!isExpanded && onCollapse) {
+        onCollapse(data);
+      }
+    }
+  };
+  var onExpandToggle = function onExpandToggle() {
+    if (isProvidedExpanded !== undefined) {
+      onExpandStateChange(!isProvidedExpanded);
+    } else {
+      setIsExpandedState(function (prevState) {
+        onExpandStateChange(!prevState);
+        return !prevState;
+      });
+    }
+  };
+  var renderCell = function renderCell(cell, cellIndex) {
+    var isFirstCell = cellIndex === 0;
+    var indentLevel = isFirstCell ? depth : 0;
+    var cellContent = cell.props.children || [];
+    var extendedLabel = getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel);
+    if (isFirstCell && hasChildren) {
+      cellContent = [(0, _react2.jsx)(_chevron.default, {
+        key: "chevron",
+        expandLabel: expandLabel,
+        collapseLabel: collapseLabel,
+        extendedLabel: extendedLabel,
+        isExpanded: isProvidedExpanded !== undefined ? isProvidedExpanded : isExpandedState,
+        onExpandToggle: onExpandToggle,
+        ariaControls: (isProvidedExpanded !== undefined ? isProvidedExpanded : isExpandedState) && !!itemId ? (0, _toItemId.default)(itemId) : undefined,
+        rowId: !!itemId ? itemId : ''
+      })].concat(cellContent);
     }
-  })
-})(RowComponent));
+    // eslint-disable-next-line @repo/internal/react/no-clone-element
+    return /*#__PURE__*/_react.default.cloneElement(cell, {
+      key: cellIndex,
+      columnIndex: cellIndex,
+      indentLevel: indentLevel
+    }, cellContent);
+  };
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_styled.TreeRowContainer, {
+    css: hasChildren && shouldExpandOnClick ? treeRowClickableStyles : undefined,
+    onClick: hasChildren && shouldExpandOnClick ? onClickHandler : undefined,
+    "aria-expanded": hasChildren ? isExpandedState : undefined,
+    "aria-level": depth ? depth : undefined
+  }, _react.default.Children.map(children, function (cell, index) {
+    return renderCell(cell, index);
+  })), hasChildren && (isProvidedExpanded !== undefined ? isProvidedExpanded : isExpandedState) && renderChildren && renderChildren());
+}
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = exports.default = Row;

package/dist/cjs/components/rows.js

@@ -1,45 +1,25 @@
 "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 _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 _react = _interopRequireDefault(require("react"));
 var _items = _interopRequireDefault(require("./internal/items"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var Rows = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Rows, _Component);
-  var _super = _createSuper(Rows);
-  function Rows() {
-    (0, _classCallCheck2.default)(this, Rows);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(Rows, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        items = _this$props.items,
-        render = _this$props.render,
-        _this$props$loadingLa = _this$props.loadingLabel,
-        loadingLabel = _this$props$loadingLa === void 0 ? 'Loading' : _this$props$loadingLa;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        role: "rowgroup"
-      }, /*#__PURE__*/_react.default.createElement(_items.default, {
-        items: items,
-        loadingLabel: loadingLabel,
-        render: render
-      }));
-    }
-  }]);
-  return Rows;
-}(_react.Component);
+function Rows(_ref) {
+  var items = _ref.items,
+    render = _ref.render,
+    _ref$loadingLabel = _ref.loadingLabel,
+    loadingLabel = _ref$loadingLabel === void 0 ? 'Loading' : _ref$loadingLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "rowgroup"
+  }, /*#__PURE__*/_react.default.createElement(_items.default, {
+    items: items,
+    loadingLabel: loadingLabel,
+    render: render
+  }));
+}
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = Rows;