@homebound/beam 2.378.1 → 2.379.0

package/dist/components/Table/utils/RowStates.js

@@ -1,197 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowStates = void 0;
-const mobx_1 = require("mobx");
-const RowState_1 = require("./RowState");
-const RowStorage_1 = require("./RowStorage");
-const utils_1 = require("./utils");
-/**
- * Manages our tree of observable RowStates that manage each GridDataRow's behavior.
- */
-class RowStates {
-    // A flat map of all row id -> RowState
-    map = new mobx_1.ObservableMap();
-    table;
-    storage = new RowStorage_1.RowStorage(this);
-    // Pre-create the header to drive select-all/etc. behavior, even if the user
-    // doesn't pass an explicit `header` GridDataRow in `rows.props`
-    header;
-    // Pre-create our keptGroupRow for if/when we need it.
-    keptGroupRow;
-    /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
-    topRows = [];
-    constructor(table) {
-        this.table = table;
-        this.header = this.createHeaderRow();
-        this.keptGroupRow = this.createKeptGroupRow(this.header);
-        this.map.set(this.header.row.id, this.header);
-        this.map.set(this.keptGroupRow.row.id, this.keptGroupRow);
-    }
-    /** Returns a flat list of all of our RowStates. */
-    get allStates() {
-        return [...this.map.values()];
-    }
-    /** Returns the `RowState` for the given `id`. We should probably require `kind`. */
-    get(id) {
-        const rs = this.map.get(id);
-        if (!rs)
-            throw new Error(`No RowState for ${id}`);
-        return rs;
-    }
-    /**
-     * Merge a new set of `rows` prop into our state.
-     *
-     * Any missing rows are marked as `wasRemoved` so we can consider them "kept" if they're also selected.
-     */
-    setRows(rows) {
-        const states = this;
-        const map = this.map;
-        // Keep track of ids as we add them, to detect duplicates
-        const seenIds = new Set();
-        // Keep track of existing rows, so we can mark any that are missing as removed
-        const maybeKept = new Set(this.map.values());
-        function addRowAndChildren(parent, row) {
-            // This should really be kind+id, but nearly all of our existing API uses just ids,
-            // b/c we assume our ids are tagged/unique across parent/child kinds anyway. So go
-            // ahead and enforce "row.id must be unique across kinds" b/c pragmatically that is
-            // baked into the current API signatures.
-            const key = row.id;
-            if (seenIds.has(key)) {
-                throw new Error(`Duplicate row id ${key}`);
-            }
-            else {
-                seenIds.add(key);
-            }
-            let state = map.get(key);
-            if (!state) {
-                state = new RowState_1.RowState(states, parent, row);
-                map.set(key, state);
-            }
-            else {
-                state.parent = parent;
-                state.row = row;
-                state.removed = false;
-                maybeKept.delete(state);
-            }
-            state.children = row.children?.map((child) => addRowAndChildren(state, child));
-            return state;
-        }
-        // Probe for the header row, so we can create it as a root RowState, even
-        // though we don't require the user to model their GridDataRows that way.
-        const headerRow = rows.find((r) => r.kind === utils_1.HEADER);
-        this.header.row = headerRow || missingHeader;
-        // Add the top-level rows
-        this.topRows = rows.filter((row) => row !== headerRow).map((row) => addRowAndChildren(this.header, row));
-        // Always add the keptGroupRow, and we'll use keptGroupRow.isMatched=true/false to keep it
-        // from messing up "header is all selected" if its hidden/when there are no kept rows.
-        this.header.children = [this.keptGroupRow, ...this.topRows];
-        // Then mark any remaining as removed
-        for (const state of maybeKept)
-            state.markRemoved();
-        // After the first load of real data, we detach collapse state, to respect
-        // any incoming initCollapsed.
-        if (this.topRows.some((rs) => !utils_1.reservedRowKinds.includes(rs.row.kind))) {
-            this.storage.done();
-        }
-    }
-    /** Fully delete `ids`, so they don't show up in kept rows anymore. */
-    delete(ids) {
-        for (const id of ids) {
-            const rs = this.map.get(id);
-            if (rs)
-                rs.removed = "hard";
-            this.map.delete(id);
-        }
-    }
-    /** Implements special collapse behavior, which is just the header's collapse/uncollapse. */
-    toggleCollapsed(id) {
-        const rs = this.get(id);
-        if (rs === this.header) {
-            if (rs.collapsed) {
-                // The header being "opened" opens everything
-                for (const rs of this.allStates)
-                    rs.collapsed = false;
-            }
-            else {
-                // The header being "closed" marks all non-leaf rows as collapsed,
-                // so that when the user re-opens them, they open a level at a time.
-                for (const rs of this.allStates) {
-                    if (rs.children)
-                        rs.collapsed = true;
-                }
-            }
-        }
-        else {
-            rs.toggleCollapsed();
-            // Ignore the kept group
-            const topGroupRows = this.topRows.filter((rs) => !rs.isReservedKind && rs.children);
-            if (topGroupRows.length > 0) {
-                // The header might still be collapsed, even though the user has opened all the top-level rows
-                if (topGroupRows.every((rs) => !rs.collapsed))
-                    this.header.collapsed = false;
-                // Alternatively, if the user has collapsed all top-level rows, then collapse the header as well.
-                if (topGroupRows.every((rs) => rs.collapsed))
-                    this.header.collapsed = true;
-            }
-        }
-    }
-    get visibleRows() {
-        const rows = this.header.selfAndMaybeChildren;
-        if (this.header.row === missingHeader) {
-            rows.splice(0, 1);
-        }
-        return rows;
-    }
-    /** Returns kept rows, i.e. those that were user-selected but then client-side or server-side filtered. */
-    get keptRows() {
-        return this.allStates.filter((rs) => rs.isKept);
-    }
-    get collapsedRows() {
-        return this.allStates.filter((rs) => rs.collapsed);
-    }
-    createHeaderRow() {
-        // We'll switch the rs.row from the `missingHeader` to the real header from the props.rows later
-        return new RowState_1.RowState(this, undefined, missingHeader);
-    }
-    /** Create our synthetic "group row" for kept rows, that users never pass in, but we self-inject as needed. */
-    createKeptGroupRow(header) {
-        // The "group row" for selected rows that are hidden by filters and add the children
-        const keptGroupRow = {
-            id: utils_1.KEPT_GROUP,
-            kind: utils_1.KEPT_GROUP,
-            initCollapsed: true,
-            selectable: false,
-            data: undefined,
-            children: [],
-            pin: { at: "first", filter: true },
-        };
-        const rs = new RowState_1.RowState(this, header, keptGroupRow);
-        // Make the RowState behave like a parent, even though we calc its visibleChildren.
-        rs.children = [];
-        return rs;
-    }
-    maybeSetRowDraggedOver(id, draggedOver, requireSameParentRow = undefined) {
-        const rs = this.get(id);
-        if (requireSameParentRow) {
-            const requireParentRowState = this.get(requireSameParentRow.id);
-            if (requireParentRowState.parent?.row?.id !== rs.parent?.row?.id)
-                return;
-        }
-        // if this is an expanded parent and draggedOver is Below then we want to set this on this rows bottom-most child
-        if (!rs.collapsed && rs.children && rs.children?.length > 0 && draggedOver === RowState_1.DraggedOver.Below) {
-            let rowState = rs;
-            // recursively find the bottom-most child
-            while (rowState.children && rowState.children?.length > 0) {
-                rowState = rowState.children[rowState.children.length - 1];
-            }
-            rowState.isDraggedOver = draggedOver;
-            return;
-        }
-        // this allows a single-row re-render
-        if (rs.isDraggedOver === draggedOver)
-            return;
-        rs.isDraggedOver = draggedOver;
-    }
-}
-exports.RowStates = RowStates;
-const missingHeader = { kind: "header", id: "header", data: "MISSING" };

