New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@af-utils/virtual-react

Package Overview
Dependencies
Maintainers
0
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@af-utils/virtual-react - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

5

dist/index.d.ts

@@ -175,6 +175,3 @@ /**

*/
export declare const useSyncedStyles: (model: VirtualScroller) => [
(outerRef: HTMLElement | null) => void,
(innerRef: HTMLElement | null) => void
];
export declare const useSyncedStyles: (model: VirtualScroller) => [(outerRef: HTMLElement | null) => void, (innerRef: HTMLElement | null) => void];

@@ -181,0 +178,0 @@ /**

19

dist/index.js

@@ -17,10 +17,10 @@ // src/utils/rangeMappers/index.ts

// src/hooks/useSyncedStyles/index.ts
// src/hooks/useSyncedStyles.ts
import { useState } from "react";
// src/hooks/useIsomorphicLayoutEffect/index.ts
// src/hooks/useIsomorphicLayoutEffect.ts
import { useLayoutEffect, useEffect } from "react";
var useIsomorphicLayoutEffect_default = typeof window !== "undefined" ? useLayoutEffect : useEffect;
// src/hooks/useSyncedStyles/index.ts
// src/hooks/useSyncedStyles.ts
import { VirtualScrollerEvent } from "@af-utils/virtual-core";

@@ -63,3 +63,3 @@ var SIZE_PROVIDER_STYLE_BASE = {

useIsomorphicLayoutEffect_default(() => {
if (model && outer && inner) {
if (outer && inner && outer) {
const updateSizeStyle = () => {

@@ -101,3 +101,3 @@ outer.style[model.horizontal ? "width" : "height"] = model.scrollSize + "px";

// src/hooks/useComponentSubscription/index.ts
// src/hooks/useComponentSubscription.ts
import { useMemo, useSyncExternalStore } from "react";

@@ -109,2 +109,3 @@ import { VirtualScrollerEvent as VirtualScrollerEvent2 } from "@af-utils/virtual-core";

return this.to ** 2 + this.from;
// szudzik pair
case VirtualScrollerEvent2.SCROLL_SIZE:

@@ -192,3 +193,3 @@ return this.scrollSize;

// src/hooks/useScroller/index.ts
// src/hooks/useScroller.ts
var useScroller = (model, scroller) => useIsomorphicLayoutEffect_default(() => {

@@ -200,3 +201,3 @@ model.setScroller(scroller);

// src/hooks/useSubscription/index.ts
// src/hooks/useSubscription.ts
import { useEffect as useEffect2 } from "react";

@@ -211,3 +212,3 @@ var useSubscription = (model, events, callBack) => useEffect2(() => {

// src/hooks/useVirtualModel/index.ts
// src/hooks/useVirtualModel.ts
import { useRef } from "react";

@@ -220,3 +221,3 @@ import {

// src/hooks/useVirtual/index.ts
// src/hooks/useVirtual.ts
var useVirtual = (params) => {

@@ -223,0 +224,0 @@ const model = useVirtualModel_default(params);

{
"name": "@af-utils/virtual-react",
"private": false,
"version": "1.0.1",
"version": "1.0.2",
"description": "React components and hooks for rendering large scrollable data",

@@ -47,9 +47,10 @@ "repository": {

"devDependencies": {
"@types/node": "^20.12.12",
"@types/react": "^18.3.2",
"esbuild": "^0.21.3",
"typescript": "^5.4.5"
"@types/node": "^22.7.7",
"@types/react": "^18.3.11",
"esbuild": "^0.24.0",
"typescript": "^5.6.3",
"vitest": "^2.1.3"
},
"dependencies": {
"@af-utils/virtual-core": "1.0.1"
"@af-utils/virtual-core": "1.0.2"
},

@@ -56,0 +57,0 @@ "peerDependencies": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc