@spaced-out/ui-design-system 0.3.21 → 0.3.23-beta.0

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.3.23-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.3.22...v0.3.23-beta.0) (2025-02-15)
+
+
+### Bug Fixes
+
+* tooltip for SideMenuLink as Link and Button ([#321](https://github.com/spaced-out/ui-design-system/issues/321)) ([656d9e4](https://github.com/spaced-out/ui-design-system/commit/656d9e4c927573c52dedf27574dd202004e3c24b))
+
+### [0.3.22](https://github.com/spaced-out/ui-design-system/compare/v0.3.21...v0.3.22) (2025-02-06)
+
+
+### Bug Fixes
+
+* removed the truncate styles from tooltip body ([#317](https://github.com/spaced-out/ui-design-system/issues/317)) ([54ff442](https://github.com/spaced-out/ui-design-system/commit/54ff4421a10fa406ede441a5bd61ba37700b6615))
+
 ### [0.3.21](https://github.com/spaced-out/ui-design-system/compare/v0.3.20...v0.3.21) (2025-02-05)
 
 

package/CONTRIBUTING.md

@@ -146,7 +146,7 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
 > In the `consumer's` directory's run:
 
 ```bash
-  yarn add @spaced-out/ui-design-system@file:../../ui-design-system
+  yarn add @spaced-out/ui-design-system@file:../ui-design-system
 ```
 
 > This would copy the genesis design system package to node modules locally and create an entry in the `consumer's` package.json
@@ -155,7 +155,7 @@ Check out our [**Design Tokens Page**](https://spaced-out.github.io/ui-design-sy
   ...
   "dependencies": {
     ...
-    "@spaced-out/ui-design-system": "file:../../ui_design_system",
+    "@spaced-out/ui-design-system": "file:../ui_design_system",
     ...
   },
   ...

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -224,7 +224,7 @@ const SideMenuLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     condition: to !== undefined,
     wrapper: children => /*#__PURE__*/React.createElement(_Link.Link, {
       to: to,
-      tabIndex: disabled ? -1 : 0,
+      tabIndex: -1,
       linkComponent: LinkComponent,
       className: (0, _classify.default)(_SideMenuLinkModule.default.linkComponent, {
         [_SideMenuLinkModule.default.closed]: !opened
@@ -245,7 +245,7 @@ const SideMenuLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }, classNames?.wrapper),
     onClick: onChangeHandler,
     ref: ref,
-    tabIndex: disabled || to !== undefined ? -1 : tabIndex,
+    tabIndex: disabled ? -1 : tabIndex,
     disabled: disabled,
     key: pageNameKey
   }), pageNameKey && MENU_NAME_LIST[pageNameKey] ? /*#__PURE__*/React.createElement("div", {

package/lib/components/SideMenuLink/SideMenuLink.js.flow

@@ -256,7 +256,7 @@ export const SideMenuLink: React$AbstractComponent<
         wrapper={(children) => (
           <Link
             to={to}
-            tabIndex={disabled ? -1 : 0}
+            tabIndex={-1}
             linkComponent={LinkComponent}
             className={classify(css.linkComponent, {
               [css.closed]: !opened,
@@ -289,7 +289,7 @@ export const SideMenuLink: React$AbstractComponent<
             )}
             onClick={onChangeHandler}
             ref={ref}
-            tabIndex={disabled || to !== undefined ? -1 : tabIndex}
+            tabIndex={disabled ? -1 : tabIndex}
             disabled={disabled}
             key={pageNameKey}
           >

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js

@@ -48,10 +48,21 @@ const TruncatedTextWithTooltip = _ref => {
   };
   return /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
     condition: Boolean(showMouseTip),
-    wrapper: children => /*#__PURE__*/React.createElement(_Tooltip.Tooltip, _extends({}, tooltip, {
-      body: tooltip?.body ?? children,
-      elevation: tooltip?.elevation ?? 'toast'
-    }), children)
+    wrapper: children => {
+      const child = React.Children.only(children);
+
+      //Vivek: This children in tooltip body is modified to remove line clamp style
+      const modifiedChild = /*#__PURE__*/React.cloneElement(child, {
+        style: {
+          '--line-clamp': tooltip?.bodyMaxLines || line,
+          '--word-break': wordBreak
+        }
+      });
+      return /*#__PURE__*/React.createElement(_Tooltip.Tooltip, _extends({}, tooltip, {
+        body: tooltip?.body || modifiedChild,
+        elevation: tooltip?.elevation ?? 'toast'
+      }), children);
+    }
   }, /*#__PURE__*/React.createElement("span", {
     className: (0, _classify.default)(_TruncatedTextWithTooltipModule.default.truncateLineClamp, classNames?.wrapper),
     style: styles,

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

@@ -70,15 +70,27 @@ export const TruncatedTextWithTooltip = ({
   return (
     <ConditionalWrapper
       condition={Boolean(showMouseTip)}
-      wrapper={(children) => (
-        <Tooltip
-          {...tooltip}
-          body={tooltip?.body ?? children}
-          elevation={tooltip?.elevation ?? 'toast'}
-        >
-          {children}
-        </Tooltip>
-      )}
+      wrapper={(children) => {
+        const child = React.Children.only(children);
+
+        //Vivek: This children in tooltip body is modified to remove line clamp style
+        const modifiedChild = React.cloneElement(child, {
+          style: {
+            '--line-clamp': tooltip?.bodyMaxLines || line,
+            '--word-break': wordBreak,
+          },
+        });
+
+        return (
+          <Tooltip
+            {...tooltip}
+            body={tooltip?.body || modifiedChild}
+            elevation={tooltip?.elevation ?? 'toast'}
+          >
+            {children}
+          </Tooltip>
+        );
+      }}
     >
       <span
         className={classify(css.truncateLineClamp, classNames?.wrapper)}

package/package.json

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