@primer/react 38.40.0-rc.629dc4f91 → 38.40.0-rc.d123ed540

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -10,6 +10,8 @@
10
10
 
11
11
  - [#8408](https://github.com/primer/react/pull/8408) [`c880319`](https://github.com/primer/react/commit/c8803199ddb0e669596f6e2370fd4117a055cfc3) Thanks [@janmaarten-a11y](https://github.com/janmaarten-a11y)! - Button and LinkButton: Limit link variant underlines to the text label when visuals are present
12
12
 
13
+ - [#8409](https://github.com/primer/react/pull/8409) [`9d0632c`](https://github.com/primer/react/commit/9d0632ccc6c23e92cbbe786ce922795c92931b04) Thanks [@iansan5653](https://github.com/iansan5653)! - Fix Tooltip ref handling to preserve child element ref
14
+
13
15
  ## 38.39.0
14
16
 
15
17
  ### Minor Changes
@@ -1,3 +1,4 @@
1
+ import { reactMajorVersion } from "../utils/environment.js";
1
2
  import { useMergedRefs } from "../hooks/useMergedRefs.js";
2
3
  import { useProvidedRefOrCreate } from "../hooks/useProvidedRefOrCreate.js";
3
4
  import { useOnEscapePress } from "../hooks/useOnEscapePress.js";
@@ -82,10 +83,12 @@ const emptyKeybindingHints = [];
82
83
  const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type = "description", children, id, className, keybindingHint = emptyKeybindingHints, delay = "short", _privateDisableTooltip = false, ...rest }, forwardedRef) => {
83
84
  const tooltipId = useId$1(id);
84
85
  const child = Children.only(children);
86
+ const elementChild = /*#__PURE__*/ React.isValidElement(child) ? child : void 0;
87
+ const childRef = reactMajorVersion > 18 ? elementChild === null || elementChild === void 0 ? void 0 : elementChild.props.ref : elementChild === null || elementChild === void 0 ? void 0 : elementChild.ref;
85
88
  const mergedRefEnabled = useFeatureFlag("primer_react_merged_forwarded_refs");
86
89
  const triggerRef = useRef(null);
87
- const mergedTriggerRef = useMergedRefs(triggerRef, forwardedRef);
88
- const providedOrCreatedRef = useProvidedRefOrCreate(forwardedRef);
90
+ const mergedTriggerRef = useMergedRefs(triggerRef, useMergedRefs(forwardedRef, childRef));
91
+ const providedOrCreatedRef = useProvidedRefOrCreate(forwardedRef !== null && forwardedRef !== void 0 ? forwardedRef : childRef);
89
92
  const readTriggerRef = mergedRefEnabled ? triggerRef : providedOrCreatedRef;
90
93
  const appliedTriggerRef = mergedRefEnabled ? mergedTriggerRef : providedOrCreatedRef;
91
94
  const tooltipElRef = useRef(null);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@primer/react",
3
3
  "type": "module",
4
- "version": "38.40.0-rc.629dc4f91",
4
+ "version": "38.40.0-rc.d123ed540",
5
5
  "description": "An implementation of GitHub's Primer Design System using React",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",