@semcore/data-table 16.0.4 → 16.0.5

package/lib/cjs/components/Body/Row.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: UniqRowKey;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n  [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  mergedRow?: boolean;\n\n  isAccordionRow?: DataTableCellProps['isAccordionRow'];\n  animationExpand?: DataTableCellProps['animationExpand'];\n  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  /**\n   * Flag to show is row in a merged list or not.\n   */\n  mergedRow?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  accordionDuration?: number | [number, number];\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: UniqRowKey;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n  [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  mergedRow?: boolean;\n\n  isAccordionRow?: DataTableCellProps['isAccordionRow'];\n  animationExpand?: DataTableCellProps['animationExpand'];\n  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  /**\n   * Flag to show is row in a merged list or not.\n   */\n  mergedRow?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: UniqRowKey[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  accordionDuration?: number | [number, number];\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/DataTable/DataTable.js

@@ -33,35 +33,35 @@ var _MergedCells = require("../Body/MergedCells");
 var _Head = require("../Head/Head");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./dataTable.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDataTable_e0rog_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_e0rog_gg_.__gridTemplateColumns_e0rog_gg_{grid-template-columns:var(--gridTemplateColumns_e0rog)}.___SDataTable_e0rog_gg_.__gridTemplateAreas_e0rog_gg_{grid-template-areas:var(--gridTemplateAreas_e0rog)}.___SDataTable_e0rog_gg_.__gridTemplateRows_e0rog_gg_{grid-template-rows:var(--gridTemplateRows_e0rog)}", /*__inner_css_end__*/"e0rog_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDataTable_1x750_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1x750_gg_.__gridTemplateColumns_1x750_gg_{grid-template-columns:var(--gridTemplateColumns_1x750)}.___SDataTable_1x750_gg_.__gridTemplateAreas_1x750_gg_{grid-template-areas:var(--gridTemplateAreas_1x750)}.___SDataTable_1x750_gg_.__gridTemplateRows_1x750_gg_{grid-template-rows:var(--gridTemplateRows_1x750)}", /*__inner_css_end__*/"1x750_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDataTable": "___SDataTable_e0rog_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_e0rog_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_e0rog",
-  "_gridTemplateAreas": "__gridTemplateAreas_e0rog_gg_",
-  "--gridTemplateAreas": "--gridTemplateAreas_e0rog",
-  "_gridTemplateRows": "__gridTemplateRows_e0rog_gg_",
-  "--gridTemplateRows": "--gridTemplateRows_e0rog"
+  "__SDataTable": "___SDataTable_1x750_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1x750_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1x750",
+  "_gridTemplateAreas": "__gridTemplateAreas_1x750_gg_",
+  "--gridTemplateAreas": "--gridTemplateAreas_1x750",
+  "_gridTemplateRows": "__gridTemplateRows_1x750_gg_",
+  "--gridTemplateRows": "--gridTemplateRows_1x750"
 });
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
-var scrollStyles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollArea_rz9ze_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_{overflow:visible;overflow:initial}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_._scrollDirection_both_rz9ze_gg_{overflow:auto}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_._scrollDirection_horizontal_rz9ze_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_._scrollDirection_vertical_rz9ze_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__loading_rz9ze_gg_{overflow:hidden}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__headerHeight_rz9ze_gg_{scroll-padding-top:var(--headerHeight_rz9ze)}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__leftScrollPadding_rz9ze_gg_{scroll-padding-left:var(--leftScrollPadding_rz9ze)}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__rightScrollPadding_rz9ze_gg_{scroll-padding-right:var(--rightScrollPadding_rz9ze)}.___SScrollArea_rz9ze_gg_ .___SShadowVertical_rz9ze_gg_:before{display:none}.___SScrollArea_rz9ze_gg_ .___SShadowHorizontal_rz9ze_gg_:after,.___SScrollArea_rz9ze_gg_ .___SShadowHorizontal_rz9ze_gg_:before,.___SScrollArea_rz9ze_gg_ .___SShadowVertical_rz9ze_gg_:after{z-index:2}", /*__inner_css_end__*/"rz9ze_gg_"),
+var scrollStyles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollArea_2doqn_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_{overflow:visible;overflow:initial}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_._scrollDirection_both_2doqn_gg_{overflow:auto}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_._scrollDirection_horizontal_2doqn_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_._scrollDirection_vertical_2doqn_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__loading_2doqn_gg_{overflow:hidden}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__headerHeight_2doqn_gg_{scroll-padding-top:var(--headerHeight_2doqn)}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__leftScrollPadding_2doqn_gg_{scroll-padding-left:var(--leftScrollPadding_2doqn)}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__rightScrollPadding_2doqn_gg_{scroll-padding-right:var(--rightScrollPadding_2doqn)}.___SScrollArea_2doqn_gg_ .___SShadowVertical_2doqn_gg_:before{display:none}.___SScrollArea_2doqn_gg_ .___SShadowHorizontal_2doqn_gg_:after,.___SScrollArea_2doqn_gg_ .___SShadowHorizontal_2doqn_gg_:before,.___SScrollArea_2doqn_gg_ .___SShadowVertical_2doqn_gg_:after{z-index:2}", /*__inner_css_end__*/"2doqn_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScrollArea": "___SScrollArea_rz9ze_gg_",
-  "__SContainer": "___SContainer_rz9ze_gg_",
-  "_scrollDirection_both": "_scrollDirection_both_rz9ze_gg_",
-  "_scrollDirection_horizontal": "_scrollDirection_horizontal_rz9ze_gg_",
-  "_scrollDirection_vertical": "_scrollDirection_vertical_rz9ze_gg_",
-  "_loading": "__loading_rz9ze_gg_",
-  "_headerHeight": "__headerHeight_rz9ze_gg_",
-  "--headerHeight": "--headerHeight_rz9ze",
-  "_leftScrollPadding": "__leftScrollPadding_rz9ze_gg_",
-  "--leftScrollPadding": "--leftScrollPadding_rz9ze",
-  "_rightScrollPadding": "__rightScrollPadding_rz9ze_gg_",
-  "--rightScrollPadding": "--rightScrollPadding_rz9ze",
-  "__SShadowVertical": "___SShadowVertical_rz9ze_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_rz9ze_gg_"
+  "__SScrollArea": "___SScrollArea_2doqn_gg_",
+  "__SContainer": "___SContainer_2doqn_gg_",
+  "_scrollDirection_both": "_scrollDirection_both_2doqn_gg_",
+  "_scrollDirection_horizontal": "_scrollDirection_horizontal_2doqn_gg_",
+  "_scrollDirection_vertical": "_scrollDirection_vertical_2doqn_gg_",
+  "_loading": "__loading_2doqn_gg_",
+  "_headerHeight": "__headerHeight_2doqn_gg_",
+  "--headerHeight": "--headerHeight_2doqn",
+  "_leftScrollPadding": "__leftScrollPadding_2doqn_gg_",
+  "--leftScrollPadding": "--leftScrollPadding_2doqn",
+  "_rightScrollPadding": "__rightScrollPadding_2doqn_gg_",
+  "--rightScrollPadding": "--rightScrollPadding_2doqn",
+  "__SShadowVertical": "___SShadowVertical_2doqn_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_2doqn_gg_"
 });
 var ACCORDION = exports.ACCORDION = Symbol('accordion');
 var ROW_GROUP = exports.ROW_GROUP = Symbol('ROW_GROUP');
