simple-table-core 2.6.3 → 2.6.6

package/dist/utils/columnVirtualizationUtils.d.ts

@@ -0,0 +1,86 @@
+import HeaderObject, { Accessor } from "../types/HeaderObject";
+import { Pinned } from "../types/Pinned";
+/**
+ * Column virtualization for the horizontally-scrollable (main) section.
+ *
+ * This mirrors the row virtualization approach (cumulative position map + binary
+ * search + asymmetric overscan) but for columns. The algorithm is ported from the
+ * `main` branch's `columnVirtualizationUtils.ts`; the integration differs: instead of
+ * recomputing CSS grid offsets, v2 keeps the full `grid-template-columns` track list
+ * and places each rendered cell into its real track via `grid-column`, so the leaf
+ * order here must match the grid produced by `createGridTemplateColumns`. That is
+ * guaranteed by deriving the leaf list from the shared `flattenColumnsForGrid`.
+ */
+/**
+ * Precomputed cumulative width data for O(1) column position lookups and
+ * O(log n) viewport calculations (analogous to CumulativeHeightMap for rows).
+ */
+export interface CumulativeWidthMap {
+    /** Left pixel position of each leaf column (index i -> left of column i) */
+    columnLeftPositions: number[];
+    /** Total nominal width of all leaf columns combined */
+    totalWidth: number;
+    /** Ordered leaf headers, 1:1 with the section's grid tracks */
+    leafHeaders: HeaderObject[];
+}
+/**
+ * Resolve a header's column width to pixels for position math.
+ *
+ * Only fixed widths (number or "Npx") are exact. fr/%/minmax/auto layouts can't be
+ * resolved without measuring the DOM, so we fall back to the column's numeric
+ * minWidth or a sensible default. This only affects which columns are *selected* for
+ * the window (mitigated by overscan); placement stays correct because cells are
+ * positioned by their real grid track via `grid-column`.
+ */
+export declare const getColumnWidthInPixels: (header: HeaderObject) => number;
+/**
+ * Build a cumulative width map for a section's headers. The leaf order matches the
+ * grid tracks created by `createGridTemplateColumns` (both use `flattenColumnsForGrid`).
+ */
+export declare const buildCumulativeWidthMap: ({ headers, collapsedHeaders, }: {
+    headers: HeaderObject[];
+    collapsedHeaders?: Set<string> | undefined;
+}) => CumulativeWidthMap;
+/**
+ * Find the leaf column index at a given horizontal scroll position using binary
+ * search. Returns the index of the column that contains (or is closest to) the
+ * position. Analogous to `findRowAtScrollPosition` for rows.
+ */
+export declare const findColumnAtScrollPosition: (scrollLeft: number, widthMap: CumulativeWidthMap) => number;
+/**
+ * Calculate the visible leaf columns for the viewport, with an overscan buffer.
+ * Returns the [startIndex, endIndex) range into the section's leaf array plus the
+ * leaf header objects in that range. Analogous to `getViewportCalculations` for rows.
+ */
+export declare const getVisibleColumns: ({ scrollLeft, viewportWidth, bufferColumnCount, scrollDirection, widthMap, }: {
+    scrollLeft: number;
+    viewportWidth: number;
+    bufferColumnCount: number;
+    scrollDirection?: "left" | "right" | "none" | undefined;
+    widthMap: CumulativeWidthMap;
+}) => {
+    startIndex: number;
+    endIndex: number;
+    columns: HeaderObject[];
+};
+/**
+ * Build the set of leaf accessors that should render for the current horizontal
+ * viewport, plus a map from accessor to its grid track index (0-based) so cells can
+ * be placed with `grid-column: <index + 1>`. Pinned sections never virtualize, so
+ * callers pass `null` to disable windowing.
+ */
+export interface ColumnWindow {
+    /** Leaf accessors currently within the viewport (+overscan) */
+    visibleAccessors: Set<Accessor>;
+    /** Leaf accessor -> 0-based grid track index within the section */
+    trackIndexByAccessor: Map<Accessor, number>;
+}
+export declare const buildColumnWindow: ({ headers, collapsedHeaders, scrollLeft, viewportWidth, bufferColumnCount, scrollDirection, pinned, }: {
+    headers: HeaderObject[];
+    collapsedHeaders?: Set<string> | undefined;
+    scrollLeft: number;
+    viewportWidth: number;
+    bufferColumnCount: number;
+    scrollDirection?: "left" | "right" | "none" | undefined;
+    pinned?: Pinned | undefined;
+}) => ColumnWindow | null;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.6.3",
+  "version": "2.6.6",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",

package/dist/Animate-60695947.js

