feat(Tooltip): fix dynamic width (#778)

* feat(Tooltip): fix dynamic width

* feat(Tooltip): fix dynamic width

* feat(Tooltip): remove dynamic text story

* feat(Tooltip): update tooltip when label changes using useRef

packages/react/src/components/tooltip/tooltip.tsx

@@ -5,6 +5,7 @@ import {
     PropsWithChildren,
     useCallback,
     useEffect,
+    useRef,
     useMemo,
     useState,
 } from 'react';
@@ -234,6 +235,7 @@ export const Tooltip: FunctionComponent<PropsWithChildren<TooltipProps>> = ({
     const [isClicked, setIsClicked] = useState<boolean>(false);
     const currentLabel = isClicked ? (confirmationLabel ?? label) : label;
     const tooltipVariant = (mode === 'confirm' && isClicked) ? 'success' : 'normal';
+    const prevLabel = useRef(currentLabel);
 
     const getTooltipTriggerType = useCallback((): TriggerType | null => {
         if (disabled) {
@@ -254,6 +256,11 @@ export const Tooltip: FunctionComponent<PropsWithChildren<TooltipProps>> = ({
         delayShow: delayed ? titleDelay : undefined,
     }, { modifiers });
 
+    if (prevLabel.current !== currentLabel) {
+        prevLabel.current = currentLabel;
+        popperTooltip?.update?.();
+    }
+
     const openTooltip = useCallback((): void => {
         if (delayed && !disabled) {
             setTooltipTimeout(() => setTimeout(() => setControlledTooltipOpen(true), titleDelay));