package/dist/components/Table/utils/RowStorage.d.ts

@@ -1,29 +0,0 @@
-import { Kinded } from "../../..";
-import { RowStates } from "./RowStates";
-/**
- * Manages loading/saving our currently-collapsed rows to session storage.
- *
- * This is useful for pages that the user has to go in-out/out-of a lot, and
- * want it to restore, as much as possible, like their previous visit. Granted,
- * we try to superdrawer most of these experiences to avoid the user having to
- * jump off-page.
- *
- * Unlike most of our other states, this is not directly reactive/an observable,
- * although we do reactive to collapsedRows changing to persist the new state.
- */
-export declare class RowStorage<R extends Kinded> {
-    private states;
-    private historicalIds;
-    constructor(states: RowStates<R>);
-    load(persistCollapse: string): void;
-    /** Once the first real-data load is done, we ignore historical ids so that we prefer any new data's `initCollapsed`. */
-    done(): void;
-    /**
-     * Returns if this row had been collapsed.
-     *
-     * Technically we return `undefined` if a) there is no persisted state for this row, or b) we are
-     * past the first real-data load, and thus should prefer new incoming rows' `initCollapsed` flag.
-     */
-    wasCollapsed(id: string): boolean | undefined;
-}
-//# sourceMappingURL=RowStorage.d.ts.map

