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.33 to 0.0.34

8

lib/bundlesize.index.js

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

export const raw = 2226;
export const min = 1151;
export const minGz = 663;
export const minBrotli = 593;
export const raw = 2211;
export const min = 1138;
export const minGz = 655;
export const minBrotli = 568;
import e from "prop-types";
import { Subscription as t, mapVisibleRange as i, EVT_FROM as o, EVT_TO as s, EVT_SIZES as l, EVT_SCROLL_SIZE as a } from "@af-utils/react-virtual-headless";
import { Subscription as t, mapVisibleRange as i, EVT_RANGE as o, EVT_SIZES as s, EVT_SCROLL_SIZE as l } from "@af-utils/react-virtual-headless";
export * from "@af-utils/react-virtual-headless";
import { css as r, cx as d } from "@af-utils/styled";
import { css as a, cx as r } from "@af-utils/styled";
import { jsxs as n, jsx as m, Fragment as c } from "react/jsx-runtime";
import { jsxs as d, jsx as n, Fragment as m } from "react/jsx-runtime";
const f = r("overflow: auto", "position: relative"), p = r("visibility: hidden"), h = r("position: absolute"), u = r("height: 1px"), v = r("width: 1px"), x = d(f, r("display: flex")), y = d(h, p, v, r("top: 0")), b = d(h, p, u, r("left: 0")), N = d(p, v), g = d(p, u, r("flex-shrink: 0")), w = [ "height", f, y, N ], I = [ "width", x, b, g ], D = [ o, s ], K = [ ...D, l ], O = [ a ], j = e => {
let {model: o, children: s, className: l, itemData: a, component: r = "div", getKey: f = (e => e), tabIndex: p = -1, countOffset: h = !1, ...u} = e;
const [v, x, y, b] = o.horizontal ? I : w;
const c = a("overflow: auto", "position: relative"), f = a("visibility: hidden"), p = a("position: absolute"), h = a("height: 1px"), u = a("width: 1px"), v = r(c, a("display: flex")), x = r(p, f, u, a("top: 0")), y = r(p, f, h, a("left: 0")), b = r(f, u), N = r(f, h, a("flex-shrink: 0")), g = [ "height", c, x, b ], w = [ "width", v, y, N ], I = [ o ], D = [ ...I, s ], K = [ l ], O = e => {
let {model: o, children: s, className: l, itemData: a, component: c = "div", getKey: f = (e => e), tabIndex: p = -1, countOffset: h = !1, ...u} = e;
const [v, x, y, b] = o.horizontal ? w : g;
/*#__PURE__*/
return n(r, {
className: d(x, l),
return d(c, {
className: r(x, l),
ref: o.setOuterNode,
tabIndex: p,
...u,
children: [ /*#__PURE__*/ m(t, {
children: [ /*#__PURE__*/ n(t, {
model: o,
events: O,
children: () => /*#__PURE__*/ m("div", {
events: K,
children: () => /*#__PURE__*/ n("div", {
className: y,

@@ -29,7 +29,7 @@ style: {

})
}), /*#__PURE__*/ m(t, {
}), /*#__PURE__*/ n(t, {
model: o,
events: h ? K : D,
children: () => /*#__PURE__*/ n(c, {
children: [ /*#__PURE__*/ m("div", {
events: h ? D : I,
children: () => /*#__PURE__*/ d(m, {
children: [ /*#__PURE__*/ n("div", {
className: b,

@@ -39,3 +39,3 @@ style: {

}
}), i(o, ((e, t) => /*#__PURE__*/ m(s, {
}), i(o, ((e, t) => /*#__PURE__*/ n(s, {
i: e,

@@ -51,3 +51,3 @@ data: a,

"production" !== process.env.NODE_ENV && (j.propTypes = {
"production" !== process.env.NODE_ENV && (O.propTypes = {
model: e.object.isRequired,

@@ -63,3 +63,3 @@ children: e.elementType.isRequired,

export { j as List };
export { O as List };
//# sourceMappingURL=index.js.map
{
"name": "@af-utils/react-virtual-list",
"private": false,
"version": "0.0.33",
"version": "0.0.34",
"description": "React components for rendering large scrollable data",

@@ -65,3 +65,3 @@ "repository": "https://github.com/nowaalex/af-virtual-scroll.git",

"peerDependencies": {
"@af-utils/react-virtual-headless": "^0.0.31",
"@af-utils/react-virtual-headless": "^0.0.32",
"@af-utils/styled": "^0.0.13",

@@ -68,0 +68,0 @@ "prop-types": "^15.8.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