simple-table-core 4.2.3 → 4.2.7

package/dist/utils/stickyParentsRenderer.d.ts

@@ -1,7 +1,7 @@
 import TableRow from "../types/TableRow";
 import ColumnDef from "../types/ColumnDef";
 import { CumulativeHeightMap, HeightOffsets } from "./infiniteScrollUtils";
-import type { SectionScrollController } from "../managers/SectionScrollController";
+import { type HorizontalScrollEngine } from "../managers/horizontalScroll";
 import { CustomTheme } from "../types/CustomTheme";
 import { CellRenderContext } from "./bodyCell/types";
 export interface StickyParentsContainerProps {
@@ -47,7 +47,7 @@ export interface StickyParentsRenderContext {
     rowHeight: number;
     heightOffsets: HeightOffsets | undefined;
     cellRenderContext: CellRenderContext;
-    sectionScrollController?: SectionScrollController | null;
+    horizontalScroll?: HorizontalScrollEngine | null;
 }
 export declare const createStickyParentsContainer: (props: StickyParentsContainerProps, context: StickyParentsRenderContext) => HTMLElement | null;
-export declare const cleanupStickyParentsContainer: (container: HTMLElement, sectionScrollController?: SectionScrollController | null) => void;
+export declare const cleanupStickyParentsContainer: (container: HTMLElement, horizontalScroll?: HorizontalScrollEngine | null) => void;

package/package.json

@@ -1,9 +1,20 @@
 {
   "name": "simple-table-core",
-  "version": "4.2.3",
+  "version": "4.2.7",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "preview": "rollup -c -w",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "start": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "version:patch": "npm version patch && git push && git push --tags",
+    "version:minor": "npm version minor && git push && git push --tags",
+    "version:major": "npm version major && git push && git push --tags",
+    "test-storybook:ci": "test-storybook --url http://localhost:6006 --testTimeout=120000"
+  },
   "sideEffects": [
     "*.css",
     "**/*.css"
@@ -120,16 +131,5 @@
     "row pinning",
     "column pinning",
     "tree data grid"
-  ],
-  "scripts": {
-    "build": "rollup -c",
-    "preview": "rollup -c -w",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "start": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "version:patch": "npm version patch && git push && git push --tags",
-    "version:minor": "npm version minor && git push && git push --tags",
-    "version:major": "npm version major && git push && git push --tags",
-    "test-storybook:ci": "test-storybook --url http://localhost:6006 --testTimeout=120000"
-  }
-}
+  ]
+}

package/src/styles/base.css

@@ -119,6 +119,7 @@
 /* Wrapper for the table */
 .st-wrapper {
   position: relative;
+  width: 100%;
   border: var(--st-border-width) solid var(--st-border-color);
   border-radius: var(--st-border-radius);
   overflow: hidden;
@@ -225,15 +226,42 @@
 
 .st-horizontal-scrollbar-middle,
 .st-horizontal-scrollbar-left,
-.st-horizontal-scrollbar-right,
+.st-horizontal-scrollbar-right {
+  overflow: auto;
+  touch-action: auto;
+}
+
 .st-header-main,
 .st-header-pinned-left,
 .st-header-pinned-right,
 .st-body-main,
 .st-body-pinned-left,
 .st-body-pinned-right {
-  overflow: auto;
-  touch-action: auto;
+  overflow-x: hidden;
+  overflow-x: clip;
+  overflow-y: hidden;
+  position: relative;
+  min-width: 0;
+}
+
+.st-body-main,
+.st-body-pinned-left,
+.st-body-pinned-right {
+  touch-action: pan-y;
+}
+
+.st-header-main,
+.st-header-pinned-left,
+.st-header-pinned-right {
+  touch-action: none;
+}
+
+.st-h-scroll-layer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  will-change: transform;
 }
 .st-header-main,
 .st-header-pinned-left,
@@ -264,12 +292,9 @@
   flex-grow: 1;
 }
 
-/* Header must only scroll horizontally; prevent vertical scroll (vanilla refactor removed display:grid from header sections) */
 .st-header-main,
 .st-header-pinned-left,
 .st-header-pinned-right {
-  overflow-x: auto;
-  overflow-y: hidden;
   background-color: var(--st-header-background-color);
 }
 