package/dist/components/Table/utils/RowStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/RowStorage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,iBAAY;AAC7B,OAAO,EAAE,SAAS,EAAE,oBAA6C;AAGjE;;;;;;;;;;GAUG;AACH,qBAAa,UAAU,CAAC,CAAC,SAAS,MAAM;IAG1B,OAAO,CAAC,MAAM;IAF1B,OAAO,CAAC,aAAa,CAAuB;gBAExB,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI;IAUnC,wHAAwH;IACxH,IAAI;IAIJ;;;;;OAKG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;CAG9C"}

package/dist/components/Table/utils/RowStorage.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowStorage = void 0;
-const mobx_1 = require("mobx");
-const utils_1 = require("./utils");
-/**
- * Manages loading/saving our currently-collapsed rows to session storage.
- *
- * This is useful for pages that the user has to go in-out/out-of a lot, and
- * want it to restore, as much as possible, like their previous visit. Granted,
- * we try to superdrawer most of these experiences to avoid the user having to
- * jump off-page.
- *
- * Unlike most of our other states, this is not directly reactive/an observable,
- * although we do reactive to collapsedRows changing to persist the new state.
- */
-class RowStorage {
-    states;
-    historicalIds;
-    constructor(states) {
-        this.states = states;
-    }
-    load(persistCollapse) {
-        // Load what our previously collapsed rows were
-        this.historicalIds = (0, utils_1.loadArrayOrUndefined)(persistCollapse);
-        // And store new collapsed rows going forward
-        (0, mobx_1.reaction)(() => this.states.collapsedRows.map((rs) => rs.row.id), (rowIds) => sessionStorage.setItem(persistCollapse, JSON.stringify(rowIds)));
-    }
-    /** Once the first real-data load is done, we ignore historical ids so that we prefer any new data's `initCollapsed`. */
-    done() {
-        this.historicalIds = undefined;
-    }
-    /**
-     * Returns if this row had been collapsed.
-     *
-     * Technically we return `undefined` if a) there is no persisted state for this row, or b) we are
-     * past the first real-data load, and thus should prefer new incoming rows' `initCollapsed` flag.
-     */
-    wasCollapsed(id) {
-        return this.historicalIds?.includes(id);
-    }
-}
-exports.RowStorage = RowStorage;

package/dist/components/Table/utils/TableState.d.ts

