@cube-dev/ui-kit 0.0.0-canary-c64f303 → 0.0.0-canary-8b468fb

package/dist/components/content/use-auto-tooltip.js

@@ -1,120 +1,89 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
-import { c } from "react-compiler-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/content/use-auto-tooltip.tsx
-function assignRef(ref, element) {
-	if (typeof ref === "function") ref(element);
-	else if (ref) ref.current = element;
-}
-function useAutoTooltip(t0) {
-	const $ = c(37);
-	const { tooltip, children, labelProps, isDynamicLabel: t1, labelRef: labelRefOption } = t0;
-	const isDynamicLabel = t1 === void 0 ? false : t1;
-	let t2;
-	bb0: {
-		if (typeof children !== "string") {
-			t2 = false;
-			break bb0;
-		}
-		if (tooltip === true) {
-			t2 = true;
-			break bb0;
-		}
+function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel = false }) {
+	const isAutoTooltipEnabled = useMemo(() => {
+		if (typeof children !== "string") return false;
+		if (tooltip === true) return true;
 		if (typeof tooltip === "object") {
-			if (tooltip.title) {
-				t2 = tooltip.auto === true;
-				break bb0;
-			}
-			t2 = !!(tooltip.auto !== void 0 ? tooltip.auto : true);
-			break bb0;
+			if (tooltip.title) return tooltip.auto === true;
+			return !!(tooltip.auto !== void 0 ? tooltip.auto : true);
 		}
-		t2 = false;
-	}
-	const isAutoTooltipEnabled = t2;
+		return false;
+	}, [tooltip, children]);
 	const externalLabelRef = labelProps?.ref;
 	const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
 	const elementRef = useRef(null);
 	const resizeObserverRef = useRef(null);
 	const measurePendingRef = useRef(false);