@@ -94,16 +94,22 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       scrollDirection: 'down',
       selectAllMessage: ''
     });
+    (0, _defineProperty2["default"])(_this, "handleCellClick", function (e, opt) {
+      if (_core.lastInteraction.isMouse()) {
+        console.log('click on cell in data table handler', opt);
+        _this.initFocusableCell([_this.hasFocusableInHeader() ? opt.rowIndex + 1 : opt.rowIndex, opt.colIndex]);
+      }
+    });
     (0, _defineProperty2["default"])(_this, "handleSelectRow", function (isSelected, selectedRowIndex, row, event) {
       var _this$asProps = _this.asProps,
         selectedRows = _this$asProps.selectedRows,
         onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
       if (selectedRows && onSelectedRowsChange) {
         var newSelectedRows = new Set(selectedRows);
-        if (isSelected && !newSelectedRows.has(selectedRowIndex)) {
-          newSelectedRows.add(selectedRowIndex);
-        } else if (!isSelected && newSelectedRows.has(selectedRowIndex)) {
-          newSelectedRows["delete"](selectedRowIndex);
+        if (isSelected && !newSelectedRows.has(row[UNIQ_ROW_KEY])) {
+          newSelectedRows.add(row[UNIQ_ROW_KEY]);
+        } else if (!isSelected && newSelectedRows.has(row[UNIQ_ROW_KEY])) {
+          newSelectedRows["delete"](row[UNIQ_ROW_KEY]);
         }
         onSelectedRowsChange((0, _toConsumableArray2["default"])(newSelectedRows), event, {
           selectedRowIndex: selectedRowIndex,
@@ -132,7 +138,9 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector("[aria-rowindex=\"".concat(index + 1, "\"]:not([aria-hidden=\"true\"])"));
     });
     (0, _defineProperty2["default"])(_this, "hasFocusableInHeader", function () {
-      return _this.headerRef.current && (0, _useFocusLock.hasFocusableIn)(_this.headerRef.current);
+      return _this.headerRef.current && (0, _useFocusLock.hasFocusableIn)(_this.headerRef.current) || _this.columns.some(function (column) {
+        return column.sortable;
+      });
     });
     (0, _defineProperty2["default"])(_this, "onExpandRow", function (expandedRow) {
       var expandedRows = _this.asProps.expandedRows;
@@ -250,14 +258,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
           }
       }
     });
-    (0, _defineProperty2["default"])(_this, "initFocusableCell", function () {
-      var hasFocusable = _this.hasFocusableInHeader();
-      if (hasFocusable) {
-        _this.focusedCell = [0, 0];
-      } else {
-        _this.focusedCell = [1, 0];
-      }
-    });
     (0, _defineProperty2["default"])(_this, "handleScroll", (0, _rafTrottle["default"])(function (e) {
       var scrollTop = e.target.scrollTop;
       var scrollDirection = scrollTop > _this.state.scrollTop ? 'down' : 'up';
@@ -530,12 +530,17 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         totalRows: this.totalRows,
         selectedRows: selectedRows,
         onChangeSelectAll: function onChangeSelectAll(value, e) {
-          var selectedRowsIndexes = value ? new Array(_this3.totalRows).fill(undefined).map(function (_, i) {
-            return i;
-          }) : [];
-          onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(selectedRowsIndexes, e);
+          if (value === false) {
+            onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange([], e);
+          } else {
+            var _selectedRows = _this3.flatRows.map(function (row) {
+              return row[UNIQ_ROW_KEY];
+            });
+            onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(_selectedRows, e);
+          }
         },
-        getFixedStyle: this.getFixedStyle
+        getFixedStyle: this.getFixedStyle,
+        onCellClick: this.handleCellClick
       }, headerProps);
     }
   }, {
@@ -590,7 +595,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         sideIndents: sideIndents,
         selectedRows: selectedRows,
         onSelectRow: this.handleSelectRow,
-        getFixedStyle: this.getFixedStyle
+        getFixedStyle: this.getFixedStyle,
+        onCellClick: this.handleCellClick
       };
     }
   }, {
@@ -606,6 +612,19 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         }
       });
     }
