virtua 0.13.0 → 0.15.0

package/lib/react/ListItem.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties, ReactElement, ReactNode } from "react";
-import { VirtualStore } from "../core/store";
 import { ListResizer } from "../core/resizer";
 /**
  * Props of customized item component for {@link VList}.
@@ -12,10 +11,11 @@ export type CustomItemComponent = React.ForwardRefExoticComponent<React.PropsWit
 type ListItemProps = {
     _children: ReactNode;
     _resizer: ListResizer;
-    _store: VirtualStore;
     _index: number;
+    _offset: number;
+    _hide: boolean;
     _element: "div";
     _isHorizontal: boolean;
 };
-export declare const ListItem: import("react").MemoExoticComponent<({ _children: children, _resizer: resizer, _store: store, _index: index, _element: Element, _isHorizontal: isHorizontal, }: ListItemProps) => ReactElement>;
+export declare const ListItem: import("react").MemoExoticComponent<({ _children: children, _resizer: resizer, _index: index, _offset: offset, _hide: hide, _element: Element, _isHorizontal: isHorizontal, }: ListItemProps) => ReactElement>;
 export {};

package/lib/react/VGrid.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from "react";
-import { CustomViewportComponent, ViewportComponentAttributes } from "..";
+import { CustomViewportComponent, ViewportComponentAttributes } from "./Viewport";
 /**
  * Props of customized cell component for {@link VGrid}.
  */

package/lib/react/VList.d.ts

@@ -1,8 +1,7 @@
 import { ReactNode } from "react";
-import { ViewportComponentAttributes } from "..";
-import { CustomViewportComponent } from "./Viewport";
+import { CustomViewportComponent, ViewportComponentAttributes } from "./Viewport";
 import { CustomItemComponent } from "./ListItem";
-import { CacheSnapshot, ScrollToIndexAlign } from "../core/types";
+import { CacheSnapshot, ScrollToIndexOpts } from "../core/types";
 type CustomItemComponentOrElement = keyof JSX.IntrinsicElements | CustomItemComponent;
 /**
  * Methods of {@link VList}.
@@ -27,9 +26,9 @@ export interface VListHandle {
     /**
      * Scroll to the item specified by index.
      * @param index index of item
-     * @param align alignment of item
+     * @param opts options
      */
-    scrollToIndex(index: number, align?: ScrollToIndexAlign): void;
+    scrollToIndex(index: number, opts?: ScrollToIndexOpts): void;
     /**
      * Scroll to the given offset.
      * @param offset offset from start

package/lib/react/WVList.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import { CacheSnapshot, ViewportComponentAttributes } from "..";
-import { CustomViewportComponent } from "./Viewport";
+import { CacheSnapshot } from "../core/types";
+import { CustomViewportComponent, ViewportComponentAttributes } from "./Viewport";
 import { CustomItemComponent } from "./ListItem";
 type CustomItemComponentOrElement = keyof JSX.IntrinsicElements | CustomItemComponent;
 /**

package/lib/react/useRerender.d.ts

@@ -0,0 +1 @@
+export declare const useRerender: () => (() => void);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "virtua",
-  "version": "0.13.0",
-  "description": "A zero-config, fast and small (~3kB) virtual list and grid component for React.",
+  "version": "0.15.0",
+  "description": "A zero-config, fast and small (~3kB) virtual list (and grid) component for React.",
   "main": "lib/index.js",
   "module": "lib/index.mjs",
   "types": "lib/index.d.ts",
@@ -37,55 +37,54 @@
     "@dnd-kit/sortable": "7.0.2",
     "@emotion/react": "11.10.8",
     "@emotion/styled": "11.10.8",
-    "@faker-js/faker": "8.1.0",
+    "@faker-js/faker": "8.2.0",
     "@mui/material": "5.14.11",
-    "@playwright/test": "^1.37.0",
+    "@playwright/test": "^1.39.0",
     "@radix-ui/colors": "2.1.0",
     "@radix-ui/react-scroll-area": "1.0.5",
-    "@rollup/plugin-babel": "6.0.3",
-    "@rollup/plugin-terser": "0.4.3",
-    "@rollup/plugin-typescript": "11.1.4",
-    "@size-limit/preset-small-lib": "^9.0.0",
-    "@storybook/addon-storysource": "7.4.5",
-    "@storybook/react": "7.4.5",
-    "@storybook/react-vite": "^7.4.5",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-typescript": "11.1.5",
+    "@size-limit/preset-small-lib": "^10.0.1",
+    "@storybook/addon-storysource": "7.5.1",
+    "@storybook/react": "7.5.1",
+    "@storybook/react-vite": "^7.5.1",
     "@storybook/test-runner": "0.13.0",
     "@tanstack/react-virtual": "3.0.0-alpha.0",
     "@testing-library/react": "14.0.0",
-    "@types/react": "18.2.23",
+    "@types/react": "18.2.31",
     "@types/react-beautiful-dnd": "13.1.4",
-    "@types/react-virtualized": "9.21.22",
-    "@types/react-window": "1.8.5",
-    "@typescript-eslint/parser": "6.7.4",
+    "@types/react-virtualized": "9.21.26",
+    "@types/react-window": "1.8.7",
+    "@typescript-eslint/parser": "6.9.0",
     "concurrently": "8.2.0",
-    "eslint": "8.50.0",
+    "eslint": "8.52.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "jest": "29.6.2",
-    "jest-environment-jsdom": "29.6.2",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "re-resizable": "6.9.11",
     "react": "18.2.0",
     "react-beautiful-dnd": "13.1.1",
     "react-content-loader": "6.2.1",
-    "react-cool-virtual": "0.7.0",
     "react-dom": "18.2.0",
     "react-is": "18.2.0",
     "react-merge-refs": "2.0.2",
     "react-pull-to-refresh": "2.0.1",
     "react-select": "5.7.4",
     "react-virtualized": "9.22.5",
-    "react-virtuoso": "4.6.0",
+    "react-virtuoso": "4.6.2",
     "react-window": "1.8.9",
     "rimraf": "5.0.1",
-    "rollup": "3.29.4",
+    "rollup": "4.1.4",
     "rollup-plugin-banner2": "1.2.2",
-    "size-limit": "^9.0.0",
-    "storybook": "^7.4.5",
+    "size-limit": "^10.0.1",
+    "storybook": "^7.5.1",
     "ts-jest": "29.1.1",
     "typedoc": "0.24.8",
     "typedoc-plugin-markdown": "3.15.4",
-    "typescript": "5.1.6",
-    "virtua": "^0.11.0",
-    "vite": "4.4.9",
+    "typescript": "5.2.2",
+    "virtua": "^0.14.0",
+    "vite": "4.5.0",
     "wait-on": "7.0.1"
   },
   "peerDependencies": {
@@ -105,6 +104,7 @@
     "grid",
     "table",
     "flex",
+    "scroll",
     "scroller",
     "scrolling",
     "virtual",

package/lib/react/useSelector.d.ts

@@ -1,2 +0,0 @@
-import { VirtualStore } from "../core/store";
-export declare const useSelector: <T>(store: VirtualStore, getSnapShot: () => T, target: number, shouldGetLatest?: boolean) => T;