@@ -1,102 +0,0 @@
-import React from "react";
-import { Kinded, OnRowSelect } from "../..";
-import { GridDataRow } from "../components/Row";
-import { GridSortConfig } from "../GridTable";
-import { GridTableApi } from "../GridTableApi";
-import { Direction, GridColumnWithId } from "../types";
-import { DraggedOver, RowState } from "./RowState";
-export type SelectedState = "checked" | "unchecked" | "partial";
-/**
- * Stores the collapsed & selected state of rows.
- *
- * I.e. this implements "collapse parent" --> "hides children", and
- * "select parent" --> "select parent + children".
- *
- * There should be a single, stable `RowStateStore` instance per `GridTable`, so
- * that children don't have to re-render even as we incrementally add/remove rows
- * to the table (i.e. the top-level rows identity changes, but each row within it
- * may not).
- *
- * We use mobx ObservableSets/ObservableMaps to drive granular re-rendering of rows/cells
- * that need to change their toggle/select on/off in response to parent/child
- * changes.
- */
-export declare class TableState<R extends Kinded> {
-    private persistCollapse;
-    private rows;
-    columns: GridColumnWithId<R>[];
-    readonly api: GridTableApi<R>;
-    private readonly rowStates;
-    private readonly columnStates;
-    activeRowId: string | undefined;
-    activeCellId: string | undefined;
-    /** Stores the current client-side type-ahead search/filter. */
-    search: string[];
-    /** Stores whether CSVs should have some prefix rows. */
-    csvPrefixRows: string[][] | undefined;
-    sortConfig: GridSortConfig | undefined;
-    sort: SortState;
-    private initialSortState;
-    private onSort;
-    onRowSelect: OnRowSelect<any> | undefined;
-    /**
-     * Creates the `RowState` for a given `GridTable`.
-     */
-    constructor(api: GridTableApi<any>);
-    loadCollapse(persistCollapse: string): void;
-    initSortState(sortConfig: GridSortConfig | undefined, columns: GridColumnWithId<R>[]): void;
-    setSortKey(clickedColumnId: string): void;
-    get sortState(): SortState | undefined;
-    /** Returns a client-side sort function, if applicable. */
-    get sortFn(): ((a: RowState<R>, b: RowState<R>) => number) | undefined;
-    setRows(rows: GridDataRow<R>[]): void;
-    setColumns(columns: GridColumnWithId<R>[], visibleColumnsStorageKey: string | undefined): void;
-    setSearch(search: string | undefined): void;
-    setCsvPrefixRows(csvPrefixRows: string[][] | undefined): void;
-    get visibleRows(): RowState<R>[];
-    /** Returns visible columns, i.e. those that are visible + any expanded children. */
-    get visibleColumns(): GridColumnWithId<R>[];
-    /** Returns visible columns, i.e. those that are visible + any expanded children. */
-    get visibleCsvColumns(): GridColumnWithId<R>[];
-    /** Implements GridTableApi.visibleColumnIds. */
-    get visibleColumnIds(): string[];
-    setVisibleColumns(ids: string[]): void;
-    get expandedColumnIds(): string[];
-    isExpandedColumn(columnId: string): boolean;
-    toggleExpandedColumn(columnId: string): void;
-    numberOfExpandedChildren(columnId: string): number;
-    loadExpandedColumns(columnId: string): Promise<void>;
-    /**
-     * Returns selected data rows (non-header, non-totals, etc.), ignoring rows that
-     * have `row.selectable !== false`.
-     */
-    get selectedRows(): RowState<R>[];
-    /** Returns kept group row, with the latest kept children, if any. */
-    get keptRowGroup(): GridDataRow<R>;
-    /** Returns kept rows, i.e. those that were user-selected but then client-side or server-side filtered. */
-    get keptRows(): GridDataRow<R>[];
-    getSelected(id: string): SelectedState;
-    selectRow(id: string, selected: boolean): void;
-    get collapsedIds(): string[];
-    isCollapsed(id: string): boolean;
-    toggleCollapsed(id: string): void;
-    deleteRows(ids: string[]): void;
-    maybeSetRowDraggedOver(id: string, draggedOver: DraggedOver, requireSameParentRow?: GridDataRow<R> | undefined): void;
-}
-/** Provides a context for rows to access their table's `TableState`. */
-export declare const TableStateContext: React.Context<{
-    tableState: TableState<any>;
-}>;
-export declare function deriveSortState(currentSortState: SortState, clickedKey: string, initialSortState: SortState | undefined): SortState | undefined;
-type ColumnSort = {
-    columnId: string;
-    direction: Direction;
-};
-export type SortState = {
-    current?: ColumnSort;
-    /** The persistent sort is always applied first, i.e. for schedules, probably. */
-    persistent?: ColumnSort;
-};
-export type SortOn = "client" | "server" | undefined;
-export {};
-//# sourceMappingURL=TableState.d.ts.map

