chore: add showOnTruncate extra prop to Tippy

Author: Elessar1802

src/Common/RJSF/templates/ButtonTemplates/AddButton.tsx

@@ -32,6 +32,7 @@ export const AddButton = ({
     return (
         <div className="flexbox flex-justify-start">
             <Tippy
+                showOnTruncate
                 className="default-tt dc__word-break"
                 arrow={false}
                 placement="right"

src/Common/Tippy.tsx

@@ -1,11 +1,12 @@
 import { useCallback, useState, Children, cloneElement } from 'react'
-import TippyJS, { TippyProps as TippyJSProps } from '@tippyjs/react'
+import TippyJS from '@tippyjs/react'
+import { TippyProps } from './Types'
 
-const Tippy = ({ children, ...rest }: TippyJSProps) => {
+const Tippy = ({ showOnTruncate = false, children, ...rest }: TippyProps) => {
     const [showTippy, setShowTippy] = useState(false)
 
     const refCallback = useCallback((node: HTMLDivElement) => {
-        if (node) {
+        if (node && showOnTruncate) {
             setShowTippy(node.scrollWidth > node.clientWidth)
         }
     }, [])

src/Common/Types.ts

@@ -19,6 +19,7 @@ import { Placement } from 'tippy.js'
 import { ImageComment, ReleaseTag } from './ImageTags.Types'
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.'
 import { RegistryType } from '../Shared'
+import { TippyProps as TippyJSProps } from '@tippyjs/react'
 
 /**
  * Generic response type object with support for overriding the result type
@@ -935,3 +936,7 @@ export interface EnvironmentHelmResult {
 }
 
 export type EnvironmentListHelmResponse = ResponseType<EnvironmentListHelmResult[]>
+
+export interface TippyProps extends TippyJSProps {
+    showOnTruncate?: boolean
+}