@react-aria/listbox - npm Package Compare versions

Comparing version 3.13.6 to 3.14.0

dist/useOption.main.js

@@ -69,2 +69,3 @@ var $87beb89ab4a308fd$exports = require("./utils.main.js");
     } : undefined;
+    let id = (0, $87beb89ab4a308fd$exports.getItemId)(state, key);
     let { itemProps: itemProps, isPressed: isPressed, isFocused: isFocused, hasAction: hasAction, allowsSelection: allowsSelection } = (0, $bOFHO$reactariaselection.useSelectableItem)({
@@ -80,3 +81,4 @@ selectionManager: state.selectionManager,
         onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? (0, $bOFHO$reactariautils.chain)(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : undefined,
-        linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior
+        linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior,
+        id: id
     });
@@ -99,3 +101,3 @@ let { hoverProps: hoverProps } = (0, $bOFHO$reactariainteractions.useHover)({
             ...(0, $bOFHO$reactariautils.mergeProps)(domProps, itemProps, hoverProps, linkProps),
-            id: (0, $87beb89ab4a308fd$exports.getItemId)(state, key)
+            id: id
         },
@@ -102,0 +104,0 @@ labelProps: {

dist/useOption.module.js

@@ -63,2 +63,3 @@ import {getItemId as $b1f0cad8af73213b$export$9145995848b05025, listData as $b1f0cad8af73213b$export$3585ede4d035bf14} from "./utils.module.js";
     } : undefined;
+    let id = (0, $b1f0cad8af73213b$export$9145995848b05025)(state, key);
     let { itemProps: itemProps, isPressed: isPressed, isFocused: isFocused, hasAction: hasAction, allowsSelection: allowsSelection } = (0, $fcwmx$useSelectableItem)({
@@ -74,3 +75,4 @@ selectionManager: state.selectionManager,
         onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? (0, $fcwmx$chain)(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : undefined,
-        linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior
+        linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior,
+        id: id
     });
@@ -93,3 +95,3 @@ let { hoverProps: hoverProps } = (0, $fcwmx$useHover)({
             ...(0, $fcwmx$mergeProps)(domProps, itemProps, hoverProps, linkProps),
-            id: (0, $b1f0cad8af73213b$export$9145995848b05025)(state, key)
+            id: id
         },
@@ -96,0 +98,0 @@ labelProps: {

package.json

 {
   "name": "@react-aria/listbox",
-  "version": "3.13.6",
+  "version": "3.14.0",
   "description": "Spectrum UI components in React",
@@ -25,10 +25,10 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/interactions": "^3.22.5",
-    "@react-aria/label": "^3.7.13",
-    "@react-aria/selection": "^3.21.0",
-    "@react-aria/utils": "^3.26.0",
-    "@react-stately/collections": "^3.12.0",
-    "@react-stately/list": "^3.11.1",
-    "@react-types/listbox": "^3.5.3",
-    "@react-types/shared": "^3.26.0",
+    "@react-aria/interactions": "^3.23.0",
+    "@react-aria/label": "^3.7.14",
+    "@react-aria/selection": "^3.22.0",
+    "@react-aria/utils": "^3.27.0",
+    "@react-stately/collections": "^3.12.1",
+    "@react-stately/list": "^3.11.2",
+    "@react-types/listbox": "^3.5.4",
+    "@react-types/shared": "^3.27.0",
     "@swc/helpers": "^0.5.0"
@@ -43,3 +43,3 @@ },
   },
-  "gitHead": "71f0ef23053f9e03ee7e97df736e8b083e006849"
+  "gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
 }

src/useOption.ts

@@ -128,2 +128,3 @@ /*
   let onAction = data?.onAction ? () => data?.onAction?.(key) : undefined;
+  let id = getItemId(state, key);
   let {itemProps, isPressed, isFocused, hasAction, allowsSelection} = useSelectableItem({
@@ -139,3 +140,4 @@ selectionManager: state.selectionManager,
     onAction: onAction || item?.props?.onAction ? chain(item?.props?.onAction, onAction) : undefined,
-    linkBehavior: data?.linkBehavior
+    linkBehavior: data?.linkBehavior,
+    id
   });
@@ -161,3 +163,3 @@
       ...mergeProps(domProps, itemProps, hoverProps, linkProps),
-      id: getItemId(state, key)
+      id
     },
@@ -164,0 +166,0 @@ labelProps: {

No alert changes

Improved metrics

Total package byte prevSize

122016

increased by0.16%

Lines of code

1287

increased by0.63%

Worsened metrics

Published versions last months

30

decreased by-3.23%

Published versions last two months

62

decreased by-1.59%

Published versions last week

5

decreased by-16.67%

Published versions last year

259

decreased by-0.38%

Dependency changes

• Updated@react-aria/interactions@^3.23.0

• Updated@react-aria/label@^3.7.14

• Updated@react-aria/selection@^3.22.0

• Updated@react-aria/utils@^3.27.0

• Updated@react-stately/collections@^3.12.1

• Updated@react-stately/list@^3.11.2

• Updated@react-types/listbox@^3.5.4

• Updated@react-types/shared@^3.27.0