@react-aria/virtualizer - npm Package Compare versions

Comparing version 3.0.0-nightly-c904e066c-240917 to 3.0.0-nightly-d57bd8d90-240927

dist/types.d.ts

@@ -316,2 +316,3 @@ import { Direction, Key, RefObject, Collection } from "@react-types/shared";
     parent?: LayoutInfo | null;
+    style?: CSSProperties;
     className?: string;
@@ -318,0 +319,0 @@ children: ReactNode;

dist/VirtualizerItem.main.js

@@ -30,3 +30,3 @@ var $7d70e069fceb2deb$exports = require("./useVirtualizerItem.main.js");
 function $d6a26279cc31826b$export$6796df8ba7398521(props) {
-    let { className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
     let { direction: direction } = (0, $eXWCF$reactariai18n.useLocale)();
@@ -43,3 +43,6 @@ let ref = (0, $eXWCF$react.useRef)(undefined);
         className: className,
-        style: $d6a26279cc31826b$export$1481e64fbe01b8b3(layoutInfo, direction, parent)
+        style: {
+            ...$d6a26279cc31826b$export$1481e64fbe01b8b3(layoutInfo, direction, parent),
+            ...style
+        }
     }, children);
@@ -59,4 +62,8 @@ }
     let rectStyles = {
-        top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),
-        [xProperty]: layoutInfo.rect.x - (parent ? parent.rect.x : 0),
+        // TODO: For layoutInfos that are sticky that have parents with overflow visible, their "top" will be relative to the to the nearest scrolling container
+        // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position
+        // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the
+        // calculated layoutInfo.y here
+        top: layoutInfo.rect.y - (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),
+        [xProperty]: layoutInfo.rect.x - (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),
         width: layoutInfo.rect.width,
@@ -63,0 +70,0 @@ height: layoutInfo.rect.height

dist/VirtualizerItem.module.js

@@ -19,3 +19,3 @@ import {useVirtualizerItem as $47736c1e63ba1c6d$export$1da781778207e0a2} from "./useVirtualizerItem.module.js";
 function $ccf8a0a04e4175ae$export$6796df8ba7398521(props) {
-    let { className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
     let { direction: direction } = (0, $ivH3G$useLocale)();
@@ -32,3 +32,6 @@ let ref = (0, $ivH3G$useRef)(undefined);
         className: className,
-        style: $ccf8a0a04e4175ae$export$1481e64fbe01b8b3(layoutInfo, direction, parent)
+        style: {
+            ...$ccf8a0a04e4175ae$export$1481e64fbe01b8b3(layoutInfo, direction, parent),
+            ...style
+        }
     }, children);
@@ -48,4 +51,8 @@ }
     let rectStyles = {
-        top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),
-        [xProperty]: layoutInfo.rect.x - (parent ? parent.rect.x : 0),
+        // TODO: For layoutInfos that are sticky that have parents with overflow visible, their "top" will be relative to the to the nearest scrolling container
+        // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position
+        // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the
+        // calculated layoutInfo.y here
+        top: layoutInfo.rect.y - (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),
+        [xProperty]: layoutInfo.rect.x - (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),
         width: layoutInfo.rect.width,
@@ -52,0 +59,0 @@ height: layoutInfo.rect.height

package.json

 {
   "name": "@react-aria/virtualizer",
-  "version": "3.0.0-nightly-c904e066c-240917",
+  "version": "3.0.0-nightly-d57bd8d90-240927",
   "description": "Spectrum UI components in React",
@@ -25,7 +25,7 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/i18n": "^3.0.0-nightly-c904e066c-240917",
-    "@react-aria/interactions": "^3.0.0-nightly-c904e066c-240917",
-    "@react-aria/utils": "^3.0.0-nightly-c904e066c-240917",
-    "@react-stately/virtualizer": "^3.0.0-nightly-c904e066c-240917",
-    "@react-types/shared": "^3.0.0-nightly-c904e066c-240917",
+    "@react-aria/i18n": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-aria/interactions": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-aria/utils": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-stately/virtualizer": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/shared": "^3.0.0-nightly-d57bd8d90-240927",
     "@swc/helpers": "^0.5.0"
@@ -32,0 +32,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

192312

increased by2.3%

Lines of code

2356

increased by1.16%

Published versions last year

241

increased by0.42%

Dependency changes

• Updated@react-aria/i18n@^3.0.0-nightly-d57bd8d90-240927

• Updated@react-aria/interactions@^3.0.0-nightly-d57bd8d90-240927

• Updated@react-aria/utils@^3.0.0-nightly-d57bd8d90-240927

• Updated@react-stately/virtualizer@^3.0.0-nightly-d57bd8d90-240927

• Updated@react-types/shared@^3.0.0-nightly-d57bd8d90-240927