virtua 0.4.2 → 0.4.4

package/lib/react/VGrid.d.ts

@@ -98,7 +98,7 @@ export interface VGridProps extends WindowComponentAttributes {
     rtl?: boolean;
     /**
      * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.
-     * @defaultValue {@link DefaultWindow}
+     * @defaultValue {@link Window}
      */
     element?: CustomWindowComponent;
     /**

package/lib/react/VList.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { WindowComponentAttributes } from "..";
-import { CustomWindowComponent } from "./DefaultWindow";
+import { CustomWindowComponent } from "./Window";
 import { CustomItemComponent } from "./ListItem";
 export type ScrollMode = "reverse" | "rtl";
 type CustomItemComponentOrElement = keyof JSX.IntrinsicElements | CustomItemComponent;
@@ -73,7 +73,7 @@ export interface VListProps extends WindowComponentAttributes {
     mode?: ScrollMode;
     /**
      * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.
-     * @defaultValue {@link DefaultWindow}
+     * @defaultValue {@link Window}
      */
     element?: CustomWindowComponent;
     /**

package/lib/react/WVList.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from "react";
 import { WindowComponentAttributes } from "..";
-import { CustomWindowComponent } from "./DefaultWindow";
+import { CustomWindowComponent } from "./Window";
 import { CustomItemComponent } from "./ListItem";
 type CustomItemComponentOrElement = keyof JSX.IntrinsicElements | CustomItemComponent;
 /**
@@ -33,7 +33,7 @@ export interface WVListProps extends WindowComponentAttributes {
     horizontal?: boolean;
     /**
      * Customized element type for scrollable element. This element will get {@link CustomWindowComponentProps} as props.
-     * @defaultValue {@link DefaultWindow}
+     * @defaultValue {@link Window}
      */
     element?: CustomWindowComponent;
     /**
@@ -41,11 +41,6 @@ export interface WVListProps extends WindowComponentAttributes {
      * @defaultValue "div"
      */
     itemElement?: CustomItemComponentOrElement;
-    /**
-     * Callback invoked whenever scroll offset changes.
-     * @param offset Current scrollTop or scrollLeft.
-     */
-    onScroll?: (offset: number) => void;
     /**
      * Callback invoked when scrolling stops.
      */
@@ -71,5 +66,5 @@ export interface WVListProps extends WindowComponentAttributes {
 /**
  * Virtualized list component controlled by the window scrolling. See {@link WVListProps}.
  */
-export declare const WVList: ({ children, overscan, initialItemSize, initialItemCount, horizontal: horizontalProp, element, itemElement, onScroll: onScrollProp, onScrollStop: onScrollStopProp, onRangeChange: onRangeChangeProp, ...windowAttrs }: WVListProps) => ReactElement;
+export declare const WVList: ({ children, overscan, initialItemSize, initialItemCount, horizontal: horizontalProp, element: Window, itemElement, onScrollStop: onScrollStopProp, onRangeChange: onRangeChangeProp, ...windowAttrs }: WVListProps) => ReactElement;
 export {};

package/lib/react/{DefaultWindow.d.ts → Window.d.ts}

@@ -25,5 +25,5 @@ export interface CustomWindowComponentProps {
      */
     scrolling: boolean;
 }
-export declare const DefaultWindow: import("react").ForwardRefExoticComponent<CustomWindowComponentProps & import("react").RefAttributes<any>>;
-export type CustomWindowComponent = typeof DefaultWindow;
+export declare const Window: import("react").ForwardRefExoticComponent<CustomWindowComponentProps & import("react").RefAttributes<any>>;
+export type CustomWindowComponent = typeof Window;

package/lib/react/useSelector.d.ts

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

package/lib/react/utils.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from "react";
+import { ReactElement, ReactFragment, ReactNode } from "react";
 export declare const refKey = "current";
-export declare const isInvalidElement: <T extends ReactNode>(e: T) => e is Extract<T, boolean | null | undefined>;
+export declare const flattenChildren: (children: ReactNode) => (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactFragment)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtua",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "A zero-config, fast and small (~3kB) virtual list and grid component for React.",
   "main": "lib/index.js",
   "module": "lib/index.mjs",
@@ -30,26 +30,26 @@
     "@emotion/styled": "11.10.8",
     "@faker-js/faker": "8.0.2",
     "@mui/material": "5.12.3",
-    "@playwright/test": "^1.34.3",
+    "@playwright/test": "^1.36.1",
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-terser": "0.4.3",
     "@rollup/plugin-typescript": "11.1.2",
     "@size-limit/preset-small-lib": "^8.2.6",
-    "@storybook/addon-docs": "7.0.18",
-    "@storybook/react": "7.0.18",
-    "@storybook/react-vite": "^7.0.18",
-    "@storybook/test-runner": "0.10.0",
+    "@storybook/addon-docs": "7.1.0",
+    "@storybook/react": "7.1.0",
+    "@storybook/react-vite": "^7.1.0",
+    "@storybook/test-runner": "0.11.0",
     "@tanstack/react-virtual": "3.0.0-alpha.0",
     "@testing-library/react": "14.0.0",
     "@types/react": "18.2.14",
     "@types/react-virtualized": "9.21.22",
     "@types/react-window": "1.8.5",
-    "@typescript-eslint/parser": "5.59.2",
-    "concurrently": "8.0.1",
-    "eslint": "8.42.0",
+    "@typescript-eslint/parser": "6.1.0",
+    "concurrently": "8.2.0",
+    "eslint": "8.45.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "jest": "29.5.0",
-    "jest-environment-jsdom": "29.5.0",
+    "jest": "29.6.1",
+    "jest-environment-jsdom": "29.6.1",
     "re-resizable": "6.9.9",
     "react": "18.2.0",
     "react-content-loader": "6.2.1",
@@ -60,19 +60,19 @@
     "react-pull-to-refresh": "2.0.1",
     "react-select": "5.7.3",
     "react-virtualized": "9.22.5",
-    "react-virtuoso": "4.3.11",
+    "react-virtuoso": "4.4.1",
     "react-window": "1.8.9",
     "rimraf": "5.0.0",
     "rollup": "3.23.0",
     "rollup-plugin-banner2": "1.2.2",
     "size-limit": "^8.2.6",
-    "storybook": "^7.0.18",
+    "storybook": "^7.1.0",
     "ts-jest": "29.1.0",
     "typedoc": "0.24.7",
     "typedoc-plugin-markdown": "3.15.3",
-    "typescript": "5.1.3",
-    "virtua": "^0.4.0",
-    "vite": "4.3.9",
+    "typescript": "5.1.6",
+    "virtua": "^0.4.3",
+    "vite": "4.4.4",
     "wait-on": "7.0.1"
   },
   "peerDependencies": {

package/lib/react/useStore.d.ts

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