Huge News!Announcing our $40M Series B led by Abstract Ventures.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 0.0.2 to 0.0.3

8

lib/bundlesize.index.js

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

export const raw = 2068;
export const min = 1202;
export const minGz = 669;
export const minBrotli = 573;
export const raw = 1909;
export const min = 1056;
export const minGz = 588;
export const minBrotli = 505;

@@ -1,54 +0,52 @@

import e from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import { Subscription as e, mapVisibleRange as t, EVT_FROM as i, EVT_TO as l, EVT_SCROLL_SIZE as r } from "@af-utils/react-virtual-headless";
import { Subscription as t, mapVisibleRange as i, EVT_FROM as l, EVT_TO as r, EVT_SCROLL_SIZE as s } from "@af-utils/react-virtual-headless";
export * from "@af-utils/react-virtual-headless";
import { css as o, cx as a } from "@af-utils/styled";
import { css as s, cx as a } from "@af-utils/styled";
import { jsxs as d, jsx as m, Fragment as n } from "react/jsx-runtime";
import { jsxs as o, jsx as d, Fragment as n } from "react/jsx-runtime";
const c = [ "model", "children", "className", "itemData", "tabIndex" ], h = o("overflow: auto", "position: relative"), f = o("visibility: hidden"), p = o("position: absolute"), u = o("height: 1px"), v = o("width: 1px"), x = a(h, o("display: flex")), b = a(p, f, v, o("top: 0")), y = a(p, f, u, o("left: 0")), N = a(f, v), j = a(f, u, o("flex-shrink: 0")), w = [ "height", h, b, N ], I = [ "width", x, y, j ], g = [ l, r ], D = [ s ], k = l => {
let {model: r, children: s, className: o, itemData: h, tabIndex: f = -1} = l, p = e(l, c);
const [u, v, x, b] = r.horizontal ? I : w;
const m = s("overflow: auto", "position: relative"), c = s("visibility: hidden"), h = s("position: absolute"), f = s("height: 1px"), p = s("width: 1px"), u = a(m, s("display: flex")), v = a(h, c, p, s("top: 0")), x = a(h, c, f, s("left: 0")), y = a(c, p), b = a(c, f, s("flex-shrink: 0")), N = [ "height", m, v, y ], w = [ "width", u, x, b ], g = [ i, l ], I = [ r ], j = i => {
let {model: l, children: r, className: s, itemData: m, tabIndex: c = -1, ...h} = i;
const [f, p, u, v] = l.horizontal ? w : N;
/*#__PURE__*/
return d("div", Object.assign({
className: a(v, o),
ref: r.setOuterNode,
tabIndex: f
}, p, {
children: [ /*#__PURE__*/ m(t, {
model: r,
events: D,
return o("div", {
className: a(p, s),
ref: l.setOuterNode,
tabIndex: c,
...h,
children: [ /*#__PURE__*/ d(e, {
model: l,
events: I,
children: e => {
let {scrollSize: t} = e;
/*#__PURE__*/
return m("div", {
className: x,
return d("div", {
className: u,
style: {
[u]: t
[f]: t
}
});
}
}), /*#__PURE__*/ m(t, {
model: r,
}), /*#__PURE__*/ d(e, {
model: l,
events: g,
children: e => {
let {from: t} = e;
let {from: i} = e;
/*#__PURE__*/
return d(n, {
children: [ /*#__PURE__*/ m("div", {
className: b,
ref: r.setZeroChildNode,
return o(n, {
children: [ /*#__PURE__*/ d("div", {
className: v,
ref: l.setZeroChildNode,
style: {
[u]: r.getOffset(t)
[f]: l.getOffset(i)
}
}), i(r, s, h) ]
}), t(l, r, m) ]
});
}
}) ]
}));
});
};
export { k as List };
export { j as List };
//# sourceMappingURL=index.js.map
{
"name": "@af-utils/react-virtual-list",
"private": false,
"version": "0.0.2",
"description": "React components for rendering large scrollable data",
"repository": "https://github.com/nowaalex/af-virtual-scroll.git",
"bugs": "https://github.com/nowaalex/af-virtual-scroll/issues",
"homepage": "https://af-virtual-scroll.vercel.app/",
"author": "Alex Fomin <nowaalex@gmail.com> (https://github.com/nowaalex/)",
"license": "MIT",
"sideEffects": false,
"scripts": {
"dev": "rollup --watch --config rollup.config.js",
"build": "rollup --config rollup.config.js",
"prepare": "npm run build",
"test": "jest"
},
"engines": {
"node": ">=14.0.0",
"npm": ">=6.0.0"
},
"files": [
"lib/*"
],
"main": "lib/index.js",
"module": "lib/index.js",
"keywords": [
"react",
"reactjs",
"virtual",
"table",
"list",
"recycle",
"dom-recycle",
"dynamic-size",
"scroll",
"scrolling",
"infinite",
"virtualized",
"virtual",
"virtualization",
"sortable",
"windowing"
],
"devDependencies": {
"@babel/core": "^7.17.8",
"@babel/plugin-proposal-class-properties": "^7.16.7",
"@babel/plugin-proposal-object-rest-spread": "^7.17.3",
"@babel/plugin-transform-runtime": "^7.17.0",
"@babel/preset-env": "^7.16.11",
"@babel/preset-react": "^7.16.7",
"@rollup/plugin-babel": "^5.3.1",
"@rollup/plugin-commonjs": "^21.0.2",
"@rollup/plugin-replace": "^4.0.0",
"@rollup/plugin-virtual": "^2.1.0",
"@rollup/plugin-export-bundle-size": "^0.0.1",
"babel-jest": "^27.5.1",
"babel-plugin-module-resolver": "^4.1.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
"jest": "^27.5.1",
"lodash": "^4.17.21",
"rollup": "^2.70.1",
"rollup-plugin-filesize": "^9.1.2",
"rollup-plugin-terser": "^7.0.2"
},
"peerDependencies": {
"@babel/runtime": "^7.16.0",
"@af-utils/react-virtual-headless": "^0.0.2",
"@af-utils/styled": "^0.0.1",
"prop-types": "^15.8.0",
"react": "^17.0.0"
},
"publishConfig": {
"access": "public"
}
"name": "@af-utils/react-virtual-list",
"private": false,
"version": "0.0.3",
"description": "React components for rendering large scrollable data",
"repository": "https://github.com/nowaalex/af-virtual-scroll.git",
"bugs": "https://github.com/nowaalex/af-virtual-scroll/issues",
"homepage": "https://af-virtual-scroll.vercel.app/",
"author": "Alex Fomin <nowaalex@gmail.com> (https://github.com/nowaalex/)",
"license": "MIT",
"sideEffects": false,
"scripts": {
"dev": "rollup --watch --config rollup.config.js",
"build": "rollup --config rollup.config.js",
"prepare": "npm run build",
"test": "jest"
},
"engines": {
"node": ">=14.0.0",
"npm": ">=6.0.0"
},
"files": [
"lib/*"
],
"main": "lib/index.js",
"module": "lib/index.js",
"keywords": [
"react",
"reactjs",
"virtual",
"table",
"list",
"recycle",
"dom-recycle",
"dynamic-size",
"scroll",
"scrolling",
"infinite",
"virtualized",
"virtual",
"virtualization",
"sortable",
"windowing"
],
"devDependencies": {
"@babel/core": "^7.17.8",
"@babel/preset-env": "^7.16.11",
"@babel/plugin-transform-runtime": "^7.17.0",
"@babel/preset-react": "^7.16.7",
"@rollup/plugin-babel": "^5.3.1",
"@rollup/plugin-commonjs": "^21.0.2",
"@rollup/plugin-replace": "^4.0.0",
"@rollup/plugin-virtual": "^2.1.0",
"@rollup/plugin-export-bundle-size": "^0.0.1",
"babel-jest": "^27.5.1",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
"babel-plugin-module-resolver": "^4.1.0",
"jest": "^27.5.1",
"lodash": "^4.17.21",
"rollup": "^2.70.1",
"rollup-plugin-filesize": "^9.1.2",
"rollup-plugin-terser": "^7.0.2"
},
"peerDependencies": {
"@af-utils/react-virtual-headless": "^0.0.3",
"@af-utils/styled": "^0.0.2",
"prop-types": "^15.8.0",
"react": "^17.0.0"
},
"publishConfig": {
"access": "public"
}
}

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