@1771technologies/lytenyte-pro 1.0.0-beta.12 → 1.0.0-beta.13

package/dist/state/helpers/column-layout.js

@@ -1,65 +1,65 @@
 import { rangesOverlap } from "@1771technologies/lytenyte-js-utils";
 export function makeColumnLayout(combinedView, groupMeta, b, focus, floatingRowEnabled) {
-  const layout = [];
-  const floatingRow = [];
-  for (let r = 0; r < combinedView.length; r++) {
-    const row = combinedView[r];
-    const rowLayout = [];
-    for (let i = 0; i < row.length; i++) {
-      const c = row[i];
-      const colS = c.colStart;
-      const colE = c.colStart + c.colSpan;
-      if (
-        !rangesOverlap(colS, colE, b.colStartStart, b.colStartEnd) && // not in start area
-        !rangesOverlap(colS, colE, b.colCenterStart, b.colCenterEnd) && // not in center area
-        !rangesOverlap(colS, colE, b.colEndStart, b.colEndEnd) && // not in end area
-        !(focus && rangesOverlap(colS, colE, focus.colIndex, focus.colIndex + 1)) // not if a cell in the column is focused
-      ) {
-        continue;
-      }
-      const colPin = colS < b.colStartEnd ? "start" : colS >= b.colEndStart ? "end" : null;
-      if (c.kind === "leaf") {
-        const vals = {
-          id: c.data.id,
-          colPin,
-          column: c.data,
-          rowStart: c.rowStart,
-          rowEnd: c.rowStart + c.rowSpan,
-          rowSpan: c.rowSpan,
-          colStart: c.colStart,
-          colEnd: c.colStart + c.colSpan,
-          colSpan: c.colSpan,
-          colFirstEndPin: c.colStart === b.colCenterLast ? true : undefined,
-          colLastStartPin: c.colStart + c.colSpan === b.colStartEnd ? true : undefined,
-        };
-        rowLayout.push({ kind: "cell", ...vals });
-        if (floatingRowEnabled) {
-          floatingRow.push({ kind: "floating", ...vals });
+    const layout = [];
+    const floatingRow = [];
+    for (let r = 0; r < combinedView.length; r++) {
+        const row = combinedView[r];
+        const rowLayout = [];
+        for (let i = 0; i < row.length; i++) {
+            const c = row[i];
+            const colS = c.colStart;
+            const colE = c.colStart + c.colSpan;
+            if (!rangesOverlap(colS, colE, b.colStartStart, b.colStartEnd) && // not in start area
+                !rangesOverlap(colS, colE, b.colCenterStart, b.colCenterEnd) && // not in center area
+                !rangesOverlap(colS, colE, b.colEndStart, b.colEndEnd) && // not in end area
+                !(focus && rangesOverlap(colS, colE, focus.colIndex, focus.colIndex + 1)) // not if a cell in the column is focused
+            ) {
+                continue;
+            }
+            const colPin = colS < b.colStartEnd ? "start" : colS >= b.colEndStart ? "end" : null;
+            if (c.kind === "leaf") {
+                const vals = {
+                    id: c.data.id,
+                    colPin,
+                    column: c.data,
+                    rowStart: c.rowStart,
+                    rowEnd: c.rowStart + c.rowSpan,
+                    rowSpan: c.rowSpan,
+                    colStart: c.colStart,
+                    colEnd: c.colStart + c.colSpan,
+                    colSpan: c.colSpan,
+                    colFirstEndPin: c.colStart === b.colCenterLast ? true : undefined,
+                    colLastStartPin: c.colStart + c.colSpan === b.colStartEnd ? true : undefined,
+                };
+                rowLayout.push({ kind: "cell", ...vals });
+                if (floatingRowEnabled) {
+                    floatingRow.push({ kind: "floating", ...vals });
+                }
+                continue;
+            }
+            rowLayout.push({
+                kind: "group",
+                colPin,
+                id: c.data.id,
+                isCollapsible: groupMeta.groupIsCollapsible.get(c.data.id),
+                idOccurrence: c.data.idOccurrence,
+                rowStart: c.rowStart,
+                rowEnd: c.rowStart + c.rowSpan,
+                rowSpan: c.rowSpan,
+                colStart: c.colStart,
+                colEnd: c.colStart + c.colSpan,
+                colSpan: c.colSpan,
+                columnIds: [...c.data.idsInNode],
+                groupPath: c.data.groupPath,
+                start: c.data.start,
+                end: c.data.end,
+                colFirstEndPin: c.colStart === b.colCenterLast ? true : undefined,
+                colLastStartPin: c.colStart + c.colSpan === b.colStartEnd ? true : undefined,
+            });
         }
-        continue;
-      }
-      rowLayout.push({
-        kind: "group",
-        colPin,
-        id: c.data.id,
-        isCollapsible: groupMeta.groupIsCollapsible.get(c.data.id),
-        idOccurrence: c.data.idOccurrence,
-        rowStart: c.rowStart,
-        rowEnd: c.rowStart + c.rowSpan,
-        rowSpan: c.rowSpan,
-        colStart: c.colStart,
-        colEnd: c.colStart + c.colSpan,
-        colSpan: c.colSpan,
-        columnIds: [...c.data.idsInNode],
-        groupPath: c.data.groupPath,
-        start: c.data.start,
-        end: c.data.end,
-        colFirstEndPin: c.colStart === b.colCenterLast ? true : undefined,
-        colLastStartPin: c.colStart + c.colSpan === b.colStartEnd ? true : undefined,
-      });
+        layout.push(rowLayout);
     }
-    layout.push(rowLayout);
-  }
-  if (floatingRowEnabled) layout.push(floatingRow);
-  return layout;
+    if (floatingRowEnabled)
+        layout.push(floatingRow);
+    return layout;
 }

package/dist/state/helpers/column-marker.d.ts

@@ -1,12 +1,8 @@
 import type { Column, ColumnMarker } from "../../+types";
 interface ColumnHandleMarkerArgs<T> {
-  readonly columns: Column<T>[];
-  readonly marker: ColumnMarker<T>;
-  readonly markerEnabled: boolean;
+    readonly columns: Column<T>[];
+    readonly marker: ColumnMarker<T>;
+    readonly markerEnabled: boolean;
 }
-export declare function columnHandleMarker<T>({
-  columns,
-  marker,
-  markerEnabled,
-}: ColumnHandleMarkerArgs<T>): Column<T>[];
+export declare function columnHandleMarker<T>({ columns, marker, markerEnabled, }: ColumnHandleMarkerArgs<T>): Column<T>[];
 export {};

package/dist/state/helpers/column-marker.js

@@ -1,47 +1,43 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { COLUMN_MARKER_ID } from "@1771technologies/lytenyte-shared";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
-export function columnHandleMarker({ columns, marker, markerEnabled }) {
-  const lookup = itemsWithIdToMap(columns);
-  if (markerEnabled && !lookup.has(COLUMN_MARKER_ID)) {
-    columns = [
-      {
-        id: COLUMN_MARKER_ID,
-        name: "",
-        pin: "start",
-        width: marker.width ?? 30,
-        widthMin: 24,
-        cellRenderer: marker.cellRenderer,
-        headerRenderer: marker.headerRenderer ?? HeaderRenderer,
-        floatingRenderer: marker.floatingRenderer ?? FloatingRenderer,
-        uiHints: marker.uiHints,
-      },
-      ...columns,
-    ];
-    lookup.set(COLUMN_MARKER_ID, columns[0]);
-  } else if (!markerEnabled && lookup.has(COLUMN_MARKER_ID)) {
-    const index = columns.findIndex((c) => c.id === COLUMN_MARKER_ID);
-    columns.splice(index, 1);
-  }
-  if (markerEnabled) {
-    const column = lookup.get(COLUMN_MARKER_ID);
-    // The marker column must always be the first column displayed in the grid.
-    const index = columns.findIndex((c) => c.id === COLUMN_MARKER_ID);
-    if (index !== 0) {
-      columns.splice(index, 1);
-      columns.unshift(column);
+export function columnHandleMarker({ columns, marker, markerEnabled, }) {
+    const lookup = itemsWithIdToMap(columns);
+    if (markerEnabled && !lookup.has(COLUMN_MARKER_ID)) {
+        columns = [
+            {
+                id: COLUMN_MARKER_ID,
+                name: "",
+                pin: "start",
+                width: marker.width ?? 30,
+                widthMin: 24,
+                cellRenderer: marker.cellRenderer,
+                headerRenderer: marker.headerRenderer ?? HeaderRenderer,
+                floatingRenderer: marker.floatingRenderer ?? FloatingRenderer,
+                uiHints: marker.uiHints,
+            },
+            ...columns,
+        ];
+        lookup.set(COLUMN_MARKER_ID, columns[0]);
     }
-  }
-  return columns;
+    else if (!markerEnabled && lookup.has(COLUMN_MARKER_ID)) {
+        const index = columns.findIndex((c) => c.id === COLUMN_MARKER_ID);
+        columns.splice(index, 1);
+    }
+    if (markerEnabled) {
+        const column = lookup.get(COLUMN_MARKER_ID);
+        // The marker column must always be the first column displayed in the grid.
+        const index = columns.findIndex((c) => c.id === COLUMN_MARKER_ID);
+        if (index !== 0) {
+            columns.splice(index, 1);
+            columns.unshift(column);
+        }
+    }
+    return columns;
 }
 function HeaderRenderer() {
-  return _jsx(_Fragment, {
-    children: _jsx("div", {
-      style: { overflow: "hidden", opacity: 0, width: "100%", height: "100%" },
-      children: "Marker column default",
-    }),
-  });
+    return (_jsx(_Fragment, { children: _jsx("div", { style: { overflow: "hidden", opacity: 0, width: "100%", height: "100%" }, children: "Marker column default" }) }));
 }
 function FloatingRenderer() {
-  return _jsx(_Fragment, {});
+    return _jsx(_Fragment, {});
 }

package/dist/state/helpers/column-view.d.ts

@@ -1,27 +1,21 @@
 import { type PathTableItem } from "@1771technologies/lytenyte-shared";
 import type { Column, ColumnBase, ColumnGroupMeta } from "../../+types";
 export interface MakeColumnViewArgs<T> {
-  readonly columns: Column<T>[];
-  readonly base: ColumnBase<T>;
-  readonly groupExpansions: Record<string, boolean>;
-  readonly groupJoinDelimiter: string;
-  readonly groupExpansionDefault: boolean;
+    readonly columns: Column<T>[];
+    readonly base: ColumnBase<T>;
+    readonly groupExpansions: Record<string, boolean>;
+    readonly groupJoinDelimiter: string;
+    readonly groupExpansionDefault: boolean;
 }
 export interface MakeColumnViewReturn<T> {
-  meta: ColumnGroupMeta;
-  maxRow: number;
-  maxCol: number;
-  combinedView: PathTableItem<Column<T>>[][];
-  visibleColumns: Column<T>[];
-  lookup: Map<string, Column<T>>;
-  startCount: number;
-  endCount: number;
-  centerCount: number;
+    meta: ColumnGroupMeta;
+    maxRow: number;
+    maxCol: number;
+    combinedView: PathTableItem<Column<T>>[][];
+    visibleColumns: Column<T>[];
+    lookup: Map<string, Column<T>>;
+    startCount: number;
+    endCount: number;
+    centerCount: number;
 }
-export declare function makeColumnView<T>({
-  columns,
-  base,
-  groupExpansions,
-  groupJoinDelimiter,
-  groupExpansionDefault,
-}: MakeColumnViewArgs<T>): MakeColumnViewReturn<T>;
+export declare function makeColumnView<T>({ columns, base, groupExpansions, groupJoinDelimiter, groupExpansionDefault, }: MakeColumnViewArgs<T>): MakeColumnViewReturn<T>;

package/dist/state/helpers/column-view.js

@@ -1,57 +1,33 @@
-import {
-  computePathTable,
-  getMaxHeaderDepth,
-  getVisibleColumns,
-  getVisibleColumnsWithGroups,
-  makeColumnGroupMetadata,
-  partitionColumnsByPinState,
-} from "@1771technologies/lytenyte-shared";
-export function makeColumnView({
-  columns,
-  base,
-  groupExpansions,
-  groupJoinDelimiter,
-  groupExpansionDefault,
-}) {
-  const lookup = new Map(columns.map((c) => [c.id, c]));
-  const columnsNotHidden = getVisibleColumns(columns, base);
-  const groupMetadata = makeColumnGroupMetadata(columnsNotHidden, groupJoinDelimiter);
-  const visible = getVisibleColumnsWithGroups(
-    columnsNotHidden,
-    groupMetadata,
-    groupExpansions,
-    groupExpansionDefault,
-  );
-  const { start, center, end } = partitionColumnsByPinState(visible);
-  const seenMap = {};
-  const maxDepth = getMaxHeaderDepth(visible);
-  const endOffset = start.length + center.length;
-  const startTable = computePathTable(start, maxDepth, seenMap, groupJoinDelimiter, 0).table;
-  const centerTable = computePathTable(
-    center,
-    maxDepth,
-    seenMap,
-    groupJoinDelimiter,
-    start.length,
-  ).table;
-  const endTable = computePathTable(end, maxDepth, seenMap, groupJoinDelimiter, endOffset).table;
-  const combinedView = [];
-  for (let i = 0; i <= maxDepth; i++) {
-    const row = [];
-    row.push(...(startTable[i] ?? []));
-    row.push(...(centerTable[i] ?? []));
-    row.push(...(endTable[i] ?? []));
-    combinedView.push(row);
-  }
-  return {
-    meta: groupMetadata,
-    maxRow: maxDepth + 1,
-    maxCol: visible.length,
-    combinedView,
-    visibleColumns: [...start, ...center, ...end],
-    lookup,
-    startCount: start.length,
-    endCount: end.length,
-    centerCount: center.length,
-  };
+import { computePathTable, getMaxHeaderDepth, getVisibleColumns, getVisibleColumnsWithGroups, makeColumnGroupMetadata, partitionColumnsByPinState, } from "@1771technologies/lytenyte-shared";
+export function makeColumnView({ columns, base, groupExpansions, groupJoinDelimiter, groupExpansionDefault, }) {
+    const lookup = new Map(columns.map((c) => [c.id, c]));
+    const columnsNotHidden = getVisibleColumns(columns, base);
+    const groupMetadata = makeColumnGroupMetadata(columnsNotHidden, groupJoinDelimiter);
+    const visible = getVisibleColumnsWithGroups(columnsNotHidden, groupMetadata, groupExpansions, groupExpansionDefault);
+    const { start, center, end } = partitionColumnsByPinState(visible);
+    const seenMap = {};
+    const maxDepth = getMaxHeaderDepth(visible);
+    const endOffset = start.length + center.length;
+    const startTable = computePathTable(start, maxDepth, seenMap, groupJoinDelimiter, 0).table;
+    const centerTable = computePathTable(center, maxDepth, seenMap, groupJoinDelimiter, start.length).table;
+    const endTable = computePathTable(end, maxDepth, seenMap, groupJoinDelimiter, endOffset).table;
+    const combinedView = [];
+    for (let i = 0; i <= maxDepth; i++) {
+        const row = [];
+        row.push(...(startTable[i] ?? []));
+        row.push(...(centerTable[i] ?? []));
+        row.push(...(endTable[i] ?? []));
+        combinedView.push(row);
+    }
+    return {
+        meta: groupMetadata,
+        maxRow: maxDepth + 1,
+        maxCol: visible.length,
+        combinedView,
+        visibleColumns: [...start, ...center, ...end],
+        lookup,
+        startCount: start.length,
+        endCount: end.length,
+        centerCount: center.length,
+    };
 }

package/dist/state/helpers/edit-on-change.d.ts

@@ -1,23 +1,15 @@
 import type { InternalAtoms } from "../+types";
 import type { Column, ColumnBase, Grid, RowNode } from "../../+types";
 interface EditOnChangeArgs<T> {
-  readonly column: Column<T>;
-  readonly base: ColumnBase<T>;
-  readonly activeData: any;
-  readonly row: RowNode<T>;
-  readonly value: any;
-  readonly grid: Grid<T> & {
-    internal: InternalAtoms;
-  };
-  readonly rowIndex: number;
+    readonly column: Column<T>;
+    readonly base: ColumnBase<T>;
+    readonly activeData: any;
+    readonly row: RowNode<T>;
+    readonly value: any;
+    readonly grid: Grid<T> & {
+        internal: InternalAtoms;
+    };
+    readonly rowIndex: number;
 }
-export declare function editOnChange<T>({
-  value: c,
-  grid,
-  rowIndex,
-  column,
-  base,
-  row,
-  activeData,
-}: EditOnChangeArgs<T>): void;
+export declare function editOnChange<T>({ value: c, grid, rowIndex, column, base, row, activeData, }: EditOnChangeArgs<T>): void;
 export {};

package/dist/state/helpers/edit-on-change.js

@@ -1,26 +1,26 @@
-export function editOnChange({ value: c, grid, rowIndex, column, base, row, activeData }) {
-  const field = column.field ?? column.id;
-  let next = structuredClone(activeData);
-  if (row.kind !== "branch" && typeof field === "number") next[field] = c;
-  else if (row.kind !== "branch" && typeof field === "string") next[field] = c;
-  else {
-    const setter = column.editSetter ?? base.editSetter;
-    if (!setter) {
-      console.error(
-        "A column with a non-trivial field must provide a corresponding editSetter to be editable.",
-      );
-      return;
+export function editOnChange({ value: c, grid, rowIndex, column, base, row, activeData, }) {
+    const field = column.field ?? column.id;
+    let next = structuredClone(activeData);
+    if (row.kind !== "branch" && typeof field === "number")
+        next[field] = c;
+    else if (row.kind !== "branch" && typeof field === "string")
+        next[field] = c;
+    else {
+        const setter = column.editSetter ?? base.editSetter;
+        if (!setter) {
+            console.error("A column with a non-trivial field must provide a corresponding editSetter to be editable.");
+            return;
+        }
+        next = setter({
+            column,
+            data: next,
+            grid: grid,
+            row,
+            rowIndex,
+        });
     }
-    next = setter({
-      column,
-      data: next,
-      grid: grid,
-      row,
-      rowIndex,
-    });
-  }
-  const validator = grid.state.editRowValidatorFn.get();
-  const result = validator.fn({ grid: grid, rowIndex: rowIndex, data: next, row });
-  grid.internal.editData.set(next);
-  grid.internal.editValidation.set(result);
+    const validator = grid.state.editRowValidatorFn.get();
+    const result = validator.fn({ grid: grid, rowIndex: rowIndex, data: next, row });
+    grid.internal.editData.set(next);
+    grid.internal.editValidation.set(result);
 }

package/dist/state/helpers/empty-row-data-source.js

@@ -1,18 +1,18 @@
 export const emptyRowDataSource = {
-  init: () => {},
-  rowById: () => null,
-  rowByIndex: () => null,
-  rowExpand: () => {},
-  rowUpdate: () => {},
-  rowToIndex: () => null,
-  rowAllChildIds: () => [],
-  rowSelect: () => {},
-  rowSelectAll: () => {},
-  rowAdd: () => {},
-  rowDelete: () => {},
-  rowSetBotData: () => {},
-  rowSetCenterData: () => {},
-  rowSetTopData: () => {},
-  rowAreAllSelected: () => false,
-  inFilterItems: () => [],
+    init: () => { },
+    rowById: () => null,
+    rowByIndex: () => null,
+    rowExpand: () => { },
+    rowUpdate: () => { },
+    rowToIndex: () => null,
+    rowAllChildIds: () => [],
+    rowSelect: () => { },
+    rowSelectAll: () => { },
+    rowAdd: () => { },
+    rowDelete: () => { },
+    rowSetBotData: () => { },
+    rowSetCenterData: () => { },
+    rowSetTopData: () => { },
+    rowAreAllSelected: () => false,
+    inFilterItems: () => [],
 };

package/dist/state/helpers/get-data-rect.d.ts

@@ -1,23 +1,13 @@
 import type { Column, ExportDataRectResult, RowNode } from "../../+types";
 export interface GetDataRectArgs {
-  readonly columnStart: number;
-  readonly columnEnd: number;
-  readonly rows: (RowNode<any> | null | undefined)[];
-  readonly uniformGroupHeaders?: boolean;
-  readonly visible: Column<any>[];
-  readonly columnField: (
-    c: Column<any>,
-    row: {
-      kind: string;
-      data: unknown;
-    },
-  ) => unknown;
+    readonly columnStart: number;
+    readonly columnEnd: number;
+    readonly rows: (RowNode<any> | null | undefined)[];
+    readonly uniformGroupHeaders?: boolean;
+    readonly visible: Column<any>[];
+    readonly columnField: (c: Column<any>, row: {
+        kind: string;
+        data: unknown;
+    }) => unknown;
 }
-export declare function getDataRect({
-  rows,
-  columnStart,
-  columnEnd,
-  uniformGroupHeaders,
-  visible,
-  columnField,
-}: GetDataRectArgs): ExportDataRectResult<any>;
+export declare function getDataRect({ rows, columnStart, columnEnd, uniformGroupHeaders, visible, columnField, }: GetDataRectArgs): ExportDataRectResult<any>;

package/dist/state/helpers/get-data-rect.js

@@ -1,70 +1,65 @@
-import {
-  COLUMN_MARKER_ID,
-  computePathMatrix,
-  GROUP_COLUMN_PREFIX,
-} from "@1771technologies/lytenyte-shared";
-export function getDataRect({
-  rows,
-  columnStart,
-  columnEnd,
-  uniformGroupHeaders,
-  visible,
-  columnField,
-}) {
-  const data = [];
-  const columns = [];
-  for (let i = columnStart; i < columnEnd && i < visible.length; i++) {
-    const column = visible[i];
-    if (column.id === COLUMN_MARKER_ID) continue;
-    columns.push(column);
-  }
-  const groupHeaders = [];
-  const hierarchy = computePathMatrix(visible);
-  for (let levelIndex = 0; levelIndex < hierarchy.length; levelIndex++) {
-    const level = hierarchy[levelIndex];
-    const seen = new Set();
-    const header = [];
-    for (let i = 0; i < columns.length; i++) {
-      const value = level[i];
-      if (!value) {
-        header.push(null);
-        continue;
-      }
-      if (seen.has(value.idOccurrence)) {
-        header.push("");
-        continue;
-      }
-      if (!uniformGroupHeaders) seen.add(value.idOccurrence);
-      const group = value.groupPath.at(-1);
-      header.push(group);
+import { COLUMN_MARKER_ID, computePathMatrix, GROUP_COLUMN_PREFIX, } from "@1771technologies/lytenyte-shared";
+export function getDataRect({ rows, columnStart, columnEnd, uniformGroupHeaders, visible, columnField, }) {
+    const data = [];
+    const columns = [];
+    for (let i = columnStart; i < columnEnd && i < visible.length; i++) {
+        const column = visible[i];
+        if (column.id === COLUMN_MARKER_ID)
+            continue;
+        columns.push(column);
     }
-    groupHeaders.push(header);
-  }
-  let headers = [];
-  headers = [];
-  for (const v of columns) {
-    headers.push(v.name ?? v.id);
-  }
-  for (const row of Object.values(rows)) {
-    const dataForRow = [];
-    for (const column of columns) {
-      let field;
-      if (!row) {
-        field = null;
-      } else if (column.id.startsWith(GROUP_COLUMN_PREFIX)) {
-        if (row.kind === "branch") field = row.key;
-        else field = "";
-      } else {
-        field = columnField(column, { kind: row.kind, data: row.data });
-      }
-      dataForRow.push(field);
+    const groupHeaders = [];
+    const hierarchy = computePathMatrix(visible);
+    for (let levelIndex = 0; levelIndex < hierarchy.length; levelIndex++) {
+        const level = hierarchy[levelIndex];
+        const seen = new Set();
+        const header = [];
+        for (let i = 0; i < columns.length; i++) {
+            const value = level[i];
+            if (!value) {
+                header.push(null);
+                continue;
+            }
+            if (seen.has(value.idOccurrence)) {
+                header.push("");
+                continue;
+            }
+            if (!uniformGroupHeaders)
+                seen.add(value.idOccurrence);
+            const group = value.groupPath.at(-1);
+            header.push(group);
+        }
+        groupHeaders.push(header);
     }
-    data.push(dataForRow);
-  }
-  return {
-    data,
-    groupHeaders,
-    columns,
-    headers,
-  };
+    let headers = [];
+    headers = [];
+    for (const v of columns) {
+        headers.push(v.name ?? v.id);
+    }
+    for (const row of Object.values(rows)) {
+        const dataForRow = [];
+        for (const column of columns) {
+            let field;
+            if (!row) {
+                field = null;
+            }
+            else if (column.id.startsWith(GROUP_COLUMN_PREFIX)) {
+                if (row.kind === "branch")
+                    field = row.key;
+                else
+                    field = "";
+            }
+            else {
+                field = columnField(column, { kind: row.kind, data: row.data });
+            }
+            dataForRow.push(field);
+        }
+        data.push(dataForRow);
+    }
+    return {
+        data,
+        groupHeaders,
+        columns,
+        headers,
+    };
 }