package/dist/components/Table/utils/TableState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableState.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/TableState.ts"],"names":[],"mappings":"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"}

package/dist/components/Table/utils/TableState.js

@@ -1,267 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableStateContext = exports.TableState = void 0;
-exports.deriveSortState = deriveSortState;
-const mobx_1 = require("mobx");
-const react_1 = __importDefault(require("react"));
-const components_1 = require("../..");
-const ColumnStates_1 = require("./ColumnStates");
-const RowStates_1 = require("./RowStates");
-const utils_1 = require("./utils");
-/**
- * Stores the collapsed & selected state of rows.
- *
- * I.e. this implements "collapse parent" --> "hides children", and
- * "select parent" --> "select parent + children".
- *
- * There should be a single, stable `RowStateStore` instance per `GridTable`, so
- * that children don't have to re-render even as we incrementally add/remove rows
- * to the table (i.e. the top-level rows identity changes, but each row within it
- * may not).
- *
- * We use mobx ObservableSets/ObservableMaps to drive granular re-rendering of rows/cells
- * that need to change their toggle/select on/off in response to parent/child
- * changes.
- */
-class TableState {
-    persistCollapse;
-    // The current list of rows, basically a useRef.current. Only shallow reactive.
-    rows = [];
-    // The current list of columns, basically a useRef.current. Only ref reactive.
-    columns = [];
-    api;
-    rowStates = new RowStates_1.RowStates(this);
-    columnStates = new ColumnStates_1.ColumnStates();
-    // Keeps track of the 'active' row, formatted `${row.kind}_${row.id}`
-    activeRowId = undefined;
-    // Keeps track of the 'active' cell, formatted `${row.kind}_${row.id}_${column.name}`
-    activeCellId = undefined;
-    /** Stores the current client-side type-ahead search/filter. */
-    search = [];
-    /** Stores whether CSVs should have some prefix rows. */
-    csvPrefixRows = undefined;
-    // Tracks the current `sortConfig`
-    sortConfig;
-    // Tracks the active sort column(s), so GridTable or SortHeaders can reactively
-    // re-render (for GridTable, only if client-side sorting)
-    sort = {};
-    // Keep track of the `initialSortState` so we can (1) revert back to it, and (2) properly derive next sort state
-    initialSortState;
-    // The server-side `onSort` callback, if any.
-    onSort;
-    onRowSelect = undefined;
-    /**
-     * Creates the `RowState` for a given `GridTable`.
-     */
-    constructor(api) {
-        this.api = api;
-        // Make ourselves an observable so that mobx will do caching of .collapseIds so
-        // that it'll be a stable identity for GridTable to useMemo against.
-        (0, mobx_1.makeAutoObservable)(this, {
-            // We use `ref`s so that observables can watch the immutable data change w/o deeply proxy-ifying Apollo fragments
-            rows: mobx_1.observable.ref,
-            columns: mobx_1.observable.ref,
-            search: mobx_1.observable.ref,
-        });
-        // If the kept rows went from empty to not empty, then introduce the SELECTED_GROUP row as collapsed
-        (0, mobx_1.reaction)(() => [...this.keptRows.values()], (curr, prev) => {
-            if (prev.length === 0 && curr.length > 0) {
-                this.rowStates.get(utils_1.KEPT_GROUP).collapsed = true;
-            }
-        });
-    }
-    loadCollapse(persistCollapse) {
-        this.persistCollapse = persistCollapse;
-        this.rowStates.storage.load(persistCollapse);
-        this.columnStates.loadExpanded(persistCollapse);
-    }
-    initSortState(sortConfig, columns) {
-        if (this.sortConfig) {
-            return;
-        }
-        this.sortConfig = sortConfig;
-        if (sortConfig?.on === "client") {
-            const { initial, primary } = sortConfig;
-            const primaryKey = primary?.[0];
-            const persistentSortData = primaryKey
-                ? { persistent: { columnId: primaryKey, direction: primary?.[1] ?? utils_1.ASC } }
-                : {};
-            if (initial === undefined && "initial" in sortConfig) {
-                // if explicitly set to `undefined`, then do not sort
-                this.initialSortState = undefined;
-            }
-            else if (initial) {
-                this.initialSortState = { current: { columnId: initial[0], direction: initial[1] }, ...persistentSortData };
-            }
-            else {
-                // If no explicit sortState, assume 1st column ascending
-                const firstSortableColumn = columns.find((c) => c.clientSideSort !== false)?.id;
-                this.initialSortState = firstSortableColumn
-                    ? { current: { columnId: firstSortableColumn, direction: utils_1.ASC }, ...persistentSortData }
-                    : undefined;
-            }
-        }
-        else {
-            this.initialSortState = sortConfig?.value
-                ? { current: { columnId: sortConfig?.value[0], direction: sortConfig?.value[1] } }
-                : undefined;
-        }
-        // Only change `this.sort` if `initialSortState` is defined.
-        if (this.initialSortState) {
-            this.sort = this.initialSortState;
-        }
-        this.onSort = sortConfig?.on === "server" ? sortConfig.onSort : undefined;
-    }
-    setSortKey(clickedColumnId) {
-        if (this.sortConfig) {
-            const newState = deriveSortState(this.sort, clickedColumnId, this.initialSortState);
-            this.sort = newState ?? {};
-            if (this.onSort) {
-                const { columnId, direction } = newState?.current ?? {};
-                this.onSort(columnId, direction);
-            }
-        }
-    }
-    get sortState() {
-        return this.sort.current ? this.sort : undefined;
-    }
-    /** Returns a client-side sort function, if applicable. */
-    get sortFn() {
-        const { sortState, sortConfig, visibleColumns } = this;
-        if (!sortState || sortConfig?.on !== "client")
-            return undefined;
-        // sortRows.ts wants to sort based on the GridDataRow, so make a small `rowStateFn` adapter
-        const dataRowFn = (0, components_1.sortFn)(visibleColumns, sortState, !!sortConfig.caseSensitive);
-        return (a, b) => dataRowFn(a.row, b.row);
-    }
-    // Updates the list of rows and regenerates the collapsedRows property if needed.
-    setRows(rows) {
-        this.rowStates.setRows(rows);
-        this.rows = rows;
-    }
-    setColumns(columns, visibleColumnsStorageKey) {
-        if (columns !== this.columns) {
-            this.columnStates.setColumns(columns, visibleColumnsStorageKey);
-            this.columns = columns;
-        }
-    }
-    setSearch(search) {
-        // Break up "foo bar" into `[foo, bar]` and a row must match both `foo` and `bar`
-        this.search = (search && search.split(/ +/)) || [];
-    }
-    setCsvPrefixRows(csvPrefixRows) {
-        this.csvPrefixRows = csvPrefixRows;
-    }
-    get visibleRows() {
-        return this.rowStates.visibleRows;
-    }
-    /** Returns visible columns, i.e. those that are visible + any expanded children. */
-    get visibleColumns() {
-        return this.columnStates.allVisibleColumns("web").map((cs) => cs.column);
-    }
-    /** Returns visible columns, i.e. those that are visible + any expanded children. */
-    get visibleCsvColumns() {
-        return this.columnStates.allVisibleColumns("csv").map((cs) => cs.column);
-    }
-    /** Implements GridTableApi.visibleColumnIds. */
-    get visibleColumnIds() {
-        return this.visibleColumns.map((cs) => cs.id);
-    }
-    setVisibleColumns(ids) {
-        this.columnStates.setVisibleColumns(ids);
-    }
-    get expandedColumnIds() {
-        return this.columnStates.expandedColumns.map((cs) => cs.column.id);
-    }
-    isExpandedColumn(columnId) {
-        return this.columnStates.get(columnId).isExpanded;
-    }
-    toggleExpandedColumn(columnId) {
-        this.columnStates.get(columnId).toggleExpanded();
-    }
-    numberOfExpandedChildren(columnId) {
-        // Should this be only _visible_ children?
-        return this.columnStates.get(columnId).children?.length ?? 0;
-    }
-    loadExpandedColumns(columnId) {
-        return this.columnStates.get(columnId).doExpand();
-    }
-    /**
-     * Returns selected data rows (non-header, non-totals, etc.), ignoring rows that
-     * have `row.selectable !== false`.
-     */
-    get selectedRows() {
-        return this.rowStates.allStates.filter((rs) => rs.isSelected && !utils_1.reservedRowKinds.includes(rs.row.kind));
-    }
-    /** Returns kept group row, with the latest kept children, if any. */
-    get keptRowGroup() {
-        return this.rowStates.get(utils_1.KEPT_GROUP).row;
-    }
-    /** Returns kept rows, i.e. those that were user-selected but then client-side or server-side filtered. */
-    get keptRows() {
-        return this.rowStates.keptRows.map((rs) => rs.row);
-    }
-    // Should be called in an Observer/useComputed to trigger re-renders
-    getSelected(id) {
-        const rs = this.rowStates.get(id);
-        // The header has special behavior to "see through" selectable parents
-        return id === utils_1.HEADER ? rs.selectedStateForHeader : rs.selectedState;
-    }
-    selectRow(id, selected) {
-        this.rowStates.get(id).select(selected);
-    }
-    get collapsedIds() {
-        return this.rowStates.collapsedRows.map((rs) => rs.row.id);
-    }
-    // Should be called in an Observer/useComputed to trigger re-renders
-    isCollapsed(id) {
-        return this.rowStates.get(id).collapsed;
-    }
-    toggleCollapsed(id) {
-        this.rowStates.toggleCollapsed(id);
-    }
-    deleteRows(ids) {
-        this.rows = this.rows.filter((row) => !ids.includes(row.id));
-        this.rowStates.delete(ids);
-    }
-    maybeSetRowDraggedOver(id, draggedOver, requireSameParentRow = undefined) {
-        this.rowStates.maybeSetRowDraggedOver(id, draggedOver, requireSameParentRow);
-    }
-}
-exports.TableState = TableState;
-/** Provides a context for rows to access their table's `TableState`. */
-exports.TableStateContext = react_1.default.createContext({
-    get tableState() {
-        throw new Error("No TableStateContext provider");
-    },
-});
-// Exported for testing purposes
-function deriveSortState(currentSortState, clickedKey, initialSortState) {
-    // If the current sort state is not defined then sort ASC on the clicked key.
-    if (!currentSortState.current) {
-        return { ...initialSortState, current: { columnId: clickedKey, direction: utils_1.ASC } };
-    }
-    const { current: { columnId: currentKey, direction: currentDirection }, } = currentSortState;
-    // If clicking a new column, then sort ASC on the clicked key
-    if (clickedKey !== currentKey) {
-        return { ...initialSortState, current: { columnId: clickedKey, direction: utils_1.ASC } };
-    }
-    // If there is an `initialSortState` and we're clicking on that same key, then flip the sort.
-    // Handles cases where the initial sort is DESC so that we can allow for DESC to ASC sorting.
-    if (initialSortState && initialSortState.current?.columnId === clickedKey) {
-        return {
-            ...initialSortState,
-            current: { columnId: clickedKey, direction: currentDirection === utils_1.ASC ? utils_1.DESC : utils_1.ASC },
-        };
-    }
-    // Otherwise when clicking the current column, toggle through sort states
-    if (currentDirection === utils_1.ASC) {
-        // if ASC -> go to desc
-        return { ...initialSortState, current: { columnId: clickedKey, direction: utils_1.DESC } };
-    }
-    // Else, direction is already DESC, so revert to original sort value.
-    return initialSortState;
-}