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

Comparing version 0.0.4 to 0.0.5

lib/bundlesize.index.js

@@ -1,4 +0,4 @@
-export const raw = 1909;
-export const min = 1056;
-export const minGz = 588;
-export const minBrotli = 505;
+export const raw = 2176;
+export const min = 1093;
+export const minGz = 609;
+export const minBrotli = 532;

lib/index.js

@@ -1,26 +0,28 @@
-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 e from "prop-types";
 
+import { Subscription as t, mapVisibleRange as i, EVT_FROM as r, EVT_TO as l, EVT_SCROLL_SIZE as s } from "@af-utils/react-virtual-headless";
+
 export * from "@af-utils/react-virtual-headless";
 
-import { css as s, cx as a } from "@af-utils/styled";
+import { css as o, cx as a } from "@af-utils/styled";
 
-import { jsxs as o, jsx as d, Fragment as n } from "react/jsx-runtime";
+import { jsxs as d, jsx as m, Fragment as n } from "react/jsx-runtime";
 
-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;
+const c = o("overflow: auto", "position: relative"), p = o("visibility: hidden"), h = o("position: absolute"), f = o("height: 1px"), u = o("width: 1px"), v = a(c, o("display: flex")), x = a(h, p, u, o("top: 0")), y = a(h, p, f, o("left: 0")), b = a(p, u), N = a(p, f, o("flex-shrink: 0")), g = [ "height", c, x, b ], w = [ "width", v, y, N ], I = [ r, l ], D = [ s ], K = e => {
+    let {model: r, children: l, className: s, itemData: o, getKey: c, tabIndex: p = -1, ...h} = e;
+    const [f, u, v, x] = r.horizontal ? w : g;
     /*#__PURE__*/
-    return o("div", {
-        className: a(p, s),
-        ref: l.setOuterNode,
-        tabIndex: c,
+    return d("div", {
+        className: a(u, s),
+        ref: r.setOuterNode,
+        tabIndex: p,
         ...h,
-        children: [ /*#__PURE__*/ d(e, {
-            model: l,
-            events: I,
+        children: [ /*#__PURE__*/ m(t, {
+            model: r,
+            events: D,
             children: e => {
                 let {scrollSize: t} = e;
                 /*#__PURE__*/
-                return d("div", {
-                    className: u,
+                return m("div", {
+                    className: v,
                     style: {
@@ -31,16 +33,16 @@ [f]: t
             }
-        }), /*#__PURE__*/ d(e, {
-            model: l,
-            events: g,
+        }), /*#__PURE__*/ m(t, {
+            model: r,
+            events: I,
             children: e => {
-                let {from: i} = e;
+                let {from: t} = e;
                 /*#__PURE__*/
-                return o(n, {
-                    children: [ /*#__PURE__*/ d("div", {
-                        className: v,
-                        ref: l.setZeroChildNode,
+                return d(n, {
+                    children: [ /*#__PURE__*/ m("div", {
+                        className: x,
+                        ref: r.setZeroChildNode,
                         style: {
-                            [f]: l.getOffset(i)
+                            [f]: r.getOffset(t)
                         }
-                    }), t(l, r, m) ]
+                    }), i(r, l, o, c) ]
                 });
@@ -52,3 +54,12 @@ }
 
-export { j as List };
+"production" !== process.env.NODE_ENV && (K.propTypes = {
+    model: e.object.isRequired,
+    children: e.elementType.isRequired,
+    getKey: e.func,
+    className: e.string,
+    itemData: e.any,
+    tabIndex: e.number
+});
+
+export { K as List };
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "@af-utils/react-virtual-list",
     "private": false,
-    "version": "0.0.4",
+    "version": "0.0.5",
     "description": "React components for rendering large scrollable data",
@@ -47,13 +47,13 @@ "repository": "https://github.com/nowaalex/af-virtual-scroll.git",
         "@babel/core": "^7.17.8",
+        "@babel/plugin-transform-runtime": "^7.17.0",
         "@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-commonjs": "^21.0.3",
+        "@rollup/plugin-export-bundle-size": "^0.0.1",
         "@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",
-        "babel-plugin-module-resolver": "^4.1.0",
         "jest": "^27.5.1",
@@ -66,3 +66,3 @@ "lodash": "^4.17.21",
     "peerDependencies": {
-        "@af-utils/react-virtual-headless": "^0.0.4",
+        "@af-utils/react-virtual-headless": "^0.0.5",
         "@af-utils/styled": "^0.0.2",
@@ -69,0 +69,0 @@ "prop-types": "^15.8.0",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9559

increased by10.2%

Lines of code

60

increased by17.65%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

No dependency changes