Merge branch 'Mil4n0r/tree_navigation' of github.com:dxc-technology/halstack-react into Mil4n0r/tree_navigation

Author: Mil4n0r

apps/website/screens/components/breadcrumbs/code/examples/basicUsage.tsx

@@ -7,15 +7,15 @@ const code = `() => {
       href: "/components/select",
     },
     {
-      label: "Specifications",
-      href: "/components/select/specifications",
+      label: "Code",
+      href: "/components/select/code",
     },
     {
-      label: "Design Tokens",
-      href: "/components/select/specifications/#design-tokens",
+      label: "Examples",
+      href: "/components/select/code/#examples",
     },
     {
-      label: "Color",
+      label: "Uncontrolled",
     }
   ];
 

apps/website/screens/components/breadcrumbs/code/examples/nextJS.tsx

@@ -13,15 +13,15 @@ const code = `() => {
       href: "/components/select",
     },
     {
-      label: "Specifications",
-      href: "/components/select/specifications",
+      label: "Code",
+      href: "/components/select/code",
     },
     {
-      label: "Design Tokens",
-      href: "/components/select/specifications/#design-tokens",
+      label: "Examples",
+      href: "/components/select/code/#examples",
     },
     {
-      label: "Color",
+      label: "Uncontrolled",
     }
   ]; 
 

packages/lib/src/breadcrumbs/Item.tsx

@@ -48,8 +48,9 @@ const Item = ({ isCurrentPage = false, href, label, onClick }: ItemPropsType) =>
   const currentItemRef = useRef<HTMLSpanElement | null>(null);
 
   const handleOnClick = (event: MouseEvent<HTMLAnchorElement>) => {
+    if (typeof onClick !== "function") return;
     event.preventDefault();
-    if (href) onClick?.(href);
+    if (href) onClick(href);
   };
 
   const handleOnMouseEnter = (event: MouseEvent<HTMLAnchorElement>) => {

packages/lib/src/text-input/TextInput.tsx

@@ -554,7 +554,7 @@ const DxcTextInput = forwardRef<RefType, TextInputPropsType>(
                     icon="close"
                     onClick={handleClearActionOnClick}
                     tabIndex={tabIndex}
-                    title={translatedLabels.textInput.clearFieldActionTitle}
+                    title={!disabled ? translatedLabels.textInput.clearFieldActionTitle : undefined}
                   />
                 )}
                 {numberInputContext?.typeNumber === "number" && numberInputContext?.showControls && (
@@ -566,7 +566,7 @@ const DxcTextInput = forwardRef<RefType, TextInputPropsType>(
                       onClick={!readOnly ? handleDecrementActionOnClick : undefined}
                       ref={actionRef}
                       tabIndex={tabIndex}
-                      title={translatedLabels.numberInput.decrementValueTitle}
+                      title={!disabled ? translatedLabels.numberInput.decrementValueTitle : undefined}
                     />
                     <DxcActionIcon
                       size="xsmall"
@@ -575,7 +575,7 @@ const DxcTextInput = forwardRef<RefType, TextInputPropsType>(
                       onClick={!readOnly ? handleIncrementActionOnClick : undefined}
                       ref={actionRef}
                       tabIndex={tabIndex}
-                      title={translatedLabels.numberInput.incrementValueTitle}
+                      title={!disabled ? translatedLabels.numberInput.incrementValueTitle : undefined}
                     />
                   </>
                 )}
@@ -587,7 +587,7 @@ const DxcTextInput = forwardRef<RefType, TextInputPropsType>(
                     onClick={!readOnly ? action.onClick : undefined}
                     ref={actionRef}
                     tabIndex={tabIndex}
-                    title={action.title ?? ""}
+                    title={!disabled ? (action.title ?? undefined) : undefined}
                   />
                 )}
               </DxcFlex>