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

@af-utils/react-virtual-list

Package Overview
Dependencies
Maintainers
1
Versions
58
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.0.3 to 1.0.4

lib/index.d.ts

8

lib/bundlesize.index.js

@@ -1,4 +0,4 @@

export const raw = 2242;
export const min = 1120;
export const minGz = 641;
export const minBrotli = 550;
export const raw = 1811;
export const min = 1094;
export const minGz = 627;
export const minBrotli = 538;

@@ -1,62 +0,47 @@

import e from "prop-types";
import { jsxs as e, jsx as t, Fragment as l } from "react/jsx-runtime";
import { Subscription as t, mapVisibleRange as o, EVT_RANGE as i, EVT_SCROLL_SIZE as l } from "@af-utils/react-virtual-headless";
import { Subscription as i, mapVisibleRange as s, EVT_RANGE as a, EVT_SCROLL_SIZE as o } from "@af-utils/react-virtual-headless";
export * from "@af-utils/react-virtual-headless";
import { css as r, cx as a } from "@af-utils/styled";
import { css as r, cx as d } from "@af-utils/styled";
import { jsxs as s, jsx as d, Fragment as n } from "react/jsx-runtime";
const m = r("overflow: auto", "position: relative"), c = r("visibility: hidden"), p = r("position: absolute"), h = r("height: 1px"), f = r("width: 1px"), u = a(m, r("display: flex")), v = a(p, c, f, r("top: 0")), x = a(p, c, h, r("left: 0")), y = a(c, f), b = a(c, h, r("flex-shrink: 0")), N = [ "height", m, v, y ], g = [ "width", u, x, b ], w = [ i ], I = [ l ], D = e => {
let {model: i, children: l, className: r, itemData: m, header: c = null, footer: p = null, component: h = "div", getKey: f = (e => e), tabIndex: u = -1, ...v} = e;
const [x, y, b, D] = i.horizontal ? g : N;
/*#__PURE__*/
return s(h, {
className: a(y, r),
ref: i.setScroller,
const n = r("overflow: auto", "position: relative"), m = r("visibility: hidden"), h = r("position: absolute"), c = r("height: 1px"), f = r("width: 1px"), p = d(n, r("display: flex")), u = d(h, m, f, r("top: 0")), v = d(h, m, c, r("left: 0")), x = d(m, f), y = d(m, c, r("flex-shrink: 0")), b = [ "height", n, u, x ], N = [ "width", p, v, y ], g = [ a ], w = [ o ], I = a => {
let {model: o, children: r, className: n, itemData: m, header: h = null, footer: c = null, component: f = "div", getKey: p = (e => e), tabIndex: u = -1, ...v} = a;
const [x, y, I, j] = o.horizontal ? N : b;
return e(f, {
className: d(y, n),
ref: o.setScroller,
tabIndex: u,
...v,
children: [ /*#__PURE__*/ d(t, {
model: i,
events: I,
children: () => /*#__PURE__*/ d("div", {
className: b,
children: [ t(i, {
model: o,
events: w,
children: () => t("div", {
className: I,
style: {
[x]: i.scrollSize
[x]: o.scrollSize
}
})
}), c, /*#__PURE__*/ d(t, {
model: i,
events: w,
children: () => /*#__PURE__*/ s(n, {
children: [ /*#__PURE__*/ d("div", {
className: D,
}), h, t(i, {
model: o,
events: g,
children: () => e(l, {
children: [ t("div", {
className: j,
style: {
[x]: i.getOffset(i.from)
[x]: o.getOffset(o.from)
}
}), o(i, ((e, t) => /*#__PURE__*/ d(l, {
}), s(o, ((e, l) => t(r, {
i: e,
data: m,
offset: t,
model: i
}, f(e, m)))) ]
offset: l,
model: o
}, p(e, m)))) ]
})
}), p ]
}), c ]
});
};
"production" !== process.env.NODE_ENV && (D.propTypes = {
model: e.object.isRequired,
children: e.elementType.isRequired,
getKey: e.func,
component: e.elementType,
header: e.element,
footer: e.element,
className: e.string,
itemData: e.any,
tabIndex: e.number
});
export { D as List };
export { I as List };
//# sourceMappingURL=index.js.map
{
"name": "@af-utils/react-virtual-list",
"private": false,
"version": "1.0.3",
"version": "1.0.4",
"description": "React components for rendering large scrollable data",

@@ -47,6 +47,4 @@ "repository": "https://github.com/nowaalex/af-virtual-scroll.git",

"devDependencies": {
"@babel/core": "^7.21.5",
"@babel/plugin-transform-runtime": "^7.21.4",
"@babel/preset-env": "^7.21.5",
"@babel/preset-react": "^7.18.6",
"@rollup/plugin-babel": "^6.0.3",

@@ -56,15 +54,16 @@ "@rollup/plugin-commonjs": "^24.1.0",

"@rollup/plugin-replace": "^5.0.2",
"@rollup/plugin-terser": "^0.4.1",
"@rollup/plugin-virtual": "^3.0.1",
"babel-jest": "^29.5.0",
"babel-plugin-module-resolver": "^5.0.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
"@rollup/plugin-typescript": "^11.1.0",
"@types/jest": "^29.5.1",
"@types/use-sync-external-store": "^0.0.3",
"jest": "^29.5.0",
"jest-environment-jsdom": "^29.5.0",
"lodash": "^4.17.21",
"rollup": "^3.21.0"
"rollup": "^3.21.1",
"ts-jest": "^29.1.0",
"tsc-alias": "^1.8.6",
"typescript": "^5.0.4"
},
"peerDependencies": {
"@af-utils/react-virtual-headless": "^0.1.11",
"@af-utils/react-virtual-headless": "^0.1.12",
"@af-utils/styled": "^0.0.23",
"prop-types": "^15.8.0",
"react": "^17.0.0 || ^18.1.0"

@@ -71,0 +70,0 @@ },

Sorry, the diff of this file is not supported yet

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