-	let t3;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			const label = elementRef.current;
-			if (!label) return;
-			setIsLabelOverflowed(label.scrollWidth > label.clientWidth);
-		};
-		$[0] = t3;
-	} else t3 = $[0];
-	const checkLabelOverflow = t3;
-	let t4;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => {
-			if (measurePendingRef.current) return;
-			measurePendingRef.current = true;
-			queueMicrotask(() => {
-				measurePendingRef.current = false;
-				checkLabelOverflow();
-			});
-		};
-		$[1] = t4;
-	} else t4 = $[1];
-	const scheduleLabelOverflowCheck = t4;
-	let t5;
-	let t6;
-	if ($[2] !== isAutoTooltipEnabled) {
-		t5 = () => {
-			if (isAutoTooltipEnabled) {
-				checkLabelOverflow();
-				return;
-			}
+	const checkLabelOverflow = useCallback(() => {
+		const label = elementRef.current;
+		if (!label) return;
+		setIsLabelOverflowed(label.scrollWidth > label.clientWidth);
+	}, []);
+	/**
+	* Measure once the current task has finished, not inside it.
+	*
+	* A microtask runs after React's whole commit — every mutation, layout effect
+	* and ref attachment — and before paint. Every label on the page therefore
+	* reads after all of them have written, so the reads collapse into one style
+	* and layout flush instead of forcing one each, mid-commit. Reading straight
+	* from the callback ref is what cost 122ms of `get scrollWidth` in one Cloud
+	* profile, more than the entire style engine.
+	*
+	* A microtask rather than the observer's first delivery: observer callbacks
+	* are part of the rendering steps, so a runner that is not producing frames —
+	* a background tab, or a headless browser running many stories at once — can
+	* delay them past the point something asks whether the tooltip is active.
+	* Microtasks do not depend on a frame.
+	*/
+	const scheduleLabelOverflowCheck = useCallback(() => {
+		if (measurePendingRef.current) return;
+		measurePendingRef.current = true;
+		queueMicrotask(() => {
+			measurePendingRef.current = false;
+			checkLabelOverflow();
+		});
+	}, [checkLabelOverflow]);
+	useEffect(() => {
+		if (isAutoTooltipEnabled) {
+			checkLabelOverflow();
+			return;
+		}
+		setIsLabelOverflowed(false);
+	}, [isAutoTooltipEnabled, checkLabelOverflow]);
+	const handleLabelElementRef = useCallback((element) => {
+		if (externalLabelRef) if (typeof externalLabelRef === "function") externalLabelRef(element);
+		else externalLabelRef.current = element;
+		if (resizeObserverRef.current) {
+			try {
+				resizeObserverRef.current.disconnect();
+			} catch {}
+			resizeObserverRef.current = null;
+		}
+		elementRef.current = element;
+		if (!isAutoTooltipEnabled) {
 			setIsLabelOverflowed(false);
-		};
-		t6 = [isAutoTooltipEnabled, checkLabelOverflow];
-		$[2] = isAutoTooltipEnabled;
-		$[3] = t5;
-		$[4] = t6;
-	} else {
-		t5 = $[3];
-		t6 = $[4];
-	}
-	useEffect(t5, t6);
-	let t7;
-	if ($[5] !== externalLabelRef || $[6] !== isAutoTooltipEnabled || $[7] !== labelRefOption) {
-		t7 = (element) => {
-			assignRef(externalLabelRef, element);
-			assignRef(labelRefOption, element);
-			if (resizeObserverRef.current) {
-				try {
-					resizeObserverRef.current.disconnect();
-				} catch {}
-				resizeObserverRef.current = null;
-			}
-			elementRef.current = element;
-			if (!isAutoTooltipEnabled) {
-				setIsLabelOverflowed(false);
-				return;
-			}
-			if (!element) return;
-			scheduleLabelOverflowCheck();
-			const obs = new ResizeObserver(() => {
-				checkLabelOverflow();
-			});
-			resizeObserverRef.current = obs;
-			obs.observe(element);
-		};
-		$[5] = externalLabelRef;
-		$[6] = isAutoTooltipEnabled;
-		$[7] = labelRefOption;
-		$[8] = t7;
-	} else t7 = $[8];
-	const handleLabelElementRef = t7;
-	let t8;
-	let t9;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => () => {
+			return;
+		}
+		if (!element) return;
+		scheduleLabelOverflowCheck();
+		const obs = new ResizeObserver(() => {
+			checkLabelOverflow();
+		});
+		resizeObserverRef.current = obs;
+		obs.observe(element);
+	}, [
+		externalLabelRef,
+		isAutoTooltipEnabled,
+		checkLabelOverflow,
+		scheduleLabelOverflowCheck
+	]);
+	useEffect(() => {
+		return () => {
 			if (resizeObserverRef.current) {
 				try {
 					resizeObserverRef.current.disconnect();
@@ -123,137 +92,62 @@ function useAutoTooltip(t0) {
 			}
 			elementRef.current = null;
 		};
-		t9 = [];
-		$[9] = t8;
-		$[10] = t9;
-	} else {
-		t8 = $[9];
-		t9 = $[10];
-	}
-	useEffect(t8, t9);
-	let t10;
-	if ($[11] !== labelProps) {
-		t10 = labelProps || {};
-		$[11] = labelProps;
-		$[12] = t10;
-	} else t10 = $[12];
-	let props;
-	if ($[13] !== t10) {
-		props = { ...t10 };
+	}, []);
+	const finalLabelProps = useMemo(() => {
+		const props = { ...labelProps || {} };
 		delete props.ref;
-		$[13] = t10;
-		$[14] = props;
-	} else props = $[14];
-	const finalLabelProps = props;
-	let t11;
-	bb1: {
-		if (!tooltip) {
-			t11 = null;
-			break bb1;
-		}
-		if (typeof tooltip === "string") {
-			let t12;
-			if ($[15] !== tooltip) {
-				t12 = { title: tooltip };
-				$[15] = tooltip;
-				$[16] = t12;
-			} else t12 = $[16];
-			t11 = t12;
-			break bb1;
-		}
+		return props;
+	}, [labelProps]);
+	/**
+	* The `TooltipProvider` props this tooltip resolves to, or `null` when no
+	* tooltip is rendered at all. Resolved once so that both the rendering below
+	* and `isTooltipActive` speak about the same tooltip.
+	*/
+	const resolvedTooltip = useMemo(() => {
+		if (!tooltip) return null;
+		if (typeof tooltip === "string") return { title: tooltip };
 		const hasAutoContent = !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);
 		if (tooltip === true) {
-			if (!hasAutoContent) {
-				t11 = null;
-				break bb1;
-			}
-			const t12 = !isLabelOverflowed && isDynamicLabel;
-			let t13;
-			if ($[17] !== children || $[18] !== t12) {
-				t13 = {
-					title: children,
-					isDisabled: t12
-				};
-				$[17] = children;
-				$[18] = t12;
-				$[19] = t13;
-			} else t13 = $[19];
-			t11 = t13;
-			break bb1;
-		}
-		let auto;
-		let tooltipProps;
-		if ($[20] !== tooltip) {
-			({auto, ...tooltipProps} = tooltip);
-			$[20] = tooltip;
-			$[21] = auto;
-			$[22] = tooltipProps;
-		} else {
-			auto = $[21];
-			tooltipProps = $[22];
-		}
-		if (tooltipProps.title && auto !== true) {
-			t11 = tooltipProps;
-			break bb1;
-		}
-		if (!hasAutoContent) {
-			t11 = null;
-			break bb1;
-		}
-		const t12 = tooltipProps.title ?? children;
-		const t13 = !isLabelOverflowed && isDynamicLabel && tooltipProps.isDisabled !== true;
-		let t14;
-		if ($[23] !== t12 || $[24] !== t13 || $[25] !== tooltipProps) {
-			t14 = {
-				title: t12,
-				isDisabled: t13,
-				...tooltipProps
+			if (!hasAutoContent) return null;
+			return {
+				title: children,
+				isDisabled: !isLabelOverflowed && isDynamicLabel
 			};
-			$[23] = t12;
-			$[24] = t13;
-			$[25] = tooltipProps;
-			$[26] = t14;
-		} else t14 = $[26];
-		t11 = t14;
-	}
-	const resolvedTooltip = t11;
-	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
-	let t12;
-	if ($[27] !== resolvedTooltip) {
-		t12 = (renderElement, defaultTooltipPlacement) => {
-			if (!resolvedTooltip) return renderElement();
-			return /* @__PURE__ */ jsx(TooltipProvider, {
-				placement: defaultTooltipPlacement,
-				...resolvedTooltip,
-				children: (triggerProps, ref) => renderElement(triggerProps, ref)
-			});
-		};
-		$[27] = resolvedTooltip;
-		$[28] = t12;
-	} else t12 = $[28];
-	const renderWithTooltip = t12;
-	const t13 = !!tooltip;
-	let t14;
-	if ($[29] !== finalLabelProps || $[30] !== handleLabelElementRef || $[31] !== isAutoTooltipEnabled || $[32] !== isLabelOverflowed || $[33] !== isTooltipActive || $[34] !== renderWithTooltip || $[35] !== t13) {
-		t14 = {
-			labelRef: handleLabelElementRef,
-			labelProps: finalLabelProps,
-			isLabelOverflowed,
-			isAutoTooltipEnabled,
-			hasTooltip: t13,
-			isTooltipActive,
-			renderWithTooltip
+		}
+		const { auto, ...tooltipProps } = tooltip;
+		if (tooltipProps.title && auto !== true) return tooltipProps;
+		if (!hasAutoContent) return null;
+		return {
+			title: tooltipProps.title ?? children,
+			isDisabled: !isLabelOverflowed && isDynamicLabel && tooltipProps.isDisabled !== true,
+			...tooltipProps
 		};
-		$[29] = finalLabelProps;
-		$[30] = handleLabelElementRef;
-		$[31] = isAutoTooltipEnabled;
-		$[32] = isLabelOverflowed;
-		$[33] = isTooltipActive;
-		$[34] = renderWithTooltip;
-		$[35] = t13;
-		$[36] = t14;
-	} else t14 = $[36];
-	return t14;
+	}, [
+		tooltip,
+		children,
+		labelProps,
+		isLabelOverflowed,
+		isDynamicLabel
+	]);
+	/** Whether a tooltip is rendered and able to open. */
+	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
+	const renderWithTooltip = (renderElement, defaultTooltipPlacement) => {
+		if (!resolvedTooltip) return renderElement();
+		return /* @__PURE__ */ jsx(TooltipProvider, {
+			placement: defaultTooltipPlacement,
+			...resolvedTooltip,
+			children: (triggerProps, ref) => renderElement(triggerProps, ref)
+		});
+	};
+	return {
+		labelRef: handleLabelElementRef,
+		labelProps: finalLabelProps,
+		isLabelOverflowed,
+		isAutoTooltipEnabled,
+		hasTooltip: !!tooltip,
+		isTooltipActive,
+		renderWithTooltip
+	};
 }
 
 //#endregion

package/dist/components/content/use-auto-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-tooltip.js","names":["HTMLAttributes","ReactNode","Ref","RefObject","useCallback","useEffect","useMemo","useRef","useState","OverlayProps","CubeTooltipProviderProps","TooltipProvider","Props","AutoTooltipValue","Omit","auto","UseAutoTooltipOptions","tooltip","children","labelProps","isDynamicLabel","labelRef","HTMLElement","assignRef","ref","element","current","useAutoTooltip","t0","$","_c","t1","labelRefOption","undefined","t2","bb0","title","autoValue","isAutoTooltipEnabled","externalLabelRef","isLabelOverflowed","setIsLabelOverflowed","elementRef","resizeObserverRef","measurePendingRef","t3","Symbol","for","label","scrollWidth","clientWidth","checkLabelOverflow","t4","queueMicrotask","scheduleLabelOverflowCheck","t5","t6","t7","disconnect","obs","ResizeObserver","observe","handleLabelElementRef","t8","t9","t10","props","finalLabelProps","t11","bb1","t12","hasAutoContent","t13","isDisabled","tooltipProps","t14","resolvedTooltip","isTooltipActive","renderElement","defaultTooltipPlacement","triggerProps","renderWithTooltip","hasTooltip"],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nimport type { Props } from '../../props';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n  /**\n   * The caller's own ref to the label element. The hook owns the label's ref\n   * (it measures the node), so a caller that also needs the node hands its ref\n   * over here rather than attaching a second one.\n   */\n  labelRef?: Ref<HTMLElement>;\n}\n\nfunction assignRef(ref: unknown, element: HTMLElement | null) {\n  if (typeof ref === 'function') {\n    ref(element);\n  } else if (ref) {\n    (ref as { current: HTMLElement | null }).current = element;\n  }\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n  labelRef: labelRefOption,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const measurePendingRef = useRef(false);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n\n    if (!label) return;\n\n    setIsLabelOverflowed(label.scrollWidth > label.clientWidth);\n  }, []);\n\n  /**\n   * Measure once the current task has finished, not inside it.\n   *\n   * A microtask runs after React's whole commit — every mutation, layout effect\n   * and ref attachment — and before paint. Every label on the page therefore\n   * reads after all of them have written, so the reads collapse into one style\n   * and layout flush instead of forcing one each, mid-commit. Reading straight\n   * from the callback ref is what cost 122ms of `get scrollWidth` in one Cloud\n   * profile, more than the entire style engine.\n   *\n   * A microtask rather than the observer's first delivery: observer callbacks\n   * are part of the rendering steps, so a runner that is not producing frames —\n   * a background tab, or a headless browser running many stories at once — can\n   * delay them past the point something asks whether the tooltip is active.\n   * Microtasks do not depend on a frame.\n   */\n  const scheduleLabelOverflowCheck = useCallback(() => {\n    if (measurePendingRef.current) return;\n\n    measurePendingRef.current = true;\n\n    queueMicrotask(() => {\n      measurePendingRef.current = false;\n      checkLabelOverflow();\n    });\n  }, [checkLabelOverflow]);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n\n      return;\n    }\n\n    // Clearing here rather than in the callback ref, which cannot be trusted\n    // to do it. Flipping `isAutoTooltipEnabled` changes the ref's identity, so\n    // React detaches with the PREVIOUS callback — the one that still believes\n    // auto tooltips are on, and therefore keeps the last verdict — and only\n    // attaches the new one if the label still exists. When `children` stops\n    // being a string the label unmounts, so the new callback never runs and a\n    // stale `true` would keep an auto tooltip mounted over content that is no\n    // longer text. That is the default `Button` path, where `tooltip` is `true`.\n    setIsLabelOverflowed(false);\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Notify the external refs\n      assignRef(externalLabelRef, element);\n      assignRef(labelRefOption, element);\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (!isAutoTooltipEnabled) {\n        setIsLabelOverflowed(false);\n\n        return;\n      }\n\n      // No node to measure. Leave the previous verdict alone rather than\n      // clearing it: turning the verdict on mounts `TooltipProvider`, which\n      // remounts the label underneath it, so React detaches the old node and\n      // attaches a new one within that commit. Clearing here would unmount the\n      // provider, remount the label, measure it, mount the provider again — a\n      // loop that never settles.\n      if (!element) return;\n\n      // Do NOT measure synchronously here — see `scheduleLabelOverflowCheck`.\n      // This covers the node the ref just handed us, including the fresh one\n      // React creates when `TooltipProvider` mounts and remounts the label.\n      scheduleLabelOverflowCheck();\n\n      // The observer covers every later size change.\n      const obs = new ResizeObserver(() => {\n        checkLabelOverflow();\n      });\n\n      resizeObserverRef.current = obs;\n\n      obs.observe(element);\n    },\n    [\n      externalLabelRef,\n      labelRefOption,\n      isAutoTooltipEnabled,\n      checkLabelOverflow,\n      scheduleLabelOverflowCheck,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  /**\n   * The `TooltipProvider` props this tooltip resolves to, or `null` when no\n   * tooltip is rendered at all. Resolved once so that both the rendering below\n   * and `isTooltipActive` speak about the same tooltip.\n   */\n  const resolvedTooltip = useMemo<Omit<\n    CubeTooltipProviderProps,\n    'children'\n  > | null>(() => {\n    if (!tooltip) return null;\n\n    // String tooltip - simple case\n    if (typeof tooltip === 'string') {\n      return { title: tooltip };\n    }\n\n    const hasAutoContent =\n      !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);\n\n    // Boolean tooltip - auto tooltip on overflow\n    if (tooltip === true) {\n      if (!hasAutoContent) return null;\n\n      return {\n        title: children,\n        isDisabled: !isLabelOverflowed && isDynamicLabel,\n      };\n    }\n\n    // Object tooltip - advanced configuration\n    const { auto, ...tooltipProps } = tooltip;\n\n    // If title is provided and auto is not explicitly true, always show the tooltip\n    if (tooltipProps.title && auto !== true) {\n      return tooltipProps;\n    }\n\n    // If title is provided with auto=true, OR no title but auto behavior enabled\n    if (!hasAutoContent) return null;\n\n    return {\n      title: tooltipProps.title ?? children,\n      isDisabled:\n        !isLabelOverflowed &&\n        isDynamicLabel &&\n        tooltipProps.isDisabled !== true,\n      ...tooltipProps,\n    };\n  }, [tooltip, children, labelProps, isLabelOverflowed, isDynamicLabel]);\n\n  /** Whether a tooltip is rendered and able to open. */\n  const isTooltipActive =\n    !!resolvedTooltip && resolvedTooltip.isDisabled !== true;\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    if (!resolvedTooltip) return renderElement();\n\n    return (\n      <TooltipProvider placement={defaultTooltipPlacement} {...resolvedTooltip}>\n        {(triggerProps, ref) => renderElement(triggerProps, ref)}\n      </TooltipProvider>\n    );\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    isTooltipActive,\n    renderWithTooltip,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-auto-tooltip.js","names":["HTMLAttributes","ReactNode","RefObject","useCallback","useEffect","useMemo","useRef","useState","OverlayProps","CubeTooltipProviderProps","TooltipProvider","Props","AutoTooltipValue","Omit","auto","UseAutoTooltipOptions","tooltip","children","labelProps","isDynamicLabel","useAutoTooltip","isAutoTooltipEnabled","title","autoValue","undefined","externalLabelRef","ref","isLabelOverflowed","setIsLabelOverflowed","elementRef","HTMLElement","resizeObserverRef","ResizeObserver","measurePendingRef","checkLabelOverflow","label","current","scrollWidth","clientWidth","scheduleLabelOverflowCheck","queueMicrotask","handleLabelElementRef","element","disconnect","obs","observe","finalLabelProps","props","resolvedTooltip","hasAutoContent","isDisabled","tooltipProps","isTooltipActive","renderWithTooltip","renderElement","tooltipTriggerProps","tooltipRef","defaultTooltipPlacement","triggerProps","labelRef","hasTooltip"],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nimport type { Props } from '../../props';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const measurePendingRef = useRef(false);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n\n    if (!label) return;\n\n    setIsLabelOverflowed(label.scrollWidth > label.clientWidth);\n  }, []);\n\n  /**\n   * Measure once the current task has finished, not inside it.\n   *\n   * A microtask runs after React's whole commit — every mutation, layout effect\n   * and ref attachment — and before paint. Every label on the page therefore\n   * reads after all of them have written, so the reads collapse into one style\n   * and layout flush instead of forcing one each, mid-commit. Reading straight\n   * from the callback ref is what cost 122ms of `get scrollWidth` in one Cloud\n   * profile, more than the entire style engine.\n   *\n   * A microtask rather than the observer's first delivery: observer callbacks\n   * are part of the rendering steps, so a runner that is not producing frames —\n   * a background tab, or a headless browser running many stories at once — can\n   * delay them past the point something asks whether the tooltip is active.\n   * Microtasks do not depend on a frame.\n   */\n  const scheduleLabelOverflowCheck = useCallback(() => {\n    if (measurePendingRef.current) return;\n\n    measurePendingRef.current = true;\n\n    queueMicrotask(() => {\n      measurePendingRef.current = false;\n      checkLabelOverflow();\n    });\n  }, [checkLabelOverflow]);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n\n      return;\n    }\n\n    // Clearing here rather than in the callback ref, which cannot be trusted\n    // to do it. Flipping `isAutoTooltipEnabled` changes the ref's identity, so\n    // React detaches with the PREVIOUS callback — the one that still believes\n    // auto tooltips are on, and therefore keeps the last verdict — and only\n    // attaches the new one if the label still exists. When `children` stops\n    // being a string the label unmounts, so the new callback never runs and a\n    // stale `true` would keep an auto tooltip mounted over content that is no\n    // longer text. That is the default `Button` path, where `tooltip` is `true`.\n    setIsLabelOverflowed(false);\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Call external callback ref to notify external refs\n      if (externalLabelRef) {\n        if (typeof externalLabelRef === 'function') {\n          externalLabelRef(element);\n        } else {\n          (externalLabelRef as any).current = element;\n        }\n      }\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (!isAutoTooltipEnabled) {\n        setIsLabelOverflowed(false);\n\n        return;\n      }\n\n      // No node to measure. Leave the previous verdict alone rather than\n      // clearing it: turning the verdict on mounts `TooltipProvider`, which\n      // remounts the label underneath it, so React detaches the old node and\n      // attaches a new one within that commit. Clearing here would unmount the\n      // provider, remount the label, measure it, mount the provider again — a\n      // loop that never settles.\n      if (!element) return;\n\n      // Do NOT measure synchronously here — see `scheduleLabelOverflowCheck`.\n      // This covers the node the ref just handed us, including the fresh one\n      // React creates when `TooltipProvider` mounts and remounts the label.\n      scheduleLabelOverflowCheck();\n\n      // The observer covers every later size change.\n      const obs = new ResizeObserver(() => {\n        checkLabelOverflow();\n      });\n\n      resizeObserverRef.current = obs;\n\n      obs.observe(element);\n    },\n    [\n      externalLabelRef,\n      isAutoTooltipEnabled,\n      checkLabelOverflow,\n      scheduleLabelOverflowCheck,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  /**\n   * The `TooltipProvider` props this tooltip resolves to, or `null` when no\n   * tooltip is rendered at all. Resolved once so that both the rendering below\n   * and `isTooltipActive` speak about the same tooltip.\n   */\n  const resolvedTooltip = useMemo<Omit<\n    CubeTooltipProviderProps,\n    'children'\n  > | null>(() => {\n    if (!tooltip) return null;\n\n    // String tooltip - simple case\n    if (typeof tooltip === 'string') {\n      return { title: tooltip };\n    }\n\n    const hasAutoContent =\n      !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);\n\n    // Boolean tooltip - auto tooltip on overflow\n    if (tooltip === true) {\n      if (!hasAutoContent) return null;\n\n      return {\n        title: children,\n        isDisabled: !isLabelOverflowed && isDynamicLabel,\n      };\n    }\n\n    // Object tooltip - advanced configuration\n    const { auto, ...tooltipProps } = tooltip;\n\n    // If title is provided and auto is not explicitly true, always show the tooltip\n    if (tooltipProps.title && auto !== true) {\n      return tooltipProps;\n    }\n\n    // If title is provided with auto=true, OR no title but auto behavior enabled\n    if (!hasAutoContent) return null;\n\n    return {\n      title: tooltipProps.title ?? children,\n      isDisabled:\n        !isLabelOverflowed &&\n        isDynamicLabel &&\n        tooltipProps.isDisabled !== true,\n      ...tooltipProps,\n    };\n  }, [tooltip, children, labelProps, isLabelOverflowed, isDynamicLabel]);\n\n  /** Whether a tooltip is rendered and able to open. */\n  const isTooltipActive =\n    !!resolvedTooltip && resolvedTooltip.isDisabled !== true;\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    if (!resolvedTooltip) return renderElement();\n\n    return (\n      <TooltipProvider placement={defaultTooltipPlacement} {...resolvedTooltip}>\n        {(triggerProps, ref) => renderElement(triggerProps, ref)}\n      </TooltipProvider>\n    );\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    isTooltipActive,\n    renderWithTooltip,\n  };\n}\n"],"mappings":"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"}

package/dist/components/data/DataTable/DataTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTableBulkBar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/ItemTable/ItemTableDragPreview.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/ItemTable/ItemTableFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/data/ItemTable/ItemTableToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";

package/dist/components/data/TableBase/ColumnResizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/TableBase/RowCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.

package/dist/components/data/TableBase/TableHeaderCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/data/TableBase/TableRow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/TableBase/TableView.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

package/dist/components/data/TableBase/column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-tint.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

package/dist/components/data/TableBase/row-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.d.ts

@@ -1,7 +1,6 @@
 
 import "../../content/Item/index.js";
 import "../../../data/item-themes.js";
-import "../../overlays/Tooltip/split-trigger-props.js";
 import "../../../index.js";
 import { Styles } from "@tenphi/tasty";
 import "react";

package/dist/components/data/TableBase/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

package/dist/components/data/TableBase/table-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

package/dist/components/data/TableBase/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

package/dist/components/data/TableBase/use-column-order.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/components/data/TableBase/use-container-width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-row-move-animation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 

package/dist/components/data/TableBase/use-scrollability.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-table-columns.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts

package/dist/components/data/TableBase/use-table-search.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8b468fb | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";