@primer/react 38.19.0-rc.9add2ea76 → 38.19.0-rc.b42304a52

package/CHANGELOG.md

@@ -12,7 +12,9 @@
 
 - [#7652](https://github.com/primer/react/pull/7652) [`5d19e2b`](https://github.com/primer/react/commit/5d19e2bb5bbd444f2e82d98eef300c221863941c) Thanks [@owenniblock](https://github.com/owenniblock)! - useAnchoredPosition: recalculate overlay position when any scrollable ancestor (or the window) is scrolled.
 
-- [#7638](https://github.com/primer/react/pull/7638) [`f04e85d`](https://github.com/primer/react/commit/f04e85df536cd6e8047f70b070bd3cf7c0961f92) Thanks [@iansan5653](https://github.com/iansan5653)! - Update internal implementations of combined refs to improve performance and add support for React 19 callback refs
+- [#7707](https://github.com/primer/react/pull/7707) [`6431bfe`](https://github.com/primer/react/commit/6431bfecd72e24db1dfa90b02f8a42834e63843b) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Fix anchor-name not being set on the anchor element when SelectPanel is opened in Copilot code agent.
+
+- [#7633](https://github.com/primer/react/pull/7633) [`a107d39`](https://github.com/primer/react/commit/a107d398e0574b5f8085485c96b27a168061eb50) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Graduate `primer_react_css_has_selector_perf` feature flag: the CSS `:has()` performance optimization (`body[data-dialog-scroll-disabled]`) is now the default behavior for Dialog scroll disabling
 
 - [#7695](https://github.com/primer/react/pull/7695) [`780fc3d`](https://github.com/primer/react/commit/780fc3d7b52fd0f9b63f313af6355398180a0118) Thanks [@mattcosta7](https://github.com/mattcosta7)! - perf(ThemeProvider): Reduce unnecessary renders and effect cascades
 
@@ -21,6 +23,8 @@
   - Cache `getServerHandoff` DOM read + JSON.parse per ID (runs once, not on every call)
   - Memoize context value object to prevent unnecessary re-renders of all consumers
 
+- [#7706](https://github.com/primer/react/pull/7706) [`fd8910a`](https://github.com/primer/react/commit/fd8910abff851f43d19805ceaa439a9a18c4f226) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - ActionList.Item: fix inline descriptions being referenced via `aria-labelledby` instead of `aria-describedby`
+
 ## 38.18.0
 
 ### Minor Changes

package/dist/ActionBar/ActionBar.js

@@ -10,7 +10,7 @@ import styles from './ActionBar.module.css.js';
 import { clsx } from 'clsx';
 import { createDescendantRegistry } from '../utils/descendant-registry.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMergedRefs } from '../hooks/useMergedRefs.js';
+import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
 import { FocusKeys } from '@primer/behaviors';
 import { ActionMenu } from '../ActionMenu/ActionMenu.js';
 
@@ -423,7 +423,7 @@ const ActionBarIconButton = /*#__PURE__*/forwardRef(({
   ...props
 }, forwardedRef) => {
   const ref = useRef(null);
-  const mergedRef = useMergedRefs(ref, forwardedRef);
+  useRefObjectAsForwardedRef(forwardedRef, ref);
   const {
     size,
     isVisibleChild
@@ -453,7 +453,7 @@ const ActionBarIconButton = /*#__PURE__*/forwardRef(({
   if (!isVisibleChild(id) || groupId && !isVisibleChild(groupId)) return null;
   return /*#__PURE__*/jsx(IconButton, {
     "aria-disabled": disabled,
-    ref: mergedRef,
+    ref: ref,
     size: size,
     onClick: clickHandler,
     ...props,

package/dist/ActionList/Heading.js

@@ -7,12 +7,12 @@ import { invariant } from '../utils/invariant.js';
 import { clsx } from 'clsx';
 import classes from './Heading.module.css.js';
 import { jsx } from 'react/jsx-runtime';
-import { useMergedRefs } from '../hooks/useMergedRefs.js';
+import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
 import Heading$1 from '../Heading/Heading.js';
 
 const Heading = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   var _props$id;
-  const $ = c(21);
+  const $ = c(20);
   let as;
   let children;
   let className;
@@ -45,7 +45,7 @@ const Heading = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   }
   const visuallyHidden = t1 === undefined ? false : t1;
   const innerRef = React.useRef(null);
-  const mergedRef = useMergedRefs(forwardedRef, innerRef);
+  useRefObjectAsForwardedRef(forwardedRef, innerRef);
   const {
     headingId,
     variant: listVariant
@@ -65,11 +65,11 @@ const Heading = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     t4 = $[8];
   }
   let t5;
-  if ($[9] !== as || $[10] !== children || $[11] !== listVariant || $[12] !== mergedRef || $[13] !== props || $[14] !== size || $[15] !== t3 || $[16] !== t4) {
+  if ($[9] !== as || $[10] !== children || $[11] !== listVariant || $[12] !== props || $[13] !== size || $[14] !== t3 || $[15] !== t4) {
     t5 = /*#__PURE__*/jsx(Heading$1, {
       as: as,
       variant: size,
-      ref: mergedRef,
+      ref: innerRef,
       id: t3,
       className: t4,
       "data-list-variant": listVariant,
@@ -79,26 +79,25 @@ const Heading = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     $[9] = as;
     $[10] = children;
     $[11] = listVariant;
-    $[12] = mergedRef;
-    $[13] = props;
-    $[14] = size;
-    $[15] = t3;
-    $[16] = t4;
-    $[17] = t5;
+    $[12] = props;
+    $[13] = size;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
   } else {
-    t5 = $[17];
+    t5 = $[16];
   }
   let t6;
-  if ($[18] !== t2 || $[19] !== t5) {
+  if ($[17] !== t2 || $[18] !== t5) {
     t6 = /*#__PURE__*/jsx(VisuallyHidden, {
       isVisible: t2,
       children: t5
     });
-    $[18] = t2;
-    $[19] = t5;
-    $[20] = t6;
+    $[17] = t2;
+    $[18] = t5;
+    $[19] = t6;
   } else {
-    t6 = $[20];
+    t6 = $[19];
   }
   return t6;
 });