@@ -1,2 +0,0 @@
-import{_ as n,u as i,a as t,c as o,b as e,A as a,d as r,f as l,R as d}from"./index-b46195cc.js";import{jsx as u}from"react/jsx-runtime";import{useRef as f,useMemo as s,useLayoutEffect as v}from"react";var m=function(m){var p=m.children,h=m.id,c=m.parentRef,M=m.tableRow,Y=n(m,["children","id","parentRef","tableRow"]),C=i(),g=C.allowAnimations,b=C.isResizing,x=C.isScrolling,R=C.rowHeight,j=f(null),A=f(null),B=t(x),w=t(b),_=s(function(){return o(R)},[R]);return v(function(){var n,i,t,o;if(g&&j.current&&!b){var u=j.current.getBoundingClientRect(),f=A.current;if(!x)if(!B||x)if(!w||b){if(A.current=u,f){var s=u.x-f.x,v=u.y-f.y;if((Math.abs(s)>=50||Math.abs(v)>5)&&(Math.abs(s)>5||Math.abs(v)>5)){var m=e(e({},a.ROW_REORDER),{onComplete:function(){j.current&&(j.current.style.zIndex="",j.current.style.position="",j.current.style.top="")}}),p=null===(n=null==c?void 0:c.current)||void 0===n?void 0:n.scrollTop,h=null===(i=null==c?void 0:c.current)||void 0===i?void 0:i.clientHeight,Y=null===(t=null==c?void 0:c.current)||void 0===t?void 0:t.scrollHeight;if(void 0!==p&&void 0!==h&&void 0!==Y){var C=_*(R+d),k=p-C,q=p+h+C,y=f.y>k&&q>f.y,z=u.y>k&&q>u.y,D=p>u.y,E=null!==(o=null==M?void 0:M.position)&&void 0!==o?o:0,F=.6*R,G=function(n,i,t){return Math.min(900,Math.max(100,100+80*Math.log10(Math.max(1,Math.min(Math.abs(n-i),Math.abs(n-t))))))};if(y&&!z&&u.y>p+h){var H=G(u.y,p,p+h);return void r({element:j.current,options:{startY:f.y,endY:p+h+H+E%15*F*2.5+E%7*.4*R,finalY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}})}if(y&&!z&&D)return H=G(u.y,p,p+h),void r({element:j.current,options:{startY:f.y,endY:p-H-E%15*F*2.5-E%7*.4*R,finalY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}});if(!y&&z&&f.y>p+h)return H=G(f.y,p,p+h),void r({element:j.current,options:{startY:p+h+H+E%10*F*1,endY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}});if(!y&&z&&p>f.y)return H=G(f.y,p,p+h),void r({element:j.current,options:{startY:p-H-E%10*F*1,endY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}})}l({element:j.current,fromBounds:f,toBounds:u,finalConfig:m})}}}else A.current=u;else A.current=u}},[g,_,b,x,c,B,w,R,null==M?void 0:M.position,M]),u("div",e({ref:j,"data-animate-id":h,id:h+""},Y,{children:p}))};m.displayName="Animate";export{m as Animate,m as default};
-//# sourceMappingURL=Animate-60695947.js.map

package/dist/Animate-60695947.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animate-60695947.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DatePicker-f7a6a949.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker-f7a6a949.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Animate-5abc33cc.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./index-1fd4e5b3.js"),e=require("react/jsx-runtime"),i=require("react"),t=function(t){var o=t.children,r=t.id,a=t.parentRef,l=t.tableRow,d=n.__rest(t,["children","id","parentRef","tableRow"]),u=n.useTableContext(),v=u.allowAnimations,f=u.isResizing,s=u.isScrolling,m=u.rowHeight,h=i.useRef(null),p=i.useRef(null),M=n.usePrevious(s),c=n.usePrevious(f),Y=i.useMemo(function(){return n.calculateBufferRowCount(m)},[m]);return i.useLayoutEffect(function(){var e,i,t,o;if(v&&h.current&&!f){var r=h.current.getBoundingClientRect(),d=p.current;if(!s)if(!M||s)if(!c||f){if(p.current=r,d){var u=r.x-d.x,C=r.y-d.y;if((Math.abs(u)>=50||Math.abs(C)>5)&&(Math.abs(u)>5||Math.abs(C)>5)){var g=n.__assign(n.__assign({},n.ANIMATION_CONFIGS.ROW_REORDER),{onComplete:function(){h.current&&(h.current.style.zIndex="",h.current.style.position="",h.current.style.top="")}}),x=null===(e=null==a?void 0:a.current)||void 0===e?void 0:e.scrollTop,q=null===(i=null==a?void 0:a.current)||void 0===i?void 0:i.clientHeight,b=null===(t=null==a?void 0:a.current)||void 0===t?void 0:t.scrollHeight;if(void 0!==x&&void 0!==q&&void 0!==b){var j=Y*(m+n.ROW_SEPARATOR_WIDTH),B=x-j,R=x+q+j,w=d.y>B&&R>d.y,A=r.y>B&&R>r.y,k=x>r.y,y=null!==(o=null==l?void 0:l.position)&&void 0!==o?o:0,z=.6*m,D=function(n,e,i){return Math.min(900,Math.max(100,100+80*Math.log10(Math.max(1,Math.min(Math.abs(n-e),Math.abs(n-i))))))};if(w&&!A&&r.y>x+q){var E=D(r.y,x,x+q);return void n.animateWithCustomCoordinates({element:h.current,options:{startY:d.y,endY:x+q+E+y%15*z*2.5+y%7*.4*m,finalY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}})}if(w&&!A&&k)return E=D(r.y,x,x+q),void n.animateWithCustomCoordinates({element:h.current,options:{startY:d.y,endY:x-E-y%15*z*2.5-y%7*.4*m,finalY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}});if(!w&&A&&d.y>x+q)return E=D(d.y,x,x+q),void n.animateWithCustomCoordinates({element:h.current,options:{startY:x+q+E+y%10*z*1,endY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}});if(!w&&A&&x>d.y)return E=D(d.y,x,x+q),void n.animateWithCustomCoordinates({element:h.current,options:{startY:x-E-y%10*z*1,endY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}})}n.flipElement({element:h.current,fromBounds:d,toBounds:r,finalConfig:g})}}}else p.current=r;else p.current=r}},[v,Y,f,s,a,M,c,m,null==l?void 0:l.position,l]),e.jsx("div",n.__assign({ref:h,"data-animate-id":r,id:r+""},d,{children:o}))};t.displayName="Animate",exports.Animate=t,exports.default=t;
-//# sourceMappingURL=Animate-5abc33cc.js.map

package/dist/cjs/Animate-5abc33cc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animate-5abc33cc.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/DatePicker-8be26322.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker-8be26322.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}