fix: suppress tooltip on dialog close to prevent unwanted tooltip flash (#196)

When the native <dialog> closes, focus returns to the trigger button,
causing the cosmoz-tooltip to show briefly. This adds a temporary
disabled state (500ms) on the tooltip after dialog close to suppress
this unwanted behavior.

Bumps @neovici/cosmoz-tooltip to ^1.1.0 for the new disabled attribute.

Author: cristinecula

package-lock.json

@@ -91,7 +91,7 @@
 		"@neovici/cosmoz-icons": "^1.5.0",
 		"@neovici/cosmoz-input": "^5.0.0",
 		"@neovici/cosmoz-tokens": "^3.2.1",
-		"@neovici/cosmoz-tooltip": "^1.0.2",
+		"@neovici/cosmoz-tooltip": "^1.1.0",
 		"@neovici/cosmoz-tree": "^3.6.1",
 		"@neovici/cosmoz-utils": "^6.8.1",
 		"@pionjs/pion": "^2.12.0",

package.json

@@ -58,6 +58,7 @@ const CosmozNodeButtonView = ({
 	searchDebounceTimeout = 500,
 }: ButtonViewProps) => {
 	const dialogRef = useRef<ButtonViewDialog | null>(null);
+	const tooltipTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
 
 	// nodePath is the single source of truth - external two-way binding
 	const [nodePath, setNodePath] = useProperty<string>('nodePath', '');
@@ -68,6 +69,10 @@ const CosmozNodeButtonView = ({
 	// Track highlighted node path from navigator for Select button
 	const [highlightedNodePath, setHighlightedNodePath] = useState<string>('');
 
+	// Temporarily suppress tooltip after dialog close to prevent
+	// it from showing when focus returns to the button
+	const [tooltipDisabled, setTooltipDisabled] = useState(false);
+
 	// nodesOnNodePath derived from nodePath + tree
 	const nodesOnNodePath = useMemo(
 		() => getTreePathParts(nodePath, tree),
@@ -101,7 +106,15 @@ const CosmozNodeButtonView = ({
 
 	const onOpen = () => setOpened(true);
 
-	const onClose = () => setOpened(false);
+	const onClose = () => {
+		setOpened(false);
+		setTooltipDisabled(true);
+		clearTimeout(tooltipTimeoutRef.current);
+		tooltipTimeoutRef.current = setTimeout(
+			() => setTooltipDisabled(false),
+			500,
+		);
+	};
 
 	useKeyDown('Escape', onClose);
 
@@ -161,6 +174,7 @@ const CosmozNodeButtonView = ({
 				placement="right"
 				.description=${buttonLabel}
 				.delay=${1000}
+				.disabled=${tooltipDisabled}
 			>
 				<cosmoz-button
 					variant="secondary"