@box-kite/react 2.3.0 → 2.4.0

package/components/dataGrid/models/gridModel.d.ts

@@ -48,11 +48,17 @@ export default class GridModel<TRow> {
      */
     rowVersion(row: RowModel<TRow> | GroupRowModel<TRow> | DetailRowModel<TRow>, index: number): string;
     private _selectionVersion;
+    private _layoutVersion;
     /**
-     * What the memoized header compares: a grid-wide change, or the selection its checkbox shows. A focus move
-     * re-renders the component holding the tab stop, and the header — filter row included — no longer with it.
+     * What the memoized header compares: a grid-wide change, the selection its checkbox shows, or a column width.
+     * A focus move re-renders the component holding the tab stop, and the header — filter row included — no longer with it.
      */
     get headerVersion(): string;
+    /**
+     * A width changed. A row reads its widths through the CSS variables `paintSizes` writes, so only the header
+     * (its resizers' values) redraws: a notify here re-rendered every row on each frame of a window drag.
+     */
+    notifyLayout: () => void;
     /**
      * Sync incoming props. Called during render by the framework adapter — clears
      * the affected memos but does NOT notify (no extra render cycle; memos recompute
@@ -123,6 +129,14 @@ export default class GridModel<TRow> {
      * Get filtered data (applies external, global, then column filters)
      */
     get filteredData(): TRow[];
+    /**
+     * Filtering and sorting are kept on the values they read rather than on the column models: an inline `def` is
+     * a new object every parent render, which rebuilt the columns and re-sorted 100,000 rows in 47ms each time.
+     */
+    private readonly _filtered;
+    private readonly _sorted;
+    private readonly _rowModels;
+    private static reuse;
     /** What the grid tells `Box.onInteraction` about a change no host callback carries; `content` names what a person typed. */
     reportInteraction(type: InteractionType<'datagrid'>, value: unknown, reason?: string, details?: Record<string, unknown>, content?: readonly string[]): void;
     /**
@@ -346,6 +360,11 @@ export default class GridModel<TRow> {
     /** Group rows shut by hand, which is what a `groupDefaultExpanded` grid needs to remember. */
     private _collapsedGroupRow;
     toggleGroupRow: (groupRowKey: Key, expanded?: boolean) => void;
+    /**
+     * Opening a row changes which rows are shown, not which rows there are: the filtered, sorted and grouped
+     * models stand, and only their flattening is redone. A datasource and a tree build the list from it.
+     */
+    private expansionChanged;
     /**
      * A tree row opened or shut. The walk over the rows is a different walk — and where the tree is lazy the
      * level just opened has not been asked for yet, which is what the bumped version tells the fetch effect.

package/components/dataGrid/models/groupRowModel.d.ts

@@ -8,7 +8,7 @@ export default class GroupRowModel<TRow> {
     readonly grid: GridModel<TRow>;
     readonly groupColumn: ColumnModel<TRow>;
     readonly rows: RowModel<TRow>[] | GroupRowModel<TRow>[];
-    readonly rowIndex: number;
+    rowIndex: number;
     constructor(grid: GridModel<TRow>, groupColumn: ColumnModel<TRow>, rows: RowModel<TRow>[] | GroupRowModel<TRow>[], rowIndex: number, groupValue: Key);
     protected _groupValue: Key;
     /**

package/components/dataGrid/models/rowModel.d.ts

@@ -5,7 +5,7 @@ import { default as GridModel } from './gridModel';
 import { default as GroupRowModel } from './groupRowModel';
 export default class RowModel<TRow> {
     readonly grid: GridModel<TRow>;
-    readonly rowIndex: number;
+    rowIndex: number;
     constructor(grid: GridModel<TRow>, data: TRow, rowIndex: number);
     protected _data: TRow;
     /**

package/components/dataGrid/models/sourceGroupRowModel.d.ts

@@ -14,7 +14,11 @@ import { default as SourceLevel } from './sourceLevel';
  */
 export default class SourceGroupRowModel<TRow> extends GroupRowModel<TRow> {
     private readonly level;
-    constructor(grid: GridModel<TRow>, level: SourceLevel<TRow>, groupColumn: ColumnModel<TRow>, rowIndex: number);
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    private readonly levelIndex;
+    constructor(grid: GridModel<TRow>, level: SourceLevel<TRow>, groupColumn: ColumnModel<TRow>, 
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    levelIndex: number, display?: number);
     private get row();
     /** The row the server sent for this group: its value, and whatever totals came with it. */
     get data(): TRow | undefined;

package/components/dataGrid/models/sourceRowModel.d.ts

@@ -15,9 +15,13 @@ import { default as SourceLevel } from './sourceLevel';
 export default class SourceRowModel<TRow> extends RowModel<TRow> {
     /** The level it belongs to: the top one, or the group or tree row somebody opened. */
     protected readonly sourceLevel: SourceLevel<TRow>;
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    protected readonly levelIndex: number;
     constructor(grid: GridModel<TRow>, 
     /** The level it belongs to: the top one, or the group or tree row somebody opened. */
-    sourceLevel: SourceLevel<TRow>, rowIndex: number);
+    sourceLevel: SourceLevel<TRow>, 
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    levelIndex: number, display?: number);
     private get row();
     get data(): TRow;
     get placeholder(): boolean;

package/components/dataGrid/useListLayout.d.ts

@@ -7,7 +7,7 @@ type ListLayout = typeof DataGridList;
 export declare function loadListLayout(): Promise<ListLayout>;
 /**
  * The list layout's component once it has arrived, or `undefined` while the grid should go on drawing its
- * table. No `React.lazy`: a Suspense boundary is the one thing a React 16 or 17 server cannot render.
+ * table. No `React.lazy`: a boundary that suspends while hydrating throws the server's HTML away.
  */
 export default function useListLayout(active: boolean): ListLayout | undefined;
 export {};