virtua 0.10.0 → 0.12.0

package/lib/react/ListItem.d.ts

@@ -16,7 +16,6 @@ type ListItemProps = {
     _index: number;
     _element: "div";
     _isHorizontal: boolean;
-    _isRtl: boolean;
 };
-export declare const ListItem: import("react").MemoExoticComponent<({ _children: children, _resizer: resizer, _store: store, _index: index, _element: Element, _isHorizontal: isHorizontal, _isRtl: isRtl, }: ListItemProps) => ReactElement>;
+export declare const ListItem: import("react").MemoExoticComponent<({ _children: children, _resizer: resizer, _store: store, _index: index, _element: Element, _isHorizontal: isHorizontal, }: ListItemProps) => ReactElement>;
 export {};

package/lib/react/VGrid.d.ts

@@ -92,10 +92,6 @@ export interface VGridProps extends ViewportComponentAttributes {
      * If set, the specified amount of cols will be mounted in the initial rendering regardless of the container size. This prop is mostly for SSR.
      */
     initialColCount?: number;
-    /**
-     * You have to set true if you use this component under `direction: rtl` style.
-     */
-    rtl?: boolean;
     /**
      * Customized components for advanced usage.
      */

package/lib/react/VList.d.ts

@@ -3,7 +3,6 @@ import { ViewportComponentAttributes } from "..";
 import { CustomViewportComponent } from "./Viewport";
 import { CustomItemComponent } from "./ListItem";
 import { CacheSnapshot, ScrollToIndexAlign } from "../core/types";
-export type ScrollMode = "reverse" | "rtl";
 type CustomItemComponentOrElement = keyof JSX.IntrinsicElements | CustomItemComponent;
 /**
  * Methods of {@link VList}.
@@ -75,12 +74,9 @@ export interface VListProps extends ViewportComponentAttributes {
      */
     horizontal?: boolean;
     /**
-     * Scroll modes that should be set in certain situations.
-     *
-     * - `reverse`: This mode will adjust some styles to be suitable for bottom-to-top scrolling.
-     * - `rtl`: You have to set this mode if you use this component under `direction: rtl` style.
+     * If true, some styles will be adjusted to be suitable for bottom-to-top scrolling.
      */
-    mode?: ScrollMode;
+    reverse?: boolean;
     /**
      * You can restore cache by passing a {@link CacheSnapshot} on mount. This is useful when you want to restore scroll position after navigation. The snapshot can be obtained from {@link VListHandle.cache}.
      */

package/lib/react/index.d.ts

@@ -1,5 +1,5 @@
 export { VList } from "./VList";
-export type { VListProps, VListHandle, ScrollMode } from "./VList";
+export type { VListProps, VListHandle } from "./VList";
 export { VGrid } from "./VGrid";
 export type { VGridProps, VGridHandle, CustomCellComponent, CustomCellComponentProps, } from "./VGrid";
 export { WVList } from "./WVList";

package/lib/react/utils.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactFragment, ReactNode } from "react";
+import { ScrollDirection } from "../core/store";
 export declare const refKey = "current";
 export declare const emptyComponents: {};
 type ItemElement = ReactElement | ReactFragment | string | number;
@@ -6,4 +7,6 @@ export declare const flattenChildren: (children: ReactNode) => ItemElement[];
 export type MayHaveKey = {
     key?: React.Key;
 };
+export declare const clampStartIndex: (startIndex: number, overscan: number, scrollDirection: ScrollDirection) => number;
+export declare const clampEndIndex: (endIndex: number, overscan: number, scrollDirection: ScrollDirection, count: number) => number;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtua",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "A zero-config, fast and small (~3kB) virtual list and grid component for React.",
   "main": "lib/index.js",
   "module": "lib/index.mjs",
@@ -23,6 +23,7 @@
     "test": "jest --silent",
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
     "storybook": "storybook dev -p 6006",
+    "storybook:rtl": "STORYBOOK_RTL=1 npm run storybook",
     "storybook:build": "storybook build",
     "storybook:test": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npm run storybook -- --quiet --no-open\" \"wait-on tcp:6006 && test-storybook\"",
     "e2e": "npx playwright test",
@@ -36,28 +37,28 @@
     "@dnd-kit/sortable": "7.0.2",
     "@emotion/react": "11.10.8",
     "@emotion/styled": "11.10.8",
-    "@faker-js/faker": "8.0.2",
-    "@mui/material": "5.14.7",
+    "@faker-js/faker": "8.1.0",
+    "@mui/material": "5.14.11",
     "@playwright/test": "^1.37.0",
     "@radix-ui/colors": "2.1.0",
-    "@radix-ui/react-scroll-area": "1.0.4",
+    "@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.3",
-    "@size-limit/preset-small-lib": "^8.2.6",
-    "@storybook/addon-storysource": "7.2.3",
-    "@storybook/react": "7.2.3",
-    "@storybook/react-vite": "^7.2.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",
     "@storybook/test-runner": "0.13.0",
     "@tanstack/react-virtual": "3.0.0-alpha.0",
     "@testing-library/react": "14.0.0",
-    "@types/react": "18.2.21",
+    "@types/react": "18.2.23",
     "@types/react-beautiful-dnd": "13.1.4",
     "@types/react-virtualized": "9.21.22",
     "@types/react-window": "1.8.5",
-    "@typescript-eslint/parser": "6.3.0",
+    "@typescript-eslint/parser": "6.7.4",
     "concurrently": "8.2.0",
-    "eslint": "8.47.0",
+    "eslint": "8.50.0",
     "eslint-plugin-react-hooks": "4.6.0",
     "jest": "29.6.2",
     "jest-environment-jsdom": "29.6.2",
@@ -72,18 +73,18 @@
     "react-pull-to-refresh": "2.0.1",
     "react-select": "5.7.4",
     "react-virtualized": "9.22.5",
-    "react-virtuoso": "4.5.0",
+    "react-virtuoso": "4.6.0",
     "react-window": "1.8.9",
     "rimraf": "5.0.1",
-    "rollup": "3.28.0",
+    "rollup": "3.29.4",
     "rollup-plugin-banner2": "1.2.2",
-    "size-limit": "^8.2.6",
-    "storybook": "^7.2.3",
+    "size-limit": "^9.0.0",
+    "storybook": "^7.4.5",
     "ts-jest": "29.1.1",
     "typedoc": "0.24.8",
     "typedoc-plugin-markdown": "3.15.4",
     "typescript": "5.1.6",
-    "virtua": "^0.7.0",
+    "virtua": "^0.11.0",
     "vite": "4.4.9",
     "wait-on": "7.0.1"
   },