@spaced-out/ui-design-system 0.4.2 → 0.4.4

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.4.4](https://github.com/spaced-out/ui-design-system/compare/v0.4.3...v0.4.4) (2025-07-22)
+
+
+### Bug Fixes
+
+* [FE-1325] tooltip child ref ([#373](https://github.com/spaced-out/ui-design-system/issues/373)) ([2997cf1](https://github.com/spaced-out/ui-design-system/commit/2997cf1523c7386b7248d6c97fea1285ce5ab1a6))
+
+### [0.4.3](https://github.com/spaced-out/ui-design-system/compare/v0.4.2...v0.4.3) (2025-07-18)
+
+
+### Bug Fixes
+
+* truncated text ([#371](https://github.com/spaced-out/ui-design-system/issues/371)) ([8e22eb5](https://github.com/spaced-out/ui-design-system/commit/8e22eb58bce960798d4b758497324d4f6f21b46a))
+
 ### [0.4.2](https://github.com/spaced-out/ui-design-system/compare/v0.4.1...v0.4.2) (2025-07-18)
 
 

package/lib/components/Tooltip/Tooltip.js

@@ -83,11 +83,11 @@ const Tooltip = _ref => {
     role: 'tooltip'
   }), (0, _react2.useDismiss)(context)]);
 
-  // Note(Nishant) Preserve the consumer's ref
-  const ref = (0, _react2.useMergeRefs)([refs.setReference, children.ref]);
+  // Note(Nishant): Preserve the consumer's ref (React 19 safe)
+  const mergedRef = (0, _react2.useMergeRefs)([refs.setReference, children.ref ?? null]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, getReferenceProps({
-    ref,
-    ...children.props
+    ...children.props,
+    ref: mergedRef
   })), isOpen && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(React.Fragment, null, !hidden && /*#__PURE__*/React.createElement("div", _extends({
     ref: refs.setFloating,
     className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.tooltip),

package/lib/components/Tooltip/Tooltip.js.flow

@@ -146,16 +146,16 @@ export const Tooltip = ({
     useDismiss(context),
   ]);
 
-  // Note(Nishant) Preserve the consumer's ref
-  const ref = useMergeRefs([refs.setReference, children.ref]);
+  // Note(Nishant): Preserve the consumer's ref (React 19 safe)
+  const mergedRef = useMergeRefs([refs.setReference, children.ref ?? null]);
 
   return (
     <>
       {React.cloneElement(
         children,
         getReferenceProps({
-          ref,
           ...children.props,
+          ref: mergedRef,
         }),
       )}
 

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js

@@ -60,7 +60,9 @@ const TruncatedTextWithTooltip = _ref => {
       return /*#__PURE__*/React.createElement(_Tooltip.Tooltip, _extends({}, tooltip, {
         body: tooltip?.body || modifiedChild,
         elevation: tooltip?.elevation ?? 'toast'
-      }), children);
+      }), /*#__PURE__*/React.createElement("div", {
+        className: _TruncatedTextWithTooltipModule.default.childrenWrapper
+      }, children));
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: (0, _classify.default)(_TruncatedTextWithTooltipModule.default.truncateLineClamp, classNames?.wrapper),

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js.flow

@@ -87,7 +87,7 @@ export const TruncatedTextWithTooltip = ({
             body={tooltip?.body || modifiedChild}
             elevation={tooltip?.elevation ?? 'toast'}
           >
-            {children}
+            <div className={css.childrenWrapper}>{children}</div>
           </Tooltip>
         );
       }}

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.module.css

@@ -2,3 +2,6 @@
   composes: truncate from '../../styles/typography.module.css';
   white-space: normal;
 }
+.childrenWrapper {
+  display: flex;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {