@simple-table/react 3.0.0-beta.11 → 3.0.0-beta.14

package/README.md

@@ -0,0 +1,36 @@
+# Simple Table for React
+
+[![npm version](https://img.shields.io/npm/v/@simple-table/react.svg)](https://www.npmjs.com/package/@simple-table/react)
+[![npm downloads](https://img.shields.io/npm/dm/@simple-table/react.svg)](https://www.npmjs.com/package/@simple-table/react)
+[![License](https://img.shields.io/npm/l/@simple-table/react.svg)](LICENSE)
+
+React adapter for [Simple Table](https://www.simple-table.com/) — a lightweight, high-performance data grid with full React component support for all renderers.
+
+## Installation
+
+```bash
+npm install @simple-table/react
+```
+
+**Peer dependencies:** `react >=18.0.0`, `react-dom >=18.0.0`
+
+## Features
+
+- Use React components for cell renderers, header renderers, footer renderers, and more
+- Access the full imperative `TableAPI` via a ref for sorting, filtering, pagination, export, and more
+- All types exported directly — no need to install `simple-table-core` separately
+
+## Documentation
+
+- **Quick Start**: [simple-table.com/docs/quick-start](https://www.simple-table.com/docs/quick-start)
+- **Full Documentation**: [simple-table.com/docs/installation](https://www.simple-table.com/docs/installation)
+- **Examples**: [simple-table.com/examples/crm](https://www.simple-table.com/examples/crm)
+
+## Community & Support
+
+- **Discord**: [Join us on Discord](https://discord.gg/RvKHCfg3PC)
+- **GitHub**: [Report bugs or suggest features](https://github.com/petera2c/simple-table/issues)
+
+## License
+
+Dual licensed — MIT for individuals & startups, proprietary Pro tier for revenue-generating companies. See [LICENSE](LICENSE) and [EULA.txt](../../EULA.txt) for details.

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.SimpleTable=()=>e.jsx("div",{children:"hello"});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("simple-table-core"),n=require("react-dom/server");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function d(r){return t=>{const o=document.createElement("div");return o.innerHTML=n.renderToStaticMarkup(e.jsx(r,Object.assign({},t))),o}}function a(r){const t=document.createElement("div");return t.innerHTML=n.renderToStaticMarkup(e.jsx(e.Fragment,{children:r})),t}function c(r){return n.renderToStaticMarkup(e.jsx(e.Fragment,{children:r}))}function u(e){return"function"==typeof e}function l(e){const{cellRenderer:r,headerRenderer:t,children:n,nestedTable:o}=e,a=i(e,["cellRenderer","headerRenderer","children","nestedTable"]),c=Object.assign({},a);if(r&&(c.cellRenderer=d(r)),t&&(c.headerRenderer=d(t)),n&&(c.children=n.map(l)),o){const e=Object.assign(Object.assign({},o),{rows:[]});c.nestedTable=s(e)}return c}function s(e){const{defaultHeaders:r,footerRenderer:t,emptyStateRenderer:n,errorStateRenderer:o,loadingStateRenderer:s,tableEmptyStateRenderer:f,headerDropdown:p,columnEditorConfig:m,icons:R}=e,b=i(e,["defaultHeaders","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons"]),S=Object.assign(Object.assign({},b),{defaultHeaders:r.map(l)});if(void 0!==t&&(S.footerRenderer=d(t)),void 0!==n)if(u(n))S.emptyStateRenderer=d(n);else{const e=n;S.emptyStateRenderer=()=>a(e)}if(void 0!==o)if(u(o))S.errorStateRenderer=d(o);else{const e=o;S.errorStateRenderer=()=>a(e)}if(void 0!==s)if(u(s))S.loadingStateRenderer=d(s);else{const e=s;S.loadingStateRenderer=()=>a(e)}return void 0!==f&&(S.tableEmptyStateRenderer=null===f?null:a(f)),void 0!==p&&(S.headerDropdown=d(p)),void 0!==m&&(S.columnEditorConfig=function(e){const{rowRenderer:r}=e,t=i(e,["rowRenderer"]);return Object.assign(Object.assign({},t),r?{rowRenderer:d(r)}:{})}(m)),void 0!==R&&(S.icons=function(e){const r={};for(const[t,n]of Object.entries(e))null!=n&&(r[t]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:c(n));return r}(R)),S}"function"==typeof SuppressedError&&SuppressedError;const f=o(r).default.forwardRef(function(n,o){const i=r.useRef(null),d=r.useRef(null),a=n;return r.useEffect(()=>{if(!i.current)return;const e=new t.SimpleTableVanilla(i.current,s(a));if(e.mount(),d.current=e,o){const r=e.getAPI();"function"==typeof o?o(r):o.current=r}return()=>{e.destroy(),d.current=null,o&&"function"!=typeof o&&(o.current=null)}},[]),r.useEffect(()=>{var e;null===(e=d.current)||void 0===e||e.update(s(a))}),e.jsx("div",{ref:i})});f.displayName="SimpleTable",exports.SimpleTable=f;
 //# sourceMappingURL=index.js.map

package/dist/index.es.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";const e=()=>r("div",{children:"hello"});export{e as SimpleTable};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import n,{useRef as t,useEffect as o}from"react";import{SimpleTableVanilla as d}from"simple-table-core";import{renderToStaticMarkup as i}from"react-dom/server";function c(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(n[t[o]]=e[t[o]])}return n}function a(r){return n=>{const t=document.createElement("div");return t.innerHTML=i(e(r,Object.assign({},n))),t}}function l(n){const t=document.createElement("div");return t.innerHTML=i(e(r,{children:n})),t}function s(n){return i(e(r,{children:n}))}function u(e){return"function"==typeof e}function f(e){const{cellRenderer:r,headerRenderer:n,children:t,nestedTable:o}=e,d=c(e,["cellRenderer","headerRenderer","children","nestedTable"]),i=Object.assign({},d);if(r&&(i.cellRenderer=a(r)),n&&(i.headerRenderer=a(n)),t&&(i.children=t.map(f)),o){const e=Object.assign(Object.assign({},o),{rows:[]});i.nestedTable=p(e)}return i}function p(e){const{defaultHeaders:r,footerRenderer:n,emptyStateRenderer:t,errorStateRenderer:o,loadingStateRenderer:d,tableEmptyStateRenderer:i,headerDropdown:p,columnEditorConfig:m,icons:R}=e,b=c(e,["defaultHeaders","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons"]),y=Object.assign(Object.assign({},b),{defaultHeaders:r.map(f)});if(void 0!==n&&(y.footerRenderer=a(n)),void 0!==t)if(u(t))y.emptyStateRenderer=a(t);else{const e=t;y.emptyStateRenderer=()=>l(e)}if(void 0!==o)if(u(o))y.errorStateRenderer=a(o);else{const e=o;y.errorStateRenderer=()=>l(e)}if(void 0!==d)if(u(d))y.loadingStateRenderer=a(d);else{const e=d;y.loadingStateRenderer=()=>l(e)}return void 0!==i&&(y.tableEmptyStateRenderer=null===i?null:l(i)),void 0!==p&&(y.headerDropdown=a(p)),void 0!==m&&(y.columnEditorConfig=function(e){const{rowRenderer:r}=e,n=c(e,["rowRenderer"]);return Object.assign(Object.assign({},n),r?{rowRenderer:a(r)}:{})}(m)),void 0!==R&&(y.icons=function(e){const r={};for(const[n,t]of Object.entries(e))null!=t&&(r[n]="string"==typeof t||t instanceof HTMLElement||t instanceof SVGElement?t:s(t));return r}(R)),y}"function"==typeof SuppressedError&&SuppressedError;const m=n.forwardRef(function(r,n){const i=t(null),c=t(null),a=r;return o(()=>{if(!i.current)return;const e=new d(i.current,p(a));if(e.mount(),c.current=e,n){const r=e.getAPI();"function"==typeof n?n(r):n.current=r}return()=>{e.destroy(),c.current=null,n&&"function"!=typeof n&&(n.current=null)}},[]),o(()=>{var e;null===(e=c.current)||void 0===e||e.update(p(a))}),e("div",{ref:i})});m.displayName="SimpleTable";export{m as SimpleTable};
 //# sourceMappingURL=index.es.js.map

package/dist/{cjs → types}/core/src/utils/headerWidthUtils.d.ts

@@ -13,8 +13,8 @@ export declare const DEFAULT_TABLE_WIDTH = 800;
  * Normalize header widths so that fr and % are converted to pixels.
  * Call this as soon as headers are received so the rest of the code can assume numeric widths.
  * If totalWidth is not provided, a reasonable total is computed from fixed widths + default for fr columns.
- * If options.containerWidth is provided, the main section's fr columns are given the remaining space
- * (container width minus pinned left/right), so the flexible column fills available space.
+ * If options.containerWidth is provided, all fr/% columns are resolved against the full container width,
+ * so pinned and non-pinned fr columns share the same proportional pool.
  */
 export declare function normalizeHeaderWidths(headers: HeaderObject[], totalWidthOrOptions?: number | {
     containerWidth: number;

package/dist/{cjs → types}/react/src/SimpleTable.d.ts

@@ -1,3 +1,6 @@
+import React from "react";
+import type { TableAPI } from "simple-table-core";
+import type { SimpleTableReactProps } from "./types";
 /**
  * SimpleTable — React adapter for simple-table-core.
  *
@@ -20,5 +23,5 @@
  *   footerRenderer={MyFooter}
  * />
  */
-declare const SimpleTable: () => import("react/jsx-runtime").JSX.Element;
+declare const SimpleTable: React.ForwardRefExoticComponent<SimpleTableReactProps & React.RefAttributes<TableAPI>>;
 export default SimpleTable;

package/dist/{cjs → types}/react/src/utils/wrapReactRenderer.d.ts

@@ -3,8 +3,9 @@ import React from "react";
  * Wraps a React component into a function that returns an HTMLElement, matching
  * the vanilla renderer contract expected by simple-table-core.
  *
- * Uses flushSync to ensure the React tree is fully painted into the container
- * before it is returned to the vanilla rendering pipeline.
+ * Uses renderToStaticMarkup for synchronous rendering that is safe to call from
+ * any context (including inside useEffect) without triggering React 18's
+ * "flushSync was called from inside a lifecycle method" warning.
  */
 export declare function wrapReactRenderer<P extends object>(Component: React.ComponentType<P>): (props: P) => HTMLElement;
 /**

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@simple-table/react",
-  "version": "3.0.0-beta.11",
+  "version": "3.0.0-beta.14",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/types/react/src/index.d.ts",
   "sideEffects": false,
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
       "require": "./dist/cjs/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/types/react/src/index.d.ts"
     }
   },
   "license": "MIT",
@@ -25,7 +25,7 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "simple-table-core": "3.0.0-beta.11"
+    "simple-table-core": "3.0.0-beta.14"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^4.0.4",

package/dist/core/src/consts/column-constraints.d.ts

@@ -1,58 +0,0 @@
-/**
- * Column width constraints for the table
- * These values control minimum and maximum widths for columns and sections
- */
-/**
- * MIN_COLUMN_WIDTH
- * The minimum width in pixels that any column can have.
- * This is used as:
- * - The default minimum width when header.minWidth is undefined
- * - The absolute minimum in autoExpandColumns mode to prevent columns from becoming too narrow
- */
-export declare const MIN_COLUMN_WIDTH = 40;
-/**
- * MAX_SINGLE_PINNED_SECTION_PERCENT
- * Maximum percentage of container width that a single pinned section can occupy.
- * When only one section (left OR right) is pinned, it can take up to 60% of the width.
- * This ensures the main section always has at least 40% of the space.
- */
-export declare const MAX_SINGLE_PINNED_SECTION_PERCENT = 0.6;
-/**
- * MAX_DUAL_PINNED_SECTION_PERCENT
- * Maximum percentage of container width that each pinned section can occupy
- * when BOTH left and right sections are pinned.
- * With both sections at 40%, the main section is guaranteed at least 20% of the space.
- */
-export declare const MAX_DUAL_PINNED_SECTION_PERCENT = 0.4;
-/**
- * Mobile breakpoints for responsive pinned section constraints
- */
-export declare const MOBILE_BREAKPOINT_SMALL = 480;
-export declare const MOBILE_BREAKPOINT_MEDIUM = 768;
-/**
- * Get the maximum allowed width percentage for a single pinned section based on container width.
- * This is used when only ONE section (left OR right) is pinned.
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @returns The maximum percentage (0-1) of container width that the pinned section can occupy
- */
-export declare const getMaxSinglePinnedPercent: (containerWidth: number) => number;
-/**
- * Get the maximum allowed width percentage for pinned sections based on container width
- * and the number of pinned sections.
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @param hasPinnedLeft - Whether there is a pinned left section
- * @param hasPinnedRight - Whether there is a pinned right section
- * @returns The maximum percentage (0-1) of container width that each pinned section can occupy
- */
-export declare const getMaxPinnedSectionPercent: (containerWidth: number, hasPinnedLeft: boolean, hasPinnedRight: boolean) => number;
-/**
- * Calculate the maximum width in pixels for a pinned section
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @param hasPinnedLeft - Whether there is a pinned left section
- * @param hasPinnedRight - Whether there is a pinned right section
- * @returns The maximum width in pixels for a pinned section
- */
-export declare const getMaxPinnedSectionWidth: (containerWidth: number, hasPinnedLeft: boolean, hasPinnedRight: boolean) => number;

package/dist/core/src/consts/general-consts.d.ts

@@ -1,13 +0,0 @@
-export declare const DRAG_THROTTLE_LIMIT = 50;
-export declare const ROW_SEPARATOR_WIDTH = 1;
-export declare const PAGE_SIZE = 20;
-export declare const CSS_VAR_BORDER_WIDTH = "--st-border-width";
-export declare const DEFAULT_BORDER_WIDTH = 1;
-export declare const VIRTUALIZATION_THRESHOLD = 20;
-export declare const OVERSCAN_PIXELS = 800;
-export declare const calculateBufferRowCount: (rowHeight: number) => number;
-export declare const COLUMN_EDIT_WIDTH = 29.5;
-export declare const TABLE_HEADER_CELL_WIDTH_DEFAULT = 150;
-export declare const PINNED_BORDER_WIDTH = 1;
-export declare const CHART_COLUMN_TYPES: string[];
-export declare const OPTIMAL_CHART_COLUMN_WIDTH = 150;

package/dist/core/src/core/SimpleTableVanilla.d.ts

@@ -1,71 +0,0 @@
-import { SimpleTableConfig } from "../types/SimpleTableConfig";
-import { TableAPI } from "../types/TableAPI";
-import "../styles/all-themes.css";
-export declare class SimpleTableVanilla {
-    private container;
-    private config;
-    private customTheme;
-    private mergedColumnEditorConfig;
-    private resolvedIcons;
-    private domManager;
-    private renderOrchestrator;
-    private draggedHeaderRef;
-    private hoveredHeaderRef;
-    private localRows;
-    private headers;
-    private essentialAccessors;
-    private currentPage;
-    private scrollTop;
-    private scrollDirection;
-    private isResizing;
-    private isScrolling;
-    /** True when this render is scroll-driven so body can use position-only updates for existing cells. */
-    private _positionOnlyBody;
-    private firstRenderDone;
-    private internalIsLoading;
-    private scrollbarWidth;
-    private isMainSectionScrollable;
-    private columnEditorOpen;
-    private collapsedHeaders;
-    private expandedDepths;
-    private expandedRows;
-    private collapsedRows;
-    private rowStateMap;
-    private announcement;
-    private cellRegistry;
-    private headerRegistry;
-    private rowIndexMap;
-    private autoScaleManager;
-    private dimensionManager;
-    private scrollManager;
-    private sectionScrollController;
-    private sortManager;
-    private filterManager;
-    private selectionManager;
-    private rowSelectionManager;
-    private windowResizeManager;
-    private handleOutsideClickManager;
-    private scrollbarVisibilityManager;
-    private expandedDepthsManager;
-    private ariaAnnouncementManager;
-    private mounted;
-    private scrollRafId;
-    private scrollEndTimeoutId;
-    private lastScrollTop;
-    private isUpdating;
-    constructor(container: HTMLElement, config: SimpleTableConfig);
-    private rebuildRowIndexMap;
-    private initializeManagers;
-    mount(): void;
-    private setupManagers;
-    private setupEventListeners;
-    private handleScroll;
-    private clearHoveredRows;
-    private updateAriaLiveRegion;
-    private getRenderContext;
-    private getRenderState;
-    private render;
-    update(config: Partial<SimpleTableConfig>): void;
-    destroy(): void;
-    getAPI(): TableAPI;
-}

package/dist/core/src/core/api/TableAPIImpl.d.ts

@@ -1,44 +0,0 @@
-import { TableAPI } from "../../types/TableAPI";
-import { SimpleTableConfig } from "../../types/SimpleTableConfig";
-import HeaderObject from "../../types/HeaderObject";
-import Row from "../../types/Row";
-import { CustomTheme } from "../../types/CustomTheme";
-import RowState from "../../types/RowState";
-import { SelectionManager } from "../../managers/SelectionManager";
-import { SortManager } from "../../managers/SortManager";
-import { FilterManager } from "../../managers/FilterManager";
-import { FlattenRowsResult } from "../../utils/rowFlattening";
-import { ProcessRowsResult } from "../../utils/rowProcessing";
-export interface TableAPIContext {
-    config: SimpleTableConfig;
-    localRows: Row[];
-    effectiveHeaders: HeaderObject[];
-    headers: HeaderObject[];
-    essentialAccessors: Set<string>;
-    customTheme: CustomTheme;
-    currentPage: number;
-    /** Returns current page from live state (use this in API getCurrentPage so it stays correct after setPage). */
-    getCurrentPage: () => number;
-    expandedRows: Map<string, number>;
-    collapsedRows: Map<string, number>;
-    expandedDepths: Set<number>;
-    rowStateMap: Map<string | number, RowState>;
-    headerRegistry: Map<string, any>;
-    cellRegistry?: Map<string, {
-        updateContent: (value: any) => void;
-    }>;
-    columnEditorOpen: boolean;
-    expandedDepthsManager: any;
-    selectionManager: SelectionManager | null;
-    sortManager: SortManager | null;
-    filterManager: FilterManager | null;
-    getCachedFlattenResult?: () => FlattenRowsResult | null;
-    getCachedProcessedResult?: () => ProcessRowsResult | null;
-    onRender: () => void;
-    setHeaders: (headers: HeaderObject[]) => void;
-    setCurrentPage: (page: number) => void;
-    setColumnEditorOpen: (open: boolean) => void;
-}
-export declare class TableAPIImpl {
-    static createAPI(context: TableAPIContext): TableAPI;
-}

package/dist/core/src/core/dom/DOMManager.d.ts

@@ -1,50 +0,0 @@
-import { SimpleTableConfig } from "../../types/SimpleTableConfig";
-export interface DOMElements {
-    rootElement: HTMLElement;
-    wrapperContainer: HTMLElement;
-    contentWrapper: HTMLElement;
-    content: HTMLElement;
-    headerContainer: HTMLElement;
-    bodyContainer: HTMLElement;
-    footerContainer: HTMLElement;
-    ariaLiveRegion: HTMLElement;
-}
-export interface DOMRefs {
-    mainBodyRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedLeftRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedRightRef: {
-        current: HTMLDivElement | null;
-    };
-    mainHeaderRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedLeftHeaderRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedRightHeaderRef: {
-        current: HTMLDivElement | null;
-    };
-    headerContainerRef: {
-        current: HTMLDivElement | null;
-    };
-    tableBodyContainerRef: {
-        current: HTMLDivElement | null;
-    };
-    horizontalScrollbarRef: {
-        current: HTMLElement | null;
-    };
-}
-export declare class DOMManager {
-    private elements;
-    private refs;
-    constructor();
-    createDOMStructure(container: HTMLElement, config: SimpleTableConfig): DOMElements;
-    updateTheme(theme: string): void;
-    getElements(): DOMElements | null;
-    getRefs(): DOMRefs;
-    destroy(container: HTMLElement): void;
-}

package/dist/core/src/core/initialization/TableInitializer.d.ts

@@ -1,30 +0,0 @@
-import { SimpleTableConfig } from "../../types/SimpleTableConfig";
-import { CustomTheme } from "../../types/CustomTheme";
-import HeaderObject, { Accessor } from "../../types/HeaderObject";
-export interface ResolvedIcons {
-    drag: string | HTMLElement | SVGSVGElement;
-    expand: string | HTMLElement | SVGSVGElement;
-    filter: string | HTMLElement | SVGSVGElement;
-    headerCollapse: string | HTMLElement | SVGSVGElement;
-    headerExpand: string | HTMLElement | SVGSVGElement;
-    next: string | HTMLElement | SVGSVGElement;
-    prev: string | HTMLElement | SVGSVGElement;
-    sortDown: string | HTMLElement | SVGSVGElement;
-    sortUp: string | HTMLElement | SVGSVGElement;
-}
-export interface MergedColumnEditorConfig {
-    text: string;
-    searchEnabled: boolean;
-    searchPlaceholder: string;
-    allowColumnPinning: boolean;
-    searchFunction?: (header: HeaderObject, searchText: string) => boolean;
-    rowRenderer?: any;
-}
-export declare class TableInitializer {
-    static resolveIcons(config: SimpleTableConfig): ResolvedIcons;
-    static mergeCustomTheme(config: SimpleTableConfig): CustomTheme;
-    static mergeColumnEditorConfig(config: SimpleTableConfig): MergedColumnEditorConfig;
-    static buildEssentialAccessors(headers: HeaderObject[]): Set<string>;
-    static getInitialCollapsedHeaders(headers: HeaderObject[]): Set<Accessor>;
-    static getInitialExpandedDepths(config: SimpleTableConfig): Set<number>;
-}

package/dist/core/src/core/rendering/RenderOrchestrator.d.ts

@@ -1,123 +0,0 @@
-import { SimpleTableConfig } from "../../types/SimpleTableConfig";
-import { CustomTheme } from "../../types/CustomTheme";
-import HeaderObject, { Accessor } from "../../types/HeaderObject";
-import Row from "../../types/Row";
-import RowState from "../../types/RowState";
-import { DimensionManager } from "../../managers/DimensionManager";
-import { ScrollManager } from "../../managers/ScrollManager";
-import type { SectionScrollController } from "../../managers/SectionScrollController";
-import { SortManager } from "../../managers/SortManager";
-import { FilterManager } from "../../managers/FilterManager";
-import { SelectionManager } from "../../managers/SelectionManager";
-import { RowSelectionManager } from "../../managers/RowSelectionManager";
-import { FlattenRowsResult } from "../../utils/rowFlattening";
-import { ProcessRowsResult } from "../../utils/rowProcessing";
-import { MergedColumnEditorConfig, ResolvedIcons } from "../initialization/TableInitializer";
-export interface RenderContext {
-    cellRegistry: Map<string, any>;
-    collapsedHeaders: Set<Accessor>;
-    collapsedRows: Map<string, number>;
-    config: SimpleTableConfig;
-    customTheme: CustomTheme;
-    dimensionManager: DimensionManager | null;
-    draggedHeaderRef: {
-        current: HeaderObject | null;
-    };
-    effectiveHeaders: HeaderObject[];
-    essentialAccessors: Set<string>;
-    expandedDepths: Set<number>;
-    expandedRows: Map<string, number>;
-    filterManager: FilterManager | null;
-    getCollapsedRows: () => Map<string, number>;
-    getCollapsedHeaders?: () => Set<Accessor>;
-    getExpandedRows: () => Map<string, number>;
-    getRowStateMap: () => Map<string | number, RowState>;
-    headerRegistry: Map<string, any>;
-    headers: HeaderObject[];
-    hoveredHeaderRef: {
-        current: HeaderObject | null;
-    };
-    internalIsLoading: boolean;
-    isResizing: boolean;
-    localRows: Row[];
-    mainBodyRef: {
-        current: HTMLDivElement | null;
-    };
-    mainHeaderRef: {
-        current: HTMLDivElement | null;
-    };
-    onRender: () => void;
-    pinnedLeftHeaderRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedLeftRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedRightHeaderRef: {
-        current: HTMLDivElement | null;
-    };
-    pinnedRightRef: {
-        current: HTMLDivElement | null;
-    };
-    resolvedIcons: ResolvedIcons;
-    rowSelectionManager: RowSelectionManager | null;
-    rowStateMap: Map<string | number, RowState>;
-    scrollManager: ScrollManager | null;
-    sectionScrollController: SectionScrollController | null;
-    selectionManager: SelectionManager | null;
-    setCollapsedHeaders: (headers: Set<Accessor>) => void;
-    setCollapsedRows: (rows: Map<string, number>) => void;
-    setColumnEditorOpen: (open: boolean) => void;
-    setCurrentPage: (page: number) => void;
-    setExpandedRows: (rows: Map<string, number>) => void;
-    setHeaders: (headers: HeaderObject[]) => void;
-    setIsResizing: (value: boolean) => void;
-    setRowStateMap: (map: Map<string | number, any>) => void;
-    sortManager: SortManager | null;
-    /** When true, body cells that stay visible get only position updates (no content/selection recalc). Used during vertical scroll for performance. */
-    positionOnlyBody?: boolean;
-}
-export interface RenderState {
-    currentPage: number;
-    scrollTop: number;
-    scrollDirection: "up" | "down" | "none";
-    scrollbarWidth: number;
-    isMainSectionScrollable: boolean;
-    columnEditorOpen: boolean;
-}
-export declare class RenderOrchestrator {
-    private tableRenderer;
-    private lastHeadersRef;
-    private lastRowsRef;
-    private flattenedRowsCache;
-    private lastProcessedResult;
-    constructor();
-    getCachedFlattenResult(): FlattenRowsResult | null;
-    getLastProcessedResult(): ProcessRowsResult | null;
-    invalidateCache(type?: "body" | "header" | "context" | "all"): void;
-    computeEffectiveHeaders(headers: HeaderObject[], config: SimpleTableConfig, customTheme: CustomTheme, containerWidth?: number): HeaderObject[];
-    render(elements: {
-        bodyContainer: HTMLElement;
-        content: HTMLElement;
-        contentWrapper: HTMLElement;
-        footerContainer: HTMLElement;
-        headerContainer: HTMLElement;
-        rootElement: HTMLElement;
-        wrapperContainer: HTMLElement;
-    }, refs: {
-        mainBodyRef: {
-            current: HTMLDivElement | null;
-        };
-        tableBodyContainerRef: {
-            current: HTMLDivElement | null;
-        };
-    }, context: RenderContext, state: RenderState, mergedColumnEditorConfig: MergedColumnEditorConfig): void;
-    private renderHeader;
-    private renderBody;
-    private renderFooter;
-    private renderColumnEditor;
-    private renderHorizontalScrollbar;
-    private registerSectionPanes;
-    private buildRendererDeps;
-    cleanup(): void;
-}

package/dist/core/src/core/rendering/SectionRenderer.d.ts

@@ -1,61 +0,0 @@
-import HeaderObject, { Accessor } from "../../types/HeaderObject";
-import { HeaderRenderContext } from "../../utils/headerCellRenderer";
-import { CellRenderContext } from "../../utils/bodyCellRenderer";
-import TableRow from "../../types/TableRow";
-export interface HeaderSectionParams {
-    headers: HeaderObject[];
-    collapsedHeaders: Set<Accessor>;
-    pinned?: "left" | "right";
-    maxHeaderDepth: number;
-    headerHeight: number;
-    context: HeaderRenderContext;
-    sectionWidth?: number;
-    startColIndex?: number;
-}
-export interface BodySectionParams {
-    headers: HeaderObject[];
-    rows: TableRow[];
-    collapsedHeaders: Set<Accessor>;
-    pinned?: "left" | "right";
-    context: CellRenderContext;
-    sectionWidth?: number;
-    rowHeight: number;
-    heightOffsets?: Array<[number, number]>;
-    totalRowCount?: number;
-    startColIndex?: number;
-    /** When true, only update cell positions for existing cells (scroll performance). */
-    positionOnly?: boolean;
-    /** Full table rows ref + range for range-based body cell cache (avoids cache miss on every scroll). */
-    fullTableRows?: TableRow[];
-    renderedStartIndex?: number;
-    renderedEndIndex?: number;
-}
-export declare class SectionRenderer {
-    private headerSections;
-    private bodySections;
-    private bodyCellsCache;
-    private headerCellsCache;
-    private contextCache;
-    private nextColIndexMap;
-    private stateRowsMap;
-    private nestedGridRowsMap;
-    renderHeaderSection(params: HeaderSectionParams): HTMLElement;
-    renderBodySection(params: BodySectionParams): HTMLElement;
-    private renderNestedGridRows;
-    private renderStateRows;
-    private calculateAbsoluteHeaderCells;
-    private calculateAbsoluteBodyCells;
-    private getLeafHeaders;
-    private createHeadersHash;
-    private createHeightOffsetsHash;
-    private createContextHash;
-    private getCachedBodyCells;
-    private getCachedHeaderCells;
-    private getCachedContext;
-    invalidateCache(type?: "body" | "header" | "context" | "all"): void;
-    /**
-     * Get the next colIndex after rendering a section
-     */
-    getNextColIndex(sectionKey: string): number;
-    cleanup(): void;
-}