@vuu-ui/vuu-table 0.13.114 → 0.13.115-alpha.2

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.13.114",
+  "version": "0.13.115-alpha.2",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.114",
-    "@vuu-ui/vuu-table-types": "0.13.114",
-    "@vuu-ui/vuu-protocol-types": "0.13.114"
+    "@vuu-ui/vuu-data-types": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-table-types": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-protocol-types": "0.13.115-alpha.2"
   },
   "dependencies": {
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "0.13.114",
-    "@vuu-ui/vuu-data-react": "0.13.114",
-    "@vuu-ui/vuu-popups": "0.13.114",
-    "@vuu-ui/vuu-table-extras": "0.13.114",
-    "@vuu-ui/vuu-ui-controls": "0.13.114",
-    "@vuu-ui/vuu-utils": "0.13.114"
+    "@vuu-ui/vuu-context-menu": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-data-react": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-popups": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-table-extras": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-ui-controls": "0.13.115-alpha.2",
+    "@vuu-ui/vuu-utils": "0.13.115-alpha.2"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/Row.d.ts

@@ -1,2 +1,2 @@
 import { RowProps } from "@vuu-ui/vuu-table-types";
-export declare const Row: import("react").MemoExoticComponent<({ className: classNameProp, classNameGenerator, columnMap, columns, groupToggleTarget, highlighted, row, offset, onCellEdit, onClick, onDataEdited, onToggleGroup, searchPattern, showBookends, virtualColSpan, zebraStripes, ...htmlAttributes }: RowProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Row: import("react").MemoExoticComponent<({ className: classNameProp, classNameGenerator, columns, dataRow, groupToggleTarget, highlighted, offset, onCellEdit, onClick, onDataEdited, onToggleGroup, searchPattern, showBookends, virtualColSpan, zebraStripes, ...htmlAttributes }: RowProps) => import("react/jsx-runtime").JSX.Element>;

package/types/Table.d.ts

@@ -2,7 +2,6 @@ import type { DataSource, SchemaColumn } from "@vuu-ui/vuu-data-types";
 import { CustomHeader, DataCellEditNotification, GroupToggleTarget, RowActionHandler, RowProps, SelectionChangeHandler, ShowColumnHeaderMenus, TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableRowSelectHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
 import type { DragDropState } from "@vuu-ui/vuu-ui-controls";
 import { DragStartHandler, MeasuredContainerProps, dragStrategy } from "@vuu-ui/vuu-ui-controls";
-import { RowToObjectMapper } from "@vuu-ui/vuu-utils";
 import { ComponentType, FC, ForwardedRef } from "react";
 import { TableCellBlock } from "./cell-block/cellblock-utils";
 import { ScrollingAPI } from "./useTableScroll";
@@ -45,7 +44,7 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
     /**
      * required if a fully featured column picker is to be available
      */
-    availableColumns?: SchemaColumn[];
+    availableColumns?: readonly SchemaColumn[];
     /**
      * Pixel height of header cells. If specified here, this will take precedence over CSS
      * values and Table will not respond to density changes.
@@ -139,16 +138,6 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
      * Allows opt-in to a predefined style pattern that renders a border around a row selection block.
      */
     rowSelectionBorder?: boolean;
-    /**
-     * When a row is selected and onSelect provided, onSelect will be invoked with a
-     * DataSourceRowObject, derived from the internal representation of a data row,
-     * DataSourceRow. The data attribute of DataSourceRowObject is a simple map of
-     * column.name : value.
-     * This prop allows a custom function to be provided to make the conversion from
-     * DataSourceRow to DataSourceRowObject. It will very rarely be needed. It is
-     * used by the Treetable.
-     */
-    rowToObject?: RowToObjectMapper;
     /**
      * Only applicable to grouped data. If there are selected rows which are not top-level
      * items and group items above are not already expanded, expand all group items in

package/types/cell-renderers/checkbox-cell/CheckboxCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const CheckboxCell: import("react").MemoExoticComponent<({ column, columnMap, onEdit, row }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CheckboxCell: import("react").MemoExoticComponent<({ column, dataRow, onEdit }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element>;

package/types/cell-renderers/input-cell/InputCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const InputCell: ({ column, columnMap, onEdit, row, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputCell: ({ column, dataRow, onEdit, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;

package/types/data-row/DataRow.d.ts

@@ -0,0 +1,16 @@
+import { DataSourceRow, SchemaColumn } from "@vuu-ui/vuu-data-types";
+import { DataRow } from "@vuu-ui/vuu-table-types";
+export type DataRowFunc = (data: DataSourceRow) => DataRow;
+/**
+ *
+ * @param columns the names of columns included in subscription
+ * @param schemaColumns full schema definitions for all available columns,
+ * the serverDataTypes are used.
+ * @returns a tuple containing:
+ * - factory function that will create a DataRow instance from a DataSourceRow
+ * array.
+ * - a function that can be used to reset the columns, which will be used for all
+ * subsequently created DataRows. Used by Table when user adds or removes columns
+ * at runtime.
+ */
+export declare const dataRowFactory: (columns: string[], schemaColumns: readonly SchemaColumn[]) => [DataRowFunc, (columns: string[]) => void];

package/types/index.d.ts

@@ -16,3 +16,4 @@ export * from "./useTableContextMenu";
 export * from "./useTableScroll";
 export * from "./useTableViewport";
 export * from "./VirtualColSpan";
+export { dataRowFactory, type DataRowFunc } from "./data-row/DataRow";

package/types/table-cell/TableCell.d.ts

@@ -1,2 +1,2 @@
 import type { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const TableCell: ({ column, columnMap, onClick, onDataEdited, row, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableCell: ({ column, dataRow, onClick, onDataEdited, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-cell/TableGroupCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const TableGroupCell: ({ column, columnMap, onClick, row, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableGroupCell: ({ column, dataRow, onClick, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-data-source/DataRowMovingWindow.d.ts

@@ -0,0 +1,24 @@
+import { VuuRange } from "@vuu-ui/vuu-protocol-types";
+import { DataRow } from "@vuu-ui/vuu-table-types";
+import { WindowRange } from "@vuu-ui/vuu-utils";
+export declare class MovingDataRowWindow {
+    #private;
+    data: DataRow[];
+    rowCount: number;
+    constructor({ from, to }: VuuRange);
+    setRowCount: (rowCount: number) => void;
+    add(data: DataRow): void;
+    getAtIndex(index: number): DataRow | undefined;
+    getByKey(key: string): DataRow | undefined;
+    isWithinRange(index: number): boolean;
+    setRange({ from, to }: VuuRange): void;
+    getSelectedRows(): DataRow[];
+    get hasData(): boolean;
+    /**
+     * This will throw if there is no data. Check `hasData` first
+     * to guard against this, if not certain.
+     */
+    get firstRow(): DataRow;
+    get range(): WindowRange;
+    get hasAllRowsWithinRange(): boolean;
+}

package/types/table-data-source/useDataSource.d.ts

@@ -1,8 +1,8 @@
-import type { DataSourceRow, DataSourceSubscribedMessage, DataSourceSuspenseProps } from "@vuu-ui/vuu-data-types";
+import type { DataSourceSubscribedMessage, DataSourceSuspenseProps } from "@vuu-ui/vuu-data-types";
 import { VuuRange } from "@vuu-ui/vuu-protocol-types";
 import { Range } from "@vuu-ui/vuu-utils";
 import { TableProps } from "../Table";
-import { TableRowSelectHandlerInternal } from "@vuu-ui/vuu-table-types";
+import { DataRow, TableRowSelectHandlerInternal } from "@vuu-ui/vuu-table-types";
 export interface DataSourceHookProps extends Pick<TableProps, "autoSelectFirstRow" | "autoSelectRowKey" | "dataSource" | "renderBufferSize" | "revealSelected" | "selectionModel"> {
     suspenseProps?: DataSourceSuspenseProps;
     onSelect: TableRowSelectHandlerInternal;
@@ -10,10 +10,9 @@ export interface DataSourceHookProps extends Pick<TableProps, "autoSelectFirstRo
     onSubscribed: (subscription: DataSourceSubscribedMessage) => void;
 }
 export declare const useDataSource: ({ autoSelectFirstRow, autoSelectRowKey, dataSource, onSizeChange, onSubscribed, renderBufferSize, revealSelected, onSelect, selectionModel, suspenseProps, }: DataSourceHookProps) => {
-    data: DataSourceRow[];
-    dataRef: import("react").RefObject<DataSourceRow[]>;
-    getSelectedRows: () => DataSourceRow[];
+    dataRows: DataRow[];
+    dataRowsRef: import("react").RefObject<DataRow[]>;
+    getSelectedRows: () => DataRow[];
     range: Range;
-    removeColumnDataFromCache: (indexOfRemovedColumn: number) => void;
     setRange: (viewportRange: VuuRange) => void;
 };

package/types/useTable.d.ts

@@ -1,6 +1,5 @@
-import type { DataSourceRow } from "@vuu-ui/vuu-data-types";
 import type { RpcResult, VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import type { ColumnDescriptor, ColumnMoveHandler, DataCellEditEvent, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableRowClickHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-types";
+import type { ColumnDescriptor, ColumnMoveHandler, DataCellEditEvent, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableRowClickHandlerInternal, TableSelectionModel, DataRow } from "@vuu-ui/vuu-table-types";
 import { MeasuredProps, MeasuredSize } from "@vuu-ui/vuu-ui-controls";
 import { FocusEvent, KeyboardEvent, MouseEventHandler, RefObject } from "react";
 import { TableProps } from "./Table";
@@ -8,19 +7,18 @@ type HeaderState = {
     height: number;
     count: number;
 };
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "allowSelectCheckboxRow" | "autoSelectFirstRow" | "autoSelectRowKey" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "rowToObject" | "scrollingApiRef" | "showColumnHeaderMenus" | "showColumnHeaders" | "showPaginationControls"> {
+export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "allowSelectCheckboxRow" | "autoSelectFirstRow" | "autoSelectRowKey" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "scrollingApiRef" | "showColumnHeaderMenus" | "showColumnHeaders" | "showPaginationControls"> {
     containerRef: RefObject<HTMLDivElement | null>;
     rowHeight: number;
     selectionModel: TableSelectionModel;
     size: MeasuredSize;
 }
-export declare const useTable: ({ allowCellBlockSelection, allowSelectCheckboxRow, allowDragDrop, autoSelectFirstRow, autoSelectRowKey, availableColumns, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, revealSelected, rowHeight, rowToObject, scrollingApiRef, selectionModel, showColumnHeaderMenus, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
+export declare const useTable: ({ allowCellBlockSelection, allowSelectCheckboxRow, allowDragDrop, autoSelectFirstRow, autoSelectRowKey, availableColumns, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, revealSelected, rowHeight, scrollingApiRef, selectionModel, showColumnHeaderMenus, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
     allRowsSelected: boolean;
     "aria-rowcount": number;
     cellBlock: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-    columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
     columns: RuntimeColumnDescriptor[];
-    data: DataSourceRow[];
+    dataRows: DataRow[];
     draggableRow: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
     focusCellPlaceholderKeyDown: import("react").KeyboardEventHandler;
     focusCellPlaceholderRef: import("react").RefCallback<HTMLDivElement>;
@@ -44,7 +42,7 @@ export declare const useTable: ({ allowCellBlockSelection, allowSelectCheckboxRo
     onRowClick: TableRowClickHandlerInternal;
     onSortColumn: (column: ColumnDescriptor, extendSort?: boolean, sortType?: VuuSortType) => void;
     onResizeColumn: TableColumnResizeHandler;
-    onToggleGroup: (row: DataSourceRow, column: RuntimeColumnDescriptor) => void;
+    onToggleGroup: (dataRow: DataRow, column: RuntimeColumnDescriptor) => void;
     rowClassNameGenerator: import("@vuu-ui/vuu-utils").RowClassNameGenerator | undefined;
     scrollProps: {
         columnsWithinViewport: RuntimeColumnDescriptor[];

package/types/useTableContextMenu.d.ts

@@ -1,15 +1,13 @@
-import { DataSource, DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor, TableMenuLocation } from "@vuu-ui/vuu-table-types";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
+import { DataSource } from "@vuu-ui/vuu-data-types";
+import { ColumnDescriptor, DataRow, TableMenuLocation } from "@vuu-ui/vuu-table-types";
 import { MouseEvent } from "react";
 export interface TableContextMenuHookProps {
     allowContextMenu?: boolean;
-    columnMap: ColumnMap;
     columns: ColumnDescriptor[];
-    data: DataSourceRow[];
+    dataRows: DataRow[];
     dataSource: DataSource;
-    getSelectedRows: () => DataSourceRow[];
+    getSelectedRows: () => DataRow[];
     headerCount?: number;
 }
 export declare const isTableLocation: (location: string) => location is TableMenuLocation;
-export declare const useTableContextMenu: ({ allowContextMenu, columnMap: columnMapProp, columns, data, dataSource, getSelectedRows, headerCount, }: TableContextMenuHookProps) => ((evt: MouseEvent<HTMLElement>) => void) | undefined;
+export declare const useTableContextMenu: ({ allowContextMenu, columns, dataRows, dataSource, getSelectedRows, headerCount, }: TableContextMenuHookProps) => ((evt: MouseEvent<HTMLElement>) => void) | undefined;

package/types/useTableScroll.d.ts

@@ -3,7 +3,6 @@ import type { VuuRange } from "@vuu-ui/vuu-protocol-types";
 import { ForwardedRef, RefObject } from "react";
 import type { ViewportMeasurements } from "./useTableViewport";
 import type { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { FocusCell } from "./useCellFocus";
 import { ICellFocusState } from "./CellFocusState";
 export type ScrollDirectionVertical = "up" | "down";
 export type ScrollDirectionHorizontal = "left" | "right";
@@ -41,7 +40,6 @@ export declare const noScrolling: ScrollingAPI;
 export interface TableScrollHookProps {
     cellFocusStateRef: RefObject<ICellFocusState>;
     columns: RuntimeColumnDescriptor[];
-    focusCell?: FocusCell;
     getRowAtPosition: RowAtPositionFunc;
     onHorizontalScroll?: (scrollLeft: number) => void;
     onVerticalScroll?: (scrollTop: number, pctScrollTop: number) => void;
@@ -57,7 +55,7 @@ export interface TableScrollHookProps {
     showPaginationControls?: boolean;
     viewportMeasurements: ViewportMeasurements;
 }
-export declare const useTableScroll: ({ cellFocusStateRef, columns, focusCell, getRowAtPosition, onHorizontalScroll, onVerticalScroll, onVerticalScrollInSitu, rowHeight, scrollingApiRef, setRange, viewportMeasurements, }: TableScrollHookProps) => {
+export declare const useTableScroll: ({ cellFocusStateRef, columns, getRowAtPosition, onHorizontalScroll, onVerticalScroll, onVerticalScrollInSitu, rowHeight, scrollingApiRef, setRange, viewportMeasurements, }: TableScrollHookProps) => {
     columnsWithinViewport: RuntimeColumnDescriptor[];
     /** Ref to be assigned to ScrollbarContainer */
     scrollbarContainerRef: (el: HTMLDivElement | null) => void;

package/cjs/table-data-source/moving-window.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"moving-window.js","sources":["../../../../packages/vuu-table/src/table-data-source/moving-window.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\n\nconst { SELECTED } = metadataKeys;\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  #range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.#range = new WindowRange(from, to);\n    //internal data is always 0 based, we add range.from to determine an offset\n    this.data = new Array(Math.max(0, to - from));\n    this.rowCount = 0;\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.#range.from;\n      this.data[internalIndex] = data;\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.#range.isWithin(index) &&\n      this.data[index - this.#range.from] != null\n      ? this.data[index - this.#range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.#range.isWithin(index);\n  }\n\n  setRange({ from, to }: VuuRange) {\n    if (from !== this.#range.from || to !== this.#range.to) {\n      const [overlapFrom, overlapTo] = this.#range.overlap(from, to);\n      const newData = new Array(Math.max(0, to - from));\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.#range.from = from;\n      this.#range.to = to;\n    }\n  }\n\n  getSelectedRows() {\n    return this.data.filter((row) => row[SELECTED] !== 0);\n  }\n\n  get range() {\n    return this.#range;\n  }\n\n  slice(): DataSourceRow[] {\n    const data: DataSourceRow[] = [];\n    const { from } = this.range;\n    for (let i = 0; i < this.data.length; i++) {\n      if (this.data[i]) {\n        data.push(this.data[i]);\n      } else {\n        data.push([from + i, from + i, true, false, 1, 0, \"\", 0, 0, false]);\n      }\n    }\n    return data;\n  }\n\n  /**\n   * Update all rows by splicing the supplied index. Used when a column\n   * is removed.\n   */\n  spliceDataAtIndex(index: number) {\n    if (index >= 10) {\n      for (let i = 0; i < this.data.length; i++) {\n        if (this.data[i]) {\n          this.data[i] = this.data[i].toSpliced(index, 1) as DataSourceRow;\n        }\n      }\n    } else {\n      throw Error(`[MovingWindow] canno splir metadata value from Row`);\n    }\n  }\n\n  // TODO make this more performant, see implementation in\n  // array-backed-moving-window - use same implementation\n  get hasAllRowsWithinRange(): boolean {\n    const { from, to } = this.#range;\n\n    for (let i = from; i < to; i++) {\n      if (this.getAtIndex(i) === undefined) {\n        return false;\n      }\n    }\n    return true;\n  }\n}\n"],"names":["metadataKeys","WindowRange"],"mappings":"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"}

package/esm/table-data-source/moving-window.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"moving-window.js","sources":["../../../../packages/vuu-table/src/table-data-source/moving-window.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\n\nconst { SELECTED } = metadataKeys;\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  #range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.#range = new WindowRange(from, to);\n    //internal data is always 0 based, we add range.from to determine an offset\n    this.data = new Array(Math.max(0, to - from));\n    this.rowCount = 0;\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.#range.from;\n      this.data[internalIndex] = data;\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.#range.isWithin(index) &&\n      this.data[index - this.#range.from] != null\n      ? this.data[index - this.#range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.#range.isWithin(index);\n  }\n\n  setRange({ from, to }: VuuRange) {\n    if (from !== this.#range.from || to !== this.#range.to) {\n      const [overlapFrom, overlapTo] = this.#range.overlap(from, to);\n      const newData = new Array(Math.max(0, to - from));\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.#range.from = from;\n      this.#range.to = to;\n    }\n  }\n\n  getSelectedRows() {\n    return this.data.filter((row) => row[SELECTED] !== 0);\n  }\n\n  get range() {\n    return this.#range;\n  }\n\n  slice(): DataSourceRow[] {\n    const data: DataSourceRow[] = [];\n    const { from } = this.range;\n    for (let i = 0; i < this.data.length; i++) {\n      if (this.data[i]) {\n        data.push(this.data[i]);\n      } else {\n        data.push([from + i, from + i, true, false, 1, 0, \"\", 0, 0, false]);\n      }\n    }\n    return data;\n  }\n\n  /**\n   * Update all rows by splicing the supplied index. Used when a column\n   * is removed.\n   */\n  spliceDataAtIndex(index: number) {\n    if (index >= 10) {\n      for (let i = 0; i < this.data.length; i++) {\n        if (this.data[i]) {\n          this.data[i] = this.data[i].toSpliced(index, 1) as DataSourceRow;\n        }\n      }\n    } else {\n      throw Error(`[MovingWindow] canno splir metadata value from Row`);\n    }\n  }\n\n  // TODO make this more performant, see implementation in\n  // array-backed-moving-window - use same implementation\n  get hasAllRowsWithinRange(): boolean {\n    const { from, to } = this.#range;\n\n    for (let i = from; i < to; i++) {\n      if (this.getAtIndex(i) === undefined) {\n        return false;\n      }\n    }\n    return true;\n  }\n}\n"],"names":[],"mappings":"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"}

package/types/table-data-source/moving-window.d.ts

@@ -1,23 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { WindowRange } from "@vuu-ui/vuu-utils";
-export declare class MovingWindow {
-    #private;
-    data: DataSourceRow[];
-    rowCount: number;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange({ from, to }: VuuRange): void;
-    getSelectedRows(): DataSourceRow[];
-    get range(): WindowRange;
-    slice(): DataSourceRow[];
-    /**
-     * Update all rows by splicing the supplied index. Used when a column
-     * is removed.
-     */
-    spliceDataAtIndex(index: number): void;
-    get hasAllRowsWithinRange(): boolean;
-}