simple-table-core 4.1.6 → 4.1.8

package/dist/utils/rowSeparatorRenderer.d.ts

@@ -13,4 +13,3 @@ export interface CreateRowSeparatorOptions {
 /** Keep separator width in sync with section layout (resize, pinned width changes). */
 export declare const applyRowSeparatorSectionWidth: (separator: HTMLElement, sectionWidthPx?: number) => void;
 export declare const createRowSeparator: (options: CreateRowSeparatorOptions) => HTMLElement;
-export declare const createSpacerRow: (position: number, rowHeight: number, heightOffsets: HeightOffsets | undefined, customTheme: CustomTheme, className: string, height?: number) => HTMLElement;

package/dist/utils/rowUtils.d.ts

@@ -1,8 +1,6 @@
-import TableRow from "../types/TableRow";
 import Row from "../types/Row";
-import ColumnDef, { Accessor } from "../types/ColumnDef";
+import { Accessor } from "../types/ColumnDef";
 import CellValue from "../types/CellValue";
-import RowState from "../types/RowState";
 import { CustomTheme } from "../types/CustomTheme";
 import { GetRowId } from "../types/GetRowId";
 import { GenerateRowIdParams } from "../types/GenerateRowIdParams";
@@ -161,27 +159,3 @@ export declare const hasNestedRows: (row: Row, groupingKey?: string) => boolean;
  * @returns true if the row is expanded, false otherwise
  */
 export declare const isRowExpanded: (expandStateRowId: string | number, depth: number, expandedDepths: Set<number>, expandedRows: Map<string, number>, collapsedRows: Map<string, number>) => boolean;
-/**
- * Flatten rows recursively based on row grouping configuration
- * Now calculates ALL properties including position and isLastGroupRow
- * Also injects special state rows for loading/error/empty states (only if renderers are available)
- * Also injects nested grid rows when a header has nestedTable configuration
- */
-export declare const flattenRowsWithGrouping: ({ depth, expandedDepths, expandedRows, collapsedRows, rowGrouping, getRowId, rows, displayPositionOffset, rowStateMap, hasLoadingRenderer, hasErrorRenderer, hasEmptyRenderer, headers, rowHeight, headerHeight, customTheme, }: {
-    depth?: number;
-    expandedDepths: Set<number>;
-    expandedRows: Map<string, number>;
-    collapsedRows: Map<string, number>;
-    rowGrouping?: Accessor[];
-    getRowId?: GetRowId;
-    rows: Row[];
-    displayPositionOffset?: number;
-    rowStateMap?: Map<string | number, RowState>;
-    hasLoadingRenderer?: boolean;
-    hasErrorRenderer?: boolean;
-    hasEmptyRenderer?: boolean;
-    headers?: ColumnDef[];
-    rowHeight: number;
-    headerHeight: number;
-    customTheme: CustomTheme;
-}) => TableRow[];

package/dist/utils/setAbsoluteCellPosition.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Write absolute `left`/`top` while preserving an in-flight FLIP visual position.
+ *
+ * FLIP inverts use `transform: translate3d(...)` relative to `style.left/top`.
+ * Updating left/top without adjusting that translate moves the painted cell by
+ * the same delta — then `play()` "corrects" it with a new invert, which reads
+ * as a jump during rapid reorders.
+ *
+ * Column-drag does NOT compensate here: {@link CellSlideAnimator} snapshots
+ * visuals before left writes and applies the hold+tween after.
+ */
+export declare const setFlipCompensationEnabled: (enabled: boolean) => void;
+/** Parse translate/matrix CSS into tx/ty. */
+export declare const parseCssTranslate: (transform: string) => {
+    x: number;
+    y: number;
+} | null;
+/**
+ * Painted translate in style.left/top space. Prefers the computed matrix so a
+ * running WAAPI slide is not mistaken for its start keyframe (`style.transform`
+ * stays at the invert until the animation finishes).
+ */
+export declare const readLiveTranslate: (element: HTMLElement) => {
+    x: number;
+    y: number;
+} | null;
+/**
+ * Set absolute cell coordinates, compensating any active FLIP translate so the
+ * visual position does not drift when the logical slot moves.
+ */
+export declare const setAbsoluteCellPosition: (element: HTMLElement, nextLeft: number, nextTop: number) => void;

package/dist/utils/stateRowRenderer.d.ts

@@ -12,4 +12,3 @@ export interface StateRowRenderContext {
     emptyStateRenderer?: EmptyStateRenderer;
 }
 export declare const createStateRow: (tableRow: TableRowType, context: StateRowRenderContext) => HTMLElement;
-export declare const cleanupStateRow: (rowElement: HTMLElement) => void;

package/dist/utils/tableDomScope.d.ts

@@ -0,0 +1,20 @@
+/** Class on the per-instance table wrapper created by DOMManager. */
+export declare const TABLE_ROOT_CLASS = "simple-table-root";
+export declare const TABLE_ROOT_SELECTOR = ".simple-table-root";
+/** Walks up from `from` to this table's `.simple-table-root`, or null. */
+export declare const resolveTableRoot: (from: Element | null | undefined) => HTMLElement | null;
+/**
+ * True when `el` belongs to this table instance, not a nested table inside it.
+ * Nested grids mount their own `.simple-table-root` under the parent.
+ */
+export declare const isOwnedByTable: (root: Element, el: Element) => boolean;
+/**
+ * `querySelectorAll` within `root`, skipping nodes that belong to a nested table.
+ * Pass this instance's `.simple-table-root` (or any descendant of it).
+ */
+export declare const queryAllInTable: <E extends Element = HTMLElement>(root: ParentNode | null | undefined, selector: string) => E[];
+/** First match of `queryAllInTable`, or null. */
+export declare const queryInTable: <E extends Element = HTMLElement>(root: ParentNode | null | undefined, selector: string) => E | null;
+/** Looks up an element by `id` inside this table, not `document.getElementById`. */
+export declare const getElementByIdInTable: (root: ParentNode | null | undefined, id: string) => HTMLElement | null;
+export declare const escapeTableAttrValue: (value: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-table-core",
-  "version": "4.1.6",
+  "version": "4.1.8",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -42,11 +42,11 @@
     "@storybook/test-runner": "^0.19.1",
     "@types/node": "^16.18.111",
     "cssnano": "^7.0.6",
+    "playwright": "1.58.2",
     "postcss-calc": "^10.1.1",
     "postcss-custom-properties": "^14.0.4",
     "postcss-import": "^16.1.0",
     "postcss-preset-env": "^10.1.5",
-    "playwright": "1.58.2",
     "rollup": "^2.79.2",
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -57,7 +57,8 @@
     "storybook": "^8.6.14",
     "ts-loader": "^9.5.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "vitest": "^2.1.9"
   },
   "browserslist": {
     "production": [

package/src/styles/all-themes.css

@@ -13,3 +13,4 @@
 @import "./themes/neutral.css";
 @import "./themes/modern-light.css";
 @import "./themes/modern-dark.css";
+@import "./themes/modern-black.css";

package/src/styles/base.css

@@ -86,8 +86,13 @@
   font-family: inherit;
 }
 
-input {
-  color: black;
+.simple-table-root input {
+  color: var(--st-cell-color);
+}
+
+.simple-table-root input::placeholder {
+  color: var(--st-muted-text-color);
+  opacity: 1;
 }
 
 /* Safari scrollbar styling */
@@ -206,7 +211,7 @@ input {
   display: block;
   /* `*` does not target ::after; border-box keeps the bottom border inside the flex line. */
   box-sizing: border-box;
-  width: var(--st-after-width, default-width);
+  width: var(--st-after-width, 11.01px);
   flex-shrink: 0;
   background-color: var(--st-header-background-color);
   border-bottom: var(--st-border-width) solid var(--st-border-color);
@@ -218,11 +223,6 @@ input {
   border-bottom: var(--st-border-width) solid var(--st-border-color);
 }
 
-.st-header-grid {
-  position: relative;
-  min-width: 100%;
-}
-
 .st-horizontal-scrollbar-middle,
 .st-horizontal-scrollbar-left,
 .st-horizontal-scrollbar-right,
@@ -373,12 +373,6 @@ input {
   background-color: var(--st-selected-row-background-color);
 }
 
-.st-sticky-top
-  .st-row.hovered:not(.st-cell-editing):not(.st-cell-column-selected):not(
-    .st-cell-column-selected-last
-  ):not(.st-cell-column-selected-first) {
-  background-color: var(--st-hover-row-background-color);
-}
 .st-row.hovered .st-cell-editing,
 .st-row.hovered
   .st-cell:not(.st-cell-selected):not(.st-cell-selected-first):not(.st-cell-column-selected):not(
@@ -497,9 +491,6 @@ input {
 .st-header-cell.st-header-editable {
   cursor: pointer;
 }
-.st-header-cell.draggable {
-  cursor: grab;
-}
 .st-header-cell.st-header-selected {
   background-color: var(--st-header-selected-background-color);
 }
@@ -727,10 +718,6 @@ input {
   outline-offset: 2px;
 }
 
-.st-collapse-icon-container {
-  cursor: pointer;
-}
-
 .st-expand-icon {
   cursor: pointer;
   color: var(--st-header-label-color);
@@ -774,6 +761,40 @@ input {
 .st-dragging.st-sub-header {
   background-color: var(--st-dragging-sub-header-background-color);
 }
+/* Keep the dragged header above neighbors while they slide past (DOM order
+   would otherwise flip who paints on top mid-animation). */
+.st-header-cell.st-dragging {
+  z-index: 2;
+}
+
+/*
+ * Column-drag / FLIP pass-through paint.
+ *
+ * Body cells use `background-color: transparent` so a shared row fill shows
+ * through — when two cells slide past each other you see labels overlap, not
+ * opaque rectangles stacking. Neighboring headers do the same during reorder
+ * (the header strip already paints `--st-header-background-color`).
+ * `.st-flip-active` covers slides that continue after dragend.
+ *
+ * The dragged header keeps `--st-dragging-background-color` (see below) so the
+ * active column stays visually marked.
+ */
+.simple-table-root.st-column-reordering .st-header-cell,
+.simple-table-root.st-column-reordering .st-header-cell.st-sub-header,
+.st-header-cell.st-flip-active,
+.st-header-cell.st-flip-active.st-sub-header {
+  background-color: transparent;
+}
+
+/* Dragged header fill wins over the pass-through rule above. */
+.simple-table-root.st-column-reordering .st-header-cell.st-dragging:not(.st-sub-header),
+.st-header-cell.st-flip-active.st-dragging:not(.st-sub-header) {
+  background-color: var(--st-dragging-background-color);
+}
+.simple-table-root.st-column-reordering .st-header-cell.st-dragging.st-sub-header,
+.st-header-cell.st-flip-active.st-dragging.st-sub-header {
+  background-color: var(--st-dragging-sub-header-background-color);
+}
 
 /* Loading skeleton styles */
 .st-loading-skeleton {
@@ -1166,10 +1187,6 @@ input {
   padding: var(--st-spacing-medium);
 }
 
-/* Column Editor Search Styles */
-.st-column-editor-search {
-}
-
 /* Column Editor List */
 .st-column-editor-list {
   display: flex;
@@ -1346,12 +1363,6 @@ input {
   background: color-mix(in srgb, var(--st-column-editor-text-color) 12%, transparent);
 }
 
-.st-column-pin-pinned-mark {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 /* Pinned left/right: same surface as .st-column-pin-btn:hover */
 .st-column-pin-pinned-active {
   background: color-mix(in srgb, var(--st-column-editor-text-color) 12%, transparent);
@@ -1495,11 +1506,6 @@ input {
   align-items: center;
 }
 
-.st-nested-headers {
-  display: flex;
-  flex-direction: column;
-}
-
 .st-column-editor-popout.open {
   min-width: 240px;
   width: auto;
@@ -1566,77 +1572,6 @@ input {
   color: var(--st-button-active-text-color);
 }
 
-@keyframes slide-in-left {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-@keyframes slide-in-right {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-/* Group Header Styles */
-.st-group-header {
-  background-color: var(--st-header-background-color);
-  cursor: pointer;
-  user-select: none;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  border-bottom: var(--st-border-width) solid var(--st-border-color);
-  color: var(--st-cell-color);
-  font-weight: 500;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
-}
-
-.st-group-header:hover {
-  background-color: var(--st-button-hover-background-color);
-}
-
-.st-group-header-content {
-  display: flex;
-  align-items: center;
-  gap: var(--st-spacing-medium);
-}
-
-.st-group-toggle-icon {
-  font-size: 0.8em;
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.st-group-name {
-  font-weight: 600;
-}
-
-.st-group-count {
-  color: var(--st-cell-odd-row-color);
-  font-size: 0.9em;
-}
-
-/* Animation for expand/collapse */
-.st-group-header.expanded .st-group-toggle-icon {
-  transform: rotate(0deg);
-  transition: transform var(--st-transition-duration) var(--st-transition-ease);
-}
-
-.st-group-header.collapsed .st-group-toggle-icon {
-  transform: rotate(-90deg);
-  transition: transform var(--st-transition-duration) var(--st-transition-ease);
-}
-
 /* Row expand icon animation */
 .st-expand-icon-container {
   transition: transform var(--st-transition-duration) var(--st-transition-ease);
@@ -1822,12 +1757,6 @@ input {
   color: var(--st-selected-cell-color);
 }
 
-.st-dropdown-divider {
-  height: 1px;
-  margin: 4px 0;
-  background-color: var(--st-border-color);
-}
-
 /* Datepicker css */
 
 .st-datepicker {
@@ -2037,25 +1966,6 @@ input {
   margin-bottom: var(--st-spacing-medium);
 }
 
-/* Filter Select - Dropdown selectors */
-.st-filter-select {
-  width: 100%;
-  padding: var(--st-control-padding-y) var(--st-control-padding-x);
-  border: var(--st-border-width) solid var(--st-border-color);
-  border-radius: var(--st-border-radius);
-  font-size: var(--st-overlay-font-size);
-  background-color: var(--st-odd-row-background-color);
-  color: var(--st-cell-color);
-  font-family: inherit;
-  cursor: pointer;
-  outline: none;
-  transition: border-color var(--st-transition-duration) var(--st-transition-ease);
-}
-
-.st-filter-select:focus {
-  border-color: var(--st-editable-cell-focus-border-color);
-}
-
 /* Filter Actions - Button container and buttons */
 .st-filter-actions {
   display: flex;
@@ -2282,14 +2192,6 @@ input {
   font-style: italic;
 }
 
-/* Row number styling */
-.st-row-number {
-  font-size: 0.8em;
-  opacity: 0.6;
-  user-select: none;
-  font-weight: 500;
-}
-
 /* Selection cell with row buttons layout */
 .st-selection-cell-content {
   display: flex;
@@ -2365,6 +2267,10 @@ input {
   animation: st-tooltip-fade-in 0.2s ease-out;
 }
 
+.simple-table-root.st-column-reordering .st-tooltip {
+  display: none;
+}
+
 @keyframes st-tooltip-fade-in {
   from {
     opacity: 0;
@@ -2387,14 +2293,6 @@ input {
   width: 100%;
 }
 
-/* Empty spacer for pinned sections when state row is shown */
-.st-row.st-state-row-spacer {
-  display: block;
-  position: absolute;
-  width: 100%;
-  background-color: transparent;
-}
-
 /* The cell within state row that spans full width */
 .st-state-row-cell {
   grid-column: 1 / -1;

package/src/styles/themes/modern-black.css

@@ -0,0 +1,139 @@
+/* Modern Black Theme — near-black surfaces, hairline borders, logo-blue accent.
+ *
+ * Matches the Simple Table marketing site dark tokens:
+ * paper #0A0A0A, surface #141414, ink #FAFAFA, muted #A3A3A3,
+ * line #262626, accent #3B82F6 / hover #60A5FA.
+ *
+ * Same spacing as modern-dark (12px cell padding, 4px radius). Selection
+ * uses a light blue wash instead of a solid fill so it sits on the flat
+ * surface instead of fighting it.
+ *
+ * All structural rules live in base.css and are driven by these tokens.
+ */
+.theme-modern-black {
+  /* Layout/Structure variables - same room as modern-dark */
+  --st-border-radius: 4px;
+  --st-cell-padding: 12px;
+
+  /* Spacing variables */
+  --st-spacing-small: 4px;
+  --st-spacing-medium: 8px;
+
+  /* Overlay / filter control sizing (tracks roomier modern cell padding) */
+  --st-overlay-font-size: 14px;
+  --st-overlay-padding: 12px;
+  --st-control-padding-y: 8px;
+  --st-control-padding-x: 12px;
+  --st-datepicker-day-size: 32px;
+
+  /* Scrollbar variables */
+  --st-scrollbar-bg-color: #0a0a0a;
+  --st-scrollbar-thumb-color: #3a3a3a;
+  --st-scrollbar-width: thin;
+
+  /* Base/Structural colors */
+  --st-border-color: #262626;
+  --st-footer-background-color: #141414;
+  --st-footer-text-color: #a3a3a3;
+  --st-last-group-row-separator-border-color: #262626;
+
+  /* Row colors - flat surface, hover instead of stripes */
+  --st-odd-row-background-color: #141414;
+  --st-even-row-background-color: #141414;
+  --st-hover-row-background-color: #1c1c1c;
+  --st-selected-row-background-color: #18213d;
+
+  /* Column colors - no alternating columns by default */
+  --st-odd-column-background-color: #141414;
+  --st-even-column-background-color: #141414;
+
+  /* Header colors */
+  --st-header-background-color: #141414;
+  --st-sub-header-background-color: #0a0a0a;
+  --st-header-label-color: #fafafa;
+  --st-header-icon-color: #a3a3a3;
+
+  /* Cell colors */
+  --st-cell-color: #fafafa;
+  --st-cell-odd-row-color: #a3a3a3;
+  --st-edit-cell-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
+  --st-sub-cell-background-color: #0a0a0a;
+  --st-sub-cell-hover-background-color: #1c1c1c;
+
+  /* Selection colors - light blue wash, not a solid fill */
+  --st-selected-cell-background-color: #18213d;
+  --st-selected-first-cell-background-color: #19274f;
+  --st-selected-cell-color: #fafafa;
+  --st-selected-first-cell-color: #fafafa;
+  --st-selected-sub-cell-background-color: #18213d;
+  --st-selected-sub-cell-color: #fafafa;
+  --st-dragging-background-color: #1c1c1c;
+  --st-dragging-sub-header-background-color: #262626;
+
+  /* Interactive element colors */
+  --st-resize-handle-color: #262626;
+  --st-resize-handle-selected-color: #60a5fa;
+
+  /* Border colors */
+  --st-selected-border-color: #3b82f6;
+  --st-editable-cell-focus-border-color: #60a5fa;
+  --st-focus-ring-color: #60a5fa;
+
+  /* Button colors */
+  --st-button-hover-background-color: #1c1c1c;
+  --st-button-active-background-color: #3b82f6;
+  --st-button-active-text-color: var(--st-white);
+  --st-next-prev-btn-color: #a3a3a3;
+  --st-next-prev-btn-disabled-color: #525252;
+  --st-page-btn-color: #fafafa;
+  --st-page-btn-hover-background-color: #1c1c1c;
+
+  /* Checkbox colors */
+  --st-checkbox-background-color: #141414;
+  --st-checkbox-checked-background-color: #3b82f6;
+  --st-checkbox-checked-border-color: #3b82f6;
+  --st-checkbox-border-color: #262626;
+
+  /* Column editor colors */
+  --st-column-editor-background-color: #141414;
+  --st-column-editor-popout-background-color: #141414;
+  --st-column-editor-text-color: #a3a3a3;
+
+  /* Form element colors */
+  --st-datepicker-weekday-color: #a3a3a3;
+  --st-datepicker-other-month-color: #525252;
+  --st-filter-button-disabled-background-color: #1c1c1c;
+  --st-filter-button-disabled-text-color: #737373;
+  --st-muted-text-color: #a3a3a3;
+
+  /* Flash/Animation colors */
+  --st-cell-flash-color: #19274f;
+  --st-copy-flash-color: #60a5fa;
+  --st-warning-flash-color: #ef4444;
+
+  /* Tooltip variables */
+  --st-tooltip-background-color: #fafafa;
+  --st-tooltip-text-color: #171717;
+  --st-tooltip-border-radius: 6px;
+  --st-tooltip-padding: 6px 10px;
+  --st-tooltip-font-size: 12px;
+  --st-tooltip-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
+
+  /* Header selection colors */
+  --st-header-selected-background-color: #3b82f6;
+  --st-header-selected-label-color: var(--st-white);
+  --st-header-selected-icon-color: var(--st-white);
+  --st-header-highlight-indicator-color: #1e3a8a;
+  --st-selection-highlight-indicator-color: #262626;
+
+  /* Utility colors */
+  --st-loading-skeleton-bg-color: #1c1c1c;
+  --st-chart-color: #3b82f6;
+  --st-chart-fill-color: #60a5fa;
+
+  /* Drag and drop colors */
+  --st-drag-separator-color: #3b82f6;
+
+  /* Body background for state rows */
+  --st-body-background-color: #141414;
+}

package/dist/managers/ColumnManager.d.ts

@@ -1,42 +0,0 @@
-import ColumnDef, { Accessor } from "../types/ColumnDef";
-import { ColumnVisibilityState } from "../types/ColumnVisibilityTypes";
-export interface ColumnManagerConfig {
-    headers: ColumnDef[];
-    collapsedHeaders: Set<Accessor>;
-    onColumnOrderChange?: (newHeaders: ColumnDef[]) => void;
-    onColumnVisibilityChange?: (visibilityState: ColumnVisibilityState) => void;
-    onColumnWidthChange?: (headers: ColumnDef[]) => void;
-}
-export interface ColumnManagerState {
-    headers: ColumnDef[];
-    collapsedHeaders: Set<Accessor>;
-    columnVisibility: ColumnVisibilityState;
-    draggedHeader: ColumnDef | null;
-    hoveredHeader: ColumnDef | null;
-}
-type StateChangeCallback = (state: ColumnManagerState) => void;
-export declare class ColumnManager {
-    private config;
-    private state;
-    private subscribers;
-    constructor(config: ColumnManagerConfig);
-    private buildColumnVisibilityState;
-    updateConfig(config: Partial<ColumnManagerConfig>): void;
-    subscribe(callback: StateChangeCallback): () => void;
-    private notifySubscribers;
-    setHeaders(headers: ColumnDef[]): void;
-    setCollapsedHeaders(collapsedHeaders: Set<Accessor>): void;
-    toggleColumnCollapse(accessor: Accessor): void;
-    setColumnVisibility(accessor: Accessor, visible: boolean): void;
-    updateColumnWidth(accessor: Accessor, width: number | string): void;
-    reorderColumns(newHeaders: ColumnDef[]): void;
-    setDraggedHeader(header: ColumnDef | null): void;
-    setHoveredHeader(header: ColumnDef | null): void;
-    getState(): ColumnManagerState;
-    getHeaders(): ColumnDef[];
-    getCollapsedHeaders(): Set<Accessor>;
-    getColumnVisibility(): ColumnVisibilityState;
-    isColumnVisible(accessor: Accessor): boolean;
-    destroy(): void;
-}
-export {};

package/dist/managers/RowManager.d.ts

@@ -1,56 +0,0 @@
-import ColumnDef, { Accessor } from "../types/ColumnDef";
-import Row from "../types/Row";
-import RowState from "../types/RowState";
-import TableRow from "../types/TableRow";
-import { HeightOffsets } from "../utils/infiniteScrollUtils";
-import { CustomTheme } from "../types/CustomTheme";
-import { GetRowId } from "../types/GetRowId";
-export interface RowManagerConfig {
-    rows: Row[];
-    headers: ColumnDef[];
-    rowGrouping?: Accessor[];
-    getRowId?: GetRowId;
-    rowHeight: number;
-    headerHeight: number;
-    customTheme: CustomTheme;
-    hasLoadingRenderer: boolean;
-    hasErrorRenderer: boolean;
-    hasEmptyRenderer: boolean;
-}
-export interface RowManagerState {
-    expandedRows: Map<string, number>;
-    collapsedRows: Map<string, number>;
-    expandedDepths: Set<number>;
-    rowStateMap: Map<string | number, RowState>;
-    aggregatedRows: Row[];
-    flattenedRows: TableRow[];
-    heightOffsets: HeightOffsets;
-    paginatableRows: TableRow[];
-    parentEndPositions: number[];
-}
-type StateChangeCallback = (state: RowManagerState) => void;
-export declare class RowManager {
-    private config;
-    private state;
-    private subscribers;
-    constructor(config: RowManagerConfig);
-    private getAllAggregationHeaders;
-    private calculateAggregation;
-    private computeAggregatedRows;
-    private computeFlattenedRows;
-    updateConfig(config: Partial<RowManagerConfig>): void;
-    subscribe(callback: StateChangeCallback): () => void;
-    private notifySubscribers;
-    setExpandedRows(expandedRows: Map<string, number>): void;
-    setCollapsedRows(collapsedRows: Map<string, number>): void;
-    setExpandedDepths(expandedDepths: Set<number>): void;
-    setRowStateMap(rowStateMap: Map<string | number, RowState>): void;
-    getState(): RowManagerState;
-    getAggregatedRows(): Row[];
-    getFlattenedRows(): TableRow[];
-    getHeightOffsets(): HeightOffsets;
-    getPaginatableRows(): TableRow[];
-    getParentEndPositions(): number[];
-    destroy(): void;
-}
-export {};