@@ -282,9 +307,11 @@
   flex-grow: 1;
   display: flex;
   width: 100%;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-x: clip;
+  overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-  touch-action: auto;
+  touch-action: pan-y;
   height: max-content;
   background-color: var(--st-even-row-background-color);
 }
@@ -302,6 +329,8 @@
 .st-sticky-section-main,
 .st-sticky-section-right {
   overflow: hidden;
+  overflow-x: clip;
+  position: relative;
 }
 
 .st-sticky-section-left {

package/dist/managers/SectionScrollController.d.ts

@@ -1,74 +0,0 @@
-export type SectionId = "pinned-left" | "main" | "pinned-right";
-export type SectionPaneRole = "sticky" | "scrollbar" | "header" | "body";
-export interface SectionScrollControllerConfig {
-    /** Heavy body virtualization. Throttled to every {@link VIRTUALIZATION_THRESHOLD_PX}px. */
-    onMainSectionScrollLeft?: (scrollLeft: number) => void;
-}
-/**
- * Single controller for horizontal scroll sync across all four panes per section:
- * sticky parent, horizontal scrollbar segment, header, and body.
- * Scrolling any one pane updates the other three in that section.
- * All four panes must have the same scroll width (enforced by renderers).
- */
-export declare class SectionScrollController {
-    private scrollLeftBySection;
-    private panesBySection;
-    private scrollHandlers;
-    /** Non-passive touchmove handlers on header panes that cancel iOS touch scrolling. */
-    private headerTouchMoveHandlers;
-    private config;
-    /** Guard to avoid re-entrancy when we programmatically set scrollLeft on other panes */
-    private isSyncing;
-    /** Last scrollLeft at which we ran main-section virtualization; used to run heavy ops only every N px. */
-    private lastMainVirtualizationScrollLeft;
-    /**
-     * True while a touch-driven scroll (including post-release momentum) is in progress on a body
-     * pane. While true, we must not write scrollLeft to scroll-container followers (the horizontal
-     * scrollbar), because on iOS that cancels the body's inertial momentum. Such followers are
-     * reconciled once scrolling settles.
-     */
-    private isTouchScrolling;
-    /** Scroll-idle timer used to detect the end of a touch-driven scroll (incl. momentum). */
-    private touchSettleTimeoutId;
-    constructor(config?: SectionScrollControllerConfig);
-    updateConfig(config: Partial<SectionScrollControllerConfig>): void;
-    /**
-     * Register a pane (sticky, scrollbar, header, or body) for a section.
-     * When any registered pane scrolls, the others in the same section are updated.
-     * If a pane with the same role was already registered (e.g. after re-render), it is replaced.
-     */
-    registerPane(sectionId: SectionId, element: HTMLElement, role: SectionPaneRole): void;
-    /**
-     * Unregister a pane (e.g. when section is removed or re-created).
-     */
-    unregisterPane(sectionId: SectionId, element: HTMLElement): void;
-    /**
-     * Unregister all panes for a section (e.g. on cleanup).
-     */
-    unregisterSection(sectionId: SectionId): void;
-    /**
-     * Set scroll position for a section. Updates state and all registered panes.
-     * Used when a pane fires scroll and when restoring after render.
-     */
-    setSectionScrollLeft(sectionId: SectionId, value: number): void;
-    getSectionScrollLeft(sectionId: SectionId): number;
-    /**
-     * Restore scroll position to all registered panes from stored state (e.g. after render).
-     */
-    restoreAll(): void;
-    private addScrollListener;
-    /**
-     * Track touch-driven scrolling on a body pane. While a touch (and its post-release momentum) is
-     * active, scroll-container followers (the horizontal scrollbar) are not written, to preserve iOS
-     * momentum; they are reconciled when scrolling settles.
-     */
-    private addTouchTracking;
-    /**
-     * (Re)arm the scroll-idle timer that marks the end of a touch-driven scroll. When it fires (no
-     * scroll for the idle window, i.e. momentum has stopped), reconcile scroll-container followers
-     * (the scrollbar) to the final position, which we deliberately skipped during the touch scroll.
-     */
-    private scheduleTouchSettle;
-    private removeScrollListener;
-    destroy(): void;
-}