@tensor_1/react 2.31.0 → 2.33.0

package/dist/hooks/useVirtualRows.js

@@ -1,7 +1,7 @@
 "use client";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { shouldVirtualize, virtualWindow } from "../table-engine.js";
-function useVirtualRows(rows, { rowHeight, overscan = 6, threshold = 100 }) {
+function useVirtualRows(rows, { rowHeight, overscan = 6, threshold = 100, estimatedViewportHeight = 0, enabled = true }) {
   const containerRef = useRef(null);
   const [viewport, setViewport] = useState({ scrollTop: 0, height: 0 });
   useLayoutEffect(() => {
@@ -29,10 +29,11 @@ function useVirtualRows(rows, { rowHeight, overscan = 6, threshold = 100 }) {
       if (frame) cancelAnimationFrame(frame);
     };
   }, []);
-  const enabled = viewport.height > 0 && shouldVirtualize(rows.length, threshold);
+  const height = viewport.height > 0 ? viewport.height : Math.max(0, estimatedViewportHeight);
+  const virtualized = enabled && height > 0 && shouldVirtualize(rows.length, threshold);
   const window = useMemo(
-    () => enabled ? virtualWindow(viewport.scrollTop, viewport.height, rowHeight, rows.length, overscan) : { start: 0, end: rows.length, padTop: 0, padBottom: 0, total: rows.length * rowHeight },
-    [enabled, overscan, rowHeight, rows.length, viewport.height, viewport.scrollTop]
+    () => virtualized ? virtualWindow(viewport.scrollTop, height, rowHeight, rows.length, overscan) : { start: 0, end: rows.length, padTop: 0, padBottom: 0, total: rows.length * rowHeight },
+    [virtualized, overscan, rowHeight, rows.length, height, viewport.scrollTop]
   );
   const visibleRows = useMemo(() => rows.slice(window.start, window.end), [rows, window.start, window.end]);
   return {
@@ -42,7 +43,7 @@ function useVirtualRows(rows, { rowHeight, overscan = 6, threshold = 100 }) {
     padTop: window.padTop,
     padBottom: window.padBottom,
     totalHeight: window.total,
-    virtualized: enabled
+    virtualized
   };
 }
 export {

package/dist/icons/Icon.d.ts

@@ -5,13 +5,22 @@ import { IconNode, UixIcon, IconProps } from './types.js';
 /** Renders a glyph as an inline SVG; the props contract shared by every icon. */
 declare function renderIcon(node: IconNode, { size, tone, label, strokeWidth, className, style, ...rest }: IconProps, ref?: unknown): react.ReactElement<{
     string?: number | string | undefined | undefined;
-    r?: number | string | undefined | undefined;
+    filter?: string | undefined | undefined;
+    values?: string | undefined | undefined;
+    fill: string;
+    color?: string | undefined | undefined;
+    fontStyle?: number | string | undefined | undefined;
+    fontWeight?: number | string | undefined | undefined;
+    fontSize?: number | string | undefined | undefined;
+    fontFamily?: string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    height?: number | string | undefined | undefined;
     type?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     z?: number | string | undefined | undefined;
-    color?: string | undefined | undefined;
     opacity?: number | string | undefined | undefined;
+    r?: number | string | undefined | undefined;
+    id?: string | undefined | undefined;
+    name?: string | undefined | undefined;
     x?: number | string | undefined | undefined;
     y?: number | string | undefined | undefined;
     cursor?: number | string | undefined | undefined;
@@ -19,11 +28,6 @@ declare function renderIcon(node: IconNode, { size, tone, label, strokeWidth, cl
     clipPath?: string | undefined | undefined;
     radius?: number | string | undefined | undefined;
     media?: string | undefined | undefined;
-    fontStyle?: number | string | undefined | undefined;
-    fontWeight?: number | string | undefined | undefined;
-    fontSize?: number | string | undefined | undefined;
-    fontFamily?: string | undefined | undefined;
-    height?: number | string | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     lang?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
@@ -250,12 +254,10 @@ declare function renderIcon(node: IconNode, { size, tone, label, strokeWidth, cl
     local?: number | string | undefined | undefined;
     hanging?: number | string | undefined | undefined;
     unicode?: number | string | undefined | undefined;
-    fill: string;
     clip?: number | string | undefined | undefined;
     stroke: string;
-    filter?: string | undefined | undefined;
-    values?: string | undefined | undefined;
     offset?: number | string | undefined | undefined;
+    capHeight?: number | string | undefined | undefined;
     dy?: number | string | undefined | undefined;
     dx?: number | string | undefined | undefined;
     transform?: string | undefined | undefined;
@@ -265,7 +267,6 @@ declare function renderIcon(node: IconNode, { size, tone, label, strokeWidth, cl
     method?: string | undefined | undefined;
     min?: number | string | undefined | undefined;
     target?: string | undefined | undefined;
-    width?: number | string | undefined | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: number | string | undefined | undefined;
     additive?: "replace" | "sum" | undefined | undefined;
@@ -286,7 +287,6 @@ declare function renderIcon(node: IconNode, { size, tone, label, strokeWidth, cl
     bias?: number | string | undefined | undefined;
     by?: number | string | undefined | undefined;
     calcMode?: number | string | undefined | undefined;
-    capHeight?: number | string | undefined | undefined;
     clipPathUnits?: number | string | undefined | undefined;
     clipRule?: number | string | undefined | undefined;
     colorInterpolation?: number | string | undefined | undefined;