+  }, {
+    key: "initFocusableCell",
+    value: function initFocusableCell(initCell) {
+      var _initCell$, _initCell$2;
+      var hasFocusable = this.hasFocusableInHeader();
+      var initRow = (_initCell$ = initCell === null || initCell === void 0 ? void 0 : initCell[0]) !== null && _initCell$ !== void 0 ? _initCell$ : 0;
+      var initCol = (_initCell$2 = initCell === null || initCell === void 0 ? void 0 : initCell[1]) !== null && _initCell$2 !== void 0 ? _initCell$2 : 0;
+      if (hasFocusable) {
+        this.focusedCell = [initRow, initCol];
+      } else {
+        this.focusedCell = [initRow + 1, initCol];
+      }
+    }
   }, {
     key: "render",
     value: function render() {
@@ -645,7 +664,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         gridTemplateRows = "auto auto repeat(".concat(this.totalRows, ", minmax(").concat(virtualScroll.rowHeight, "px, auto)");
       }
       var scrollDirection = undefined;
-      var hasWidthSettings = Boolean(w) && w !== '100%' || Boolean(wMax);
+      var hasWidthSettings = Boolean(w) || Boolean(wMax);
       var hasHeightSettings = Boolean(h) && h !== 'fit-content' || Boolean(hMax);
       if (hasWidthSettings && !hasHeightSettings) {
         scrollDirection = 'horizontal';
@@ -889,7 +908,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       // @ts-ignore
       var _this$props3 = this.props,
         data = _this$props3.data,
-        uid = _this$props3.uid;
+        uid = _this$props3.uid,
+        uniqueRowKey = _this$props3.uniqueRowKey;
       var rows = [];
       var columnNames = columns.map(function (column) {
         return column.name;
@@ -920,7 +940,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
             acc[ACCORDION] = row[ACCORDION];
           }
           return acc;
-        }, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || "".concat(uid, "_").concat((rowIndex + id).toString(36))), ROW_INDEX, rowIndex));
+        }, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || (uniqueRowKey ? row[uniqueRowKey] : "".concat(uid, "_").concat((rowIndex + id).toString(36)))), ROW_INDEX, rowIndex));
         excludeColumns === null || excludeColumns === void 0 || excludeColumns.forEach(function (value) {
           columns["delete"](value);
         });
@@ -983,8 +1003,15 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var header = (_this$headerRef$curre = this.headerRef.current) === null || _this$headerRef$curre === void 0 ? void 0 : _this$headerRef$curre.children;
       var height = 0;
       for (var i = 0; i < ((_header$length = header === null || header === void 0 ? void 0 : header.length) !== null && _header$length !== void 0 ? _header$length : 0); i++) {
-        var _header$length, _header$item;
-        var columnHeight = header === null || header === void 0 || (_header$item = header.item(i)) === null || _header$item === void 0 ? void 0 : _header$item.getBoundingClientRect().height;
+        var _header$length;
+        var item = header === null || header === void 0 ? void 0 : header.item(i);
+        var columnHeight = item === null || item === void 0 ? void 0 : item.getBoundingClientRect().height;
+        if (item instanceof HTMLElement && item.dataset.groupContainer) {
+          var _item$children$item$g, _item$children$item, _item$children$item$g2, _item$children$item2;
+          var groupHeight = (_item$children$item$g = (_item$children$item = item.children.item(0)) === null || _item$children$item === void 0 ? void 0 : _item$children$item.getBoundingClientRect().height) !== null && _item$children$item$g !== void 0 ? _item$children$item$g : 0;
+          var cellHeight = (_item$children$item$g2 = (_item$children$item2 = item.children.item(1)) === null || _item$children$item2 === void 0 ? void 0 : _item$children$item2.getBoundingClientRect().height) !== null && _item$children$item$g2 !== void 0 ? _item$children$item$g2 : 0;
+          columnHeight = groupHeight + cellHeight;
+        }
         if (columnHeight) {
           height = columnHeight;
           break;