@cube-dev/ui-kit 0.183.0 → 0.185.0

package/dist/components/content/Tree/use-checkbox-tree.js

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

package/dist/components/content/Tree/use-load-data.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnvOrTest } from "../../../utils/is-dev-env.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.d.ts

@@ -1,6 +1,6 @@
 
 import { CubeTooltipProviderProps } from "../overlays/Tooltip/TooltipProvider.js";
-import { HTMLAttributes, ReactNode, RefObject } from "react";
+import { HTMLAttributes, ReactNode, Ref, RefObject } from "react";
 import "react/jsx-runtime";
 import { OverlayProps } from "react-aria";
 

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

@@ -1,153 +1,273 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { flushSync } from "react-dom";
 
 //#region src/components/content/use-auto-tooltip.tsx
-function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel = false }) {
-	const isAutoTooltipEnabled = useMemo(() => {
-		if (typeof children !== "string") return false;
-		if (tooltip === true) return true;
+function assignRef(ref, element) {
+	if (typeof ref === "function") ref(element);
+	else if (ref) ref.current = element;
+}
+/** Overflow checks queued for the end of the current task, from every label. */
+const pendingOverflowChecks = /* @__PURE__ */ new Set();
+/**
+* Runs every queued check in one pass and commits the verdicts that changed in
+* one synchronous render.
+*
+* All reads happen before React touches the DOM again, so they share one
+* layout. `flushSync` applies the verdicts, and the `TooltipProvider` remounts
+* they cause, before paint and before any other task, so code that looks the
+* label up after this task gets the node the verdict leaves in place, not one
+* about to be replaced. Outside a React commit this is an ordinary sync
+* render, not a nested update.
+*/
+function runOverflowChecks() {
+	const checks = Array.from(pendingOverflowChecks);
+	pendingOverflowChecks.clear();
+	flushSync(() => {
+		for (const check of checks) check();
+	});
+}
+function queueOverflowCheck(check) {
+	if (!pendingOverflowChecks.size) queueMicrotask(runOverflowChecks);
+	pendingOverflowChecks.add(check);
+}
+function useAutoTooltip(t0) {
+	const $ = c(36);
+	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;
+		}
 		if (typeof tooltip === "object") {
-			if (tooltip.title) return tooltip.auto === true;
-			return !!(tooltip.auto !== void 0 ? tooltip.auto : true);
+			if (tooltip.title) {
+				t2 = tooltip.auto === true;
+				break bb0;
+			}
+			t2 = !!(tooltip.auto !== void 0 ? tooltip.auto : true);
+			break bb0;
 		}
-		return false;
-	}, [tooltip, children]);
+		t2 = false;
+	}
+	const isAutoTooltipEnabled = t2;
 	const externalLabelRef = labelProps?.ref;
 	const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
 	const elementRef = useRef(null);
 	const resizeObserverRef = useRef(null);
-	const measurePendingRef = useRef(false);
-	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);
-			return;
-		}
-		if (!element) return;
-		scheduleLabelOverflowCheck();
-		const obs = new ResizeObserver(() => {
-			checkLabelOverflow();
-		});
-		resizeObserverRef.current = obs;
-		obs.observe(element);
-	}, [
-		externalLabelRef,
-		isAutoTooltipEnabled,
-		checkLabelOverflow,
-		scheduleLabelOverflowCheck
-	]);
-	useEffect(() => {
-		return () => {
+	const verdictRef = useRef(false);
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (value) => {
+			if (verdictRef.current === value) return;
+			verdictRef.current = value;
+			setIsLabelOverflowed(value);
+		};
+		$[0] = t3;
+	} else t3 = $[0];
+	const setVerdict = t3;
+	let t4;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => {
+			const label = elementRef.current;
+			if (!label) return;
+			setVerdict(label.scrollWidth > label.clientWidth);
+		};
+		$[1] = t4;
+	} else t4 = $[1];
+	const checkLabelOverflow = t4;
+	let t5;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => {
+			queueOverflowCheck(checkLabelOverflow);
+		};
+		$[2] = t5;
+	} else t5 = $[2];
+	const scheduleLabelOverflowCheck = t5;
+	let t6;
+	let t7;
+	if ($[3] !== isAutoTooltipEnabled) {
+		t6 = () => {
+			if (isAutoTooltipEnabled) {
+				scheduleLabelOverflowCheck();
+				return;
+			}
+			setVerdict(false);
+		};
+		t7 = [
+			isAutoTooltipEnabled,
+			scheduleLabelOverflowCheck,
+			setVerdict
+		];
+		$[3] = isAutoTooltipEnabled;
+		$[4] = t6;
+		$[5] = t7;
+	} else {
+		t6 = $[4];
+		t7 = $[5];
+	}
+	useEffect(t6, t7);
+	let t8;
+	if ($[6] !== externalLabelRef || $[7] !== isAutoTooltipEnabled || $[8] !== labelRefOption) {
+		t8 = (element) => {
+			assignRef(externalLabelRef, element);
+			assignRef(labelRefOption, element);
 			if (resizeObserverRef.current) {
 				try {
 					resizeObserverRef.current.disconnect();
 				} catch {}
 				resizeObserverRef.current = null;
 			}
-			elementRef.current = null;
+			elementRef.current = element;
+			if (!isAutoTooltipEnabled) {
+				setVerdict(false);
+				return;
+			}
+			if (!element) return;
+			scheduleLabelOverflowCheck();
+			const obs = new ResizeObserver(() => {
+				checkLabelOverflow();
+			});
+			resizeObserverRef.current = obs;
+			obs.observe(element);
 		};
-	}, []);
-	const finalLabelProps = useMemo(() => {
-		const props = { ...labelProps || {} };
+		$[6] = externalLabelRef;
+		$[7] = isAutoTooltipEnabled;
+		$[8] = labelRefOption;
+		$[9] = t8;
+	} else t8 = $[9];
+	const handleLabelElementRef = t8;
+	let t9;
+	if ($[10] !== labelProps) {
+		t9 = labelProps || {};
+		$[10] = labelProps;
+		$[11] = t9;
+	} else t9 = $[11];
+	let props;
+	if ($[12] !== t9) {
+		props = { ...t9 };
 		delete props.ref;
-		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 };
+		$[12] = t9;
+		$[13] = props;
+	} else props = $[13];
+	const finalLabelProps = props;
+	let t10;
+	bb1: {
+		if (!tooltip) {
+			t10 = null;
+			break bb1;
+		}
+		if (typeof tooltip === "string") {
+			let t11;
+			if ($[14] !== tooltip) {
+				t11 = { title: tooltip };
+				$[14] = tooltip;
+				$[15] = t11;
+			} else t11 = $[15];
+			t10 = t11;
+			break bb1;
+		}
 		const hasAutoContent = !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);
 		if (tooltip === true) {
-			if (!hasAutoContent) return null;
-			return {
-				title: children,
-				isDisabled: !isLabelOverflowed && isDynamicLabel
-			};
+			if (!hasAutoContent) {
+				t10 = null;
+				break bb1;
+			}
+			const t11 = !isLabelOverflowed && isDynamicLabel;
+			let t12;
+			if ($[16] !== children || $[17] !== t11) {
+				t12 = {
+					title: children,
+					isDisabled: t11
+				};
+				$[16] = children;
+				$[17] = t11;
+				$[18] = t12;
+			} else t12 = $[18];
+			t10 = t12;
+			break bb1;
 		}
-		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
-		};
-	}, [
-		tooltip,
-		children,
-		labelProps,
-		isLabelOverflowed,
-		isDynamicLabel
-	]);
-	/** Whether a tooltip is rendered and able to open. */
+		let auto;
+		let tooltipProps;
+		if ($[19] !== tooltip) {
+			({auto, ...tooltipProps} = tooltip);
+			$[19] = tooltip;
+			$[20] = auto;
+			$[21] = tooltipProps;
+		} else {
+			auto = $[20];
+			tooltipProps = $[21];
+		}
+		if (tooltipProps.title && auto !== true) {
+			t10 = tooltipProps;
+			break bb1;
+		}
+		if (!hasAutoContent) {
+			t10 = null;
+			break bb1;
+		}
+		const t11 = tooltipProps.title ?? children;
+		const t12 = !isLabelOverflowed && isDynamicLabel && tooltipProps.isDisabled !== true;
+		let t13;
+		if ($[22] !== t11 || $[23] !== t12 || $[24] !== tooltipProps) {
+			t13 = {
+				title: t11,
+				isDisabled: t12,
+				...tooltipProps
+			};
+			$[22] = t11;
+			$[23] = t12;
+			$[24] = tooltipProps;
+			$[25] = t13;
+		} else t13 = $[25];
+		t10 = t13;
+	}
+	const resolvedTooltip = t10;
 	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
-	};
+	let t11;
+	if ($[26] !== resolvedTooltip) {
+		t11 = (renderElement, defaultTooltipPlacement) => {
+			if (!resolvedTooltip) return renderElement();
+			return /* @__PURE__ */ jsx(TooltipProvider, {
+				placement: defaultTooltipPlacement,
+				...resolvedTooltip,
+				children: (triggerProps, ref) => renderElement(triggerProps, ref)
+			});
+		};
+		$[26] = resolvedTooltip;
+		$[27] = t11;
+	} else t11 = $[27];
+	const renderWithTooltip = t11;
+	const t12 = !!tooltip;
+	let t13;
+	if ($[28] !== finalLabelProps || $[29] !== handleLabelElementRef || $[30] !== isAutoTooltipEnabled || $[31] !== isLabelOverflowed || $[32] !== isTooltipActive || $[33] !== renderWithTooltip || $[34] !== t12) {
+		t13 = {
+			labelRef: handleLabelElementRef,
+			labelProps: finalLabelProps,
+			isLabelOverflowed,
+			isAutoTooltipEnabled,
+			hasTooltip: t12,
+			isTooltipActive,
+			renderWithTooltip
+		};
+		$[28] = finalLabelProps;
+		$[29] = handleLabelElementRef;
+		$[30] = isAutoTooltipEnabled;
+		$[31] = isLabelOverflowed;
+		$[32] = isTooltipActive;
+		$[33] = renderWithTooltip;
+		$[34] = t12;
+		$[35] = t13;
+	} else t13 = $[35];
+	return t13;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"use-auto-tooltip.js","names":["HTMLAttributes","ReactNode","Ref","RefObject","useCallback","useEffect","useMemo","useRef","useState","OverlayProps","flushSync","CubeTooltipProviderProps","TooltipProvider","Props","AutoTooltipValue","Omit","auto","UseAutoTooltipOptions","tooltip","children","labelProps","isDynamicLabel","labelRef","HTMLElement","assignRef","ref","element","current","pendingOverflowChecks","Set","runOverflowChecks","checks","Array","from","clear","check","queueOverflowCheck","size","queueMicrotask","add","useAutoTooltip","t0","$","_c","t1","labelRefOption","undefined","t2","bb0","title","autoValue","isAutoTooltipEnabled","externalLabelRef","isLabelOverflowed","setIsLabelOverflowed","elementRef","resizeObserverRef","verdictRef","t3","Symbol","for","value","setVerdict","t4","label","scrollWidth","clientWidth","checkLabelOverflow","t5","scheduleLabelOverflowCheck","t6","t7","t8","disconnect","obs","ResizeObserver","observe","handleLabelElementRef","t9","props","finalLabelProps","t10","bb1","t11","hasAutoContent","t12","isDisabled","tooltipProps","t13","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';\nimport { flushSync } from 'react-dom';\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\n/** Overflow checks queued for the end of the current task, from every label. */\nconst pendingOverflowChecks = new Set<() => void>();\n\n/**\n * Runs every queued check in one pass and commits the verdicts that changed in\n * one synchronous render.\n *\n * All reads happen before React touches the DOM again, so they share one\n * layout. `flushSync` applies the verdicts, and the `TooltipProvider` remounts\n * they cause, before paint and before any other task, so code that looks the\n * label up after this task gets the node the verdict leaves in place, not one\n * about to be replaced. Outside a React commit this is an ordinary sync\n * render, not a nested update.\n */\nfunction runOverflowChecks() {\n  const checks = Array.from(pendingOverflowChecks);\n\n  pendingOverflowChecks.clear();\n\n  flushSync(() => {\n    for (const check of checks) check();\n  });\n}\n\nfunction queueOverflowCheck(check: () => void) {\n  if (!pendingOverflowChecks.size) queueMicrotask(runOverflowChecks);\n\n  pendingOverflowChecks.add(check);\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 verdictRef = useRef(false);\n\n  /**\n   * Sets the verdict only when it changes. React skips an unchanged `setState`\n   * only while the component has no other update queued; otherwise the no-op is\n   * enqueued like any other update. From an effect flushed inside a sync commit\n   * that is a pending update, and a nested one — see the mount effect below.\n   * Mirroring the verdict makes every unchanged write free, whatever else the\n   * component has queued.\n   */\n  const setVerdict = useCallback((value: boolean) => {\n    if (verdictRef.current === value) return;\n\n    verdictRef.current = value;\n    setIsLabelOverflowed(value);\n  }, []);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n\n    if (!label) return;\n\n    setVerdict(label.scrollWidth > label.clientWidth);\n  }, [setVerdict]);\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. See `runOverflowChecks` for how the\n   * verdicts are applied.\n   */\n  const scheduleLabelOverflowCheck = useCallback(() => {\n    queueOverflowCheck(checkLabelOverflow);\n  }, [checkLabelOverflow]);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      // Queued, not measured here. React 19 flushes a sync commit's passive\n      // effects before the commit returns, so a verdict set from this effect\n      // leaves that commit with an update pending — a nested update. A list\n      // that commits each row on its own (ag-grid-react wraps every new row in\n      // `flushSync`) then gains one per row, and React throws \"Maximum update\n      // depth exceeded\" once the count passes 50. The queued check runs after\n      // the commit and still before paint. The callback ref has usually queued\n      // it already, so this call is absorbed. It matters when the flag flips on\n      // for a label whose ref did not re-attach.\n      scheduleLabelOverflowCheck();\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    setVerdict(false);\n  }, [isAutoTooltipEnabled, scheduleLabelOverflowCheck, setVerdict]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes. The ref\n  // also owns teardown: React hands it `null` when the label goes away. An\n  // unmount effect must not repeat that. React 18 Strict Mode replays effects\n  // without re-attaching refs, so the replay would drop the node and observer\n  // for good and strand the queued check.\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        setVerdict(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      setVerdict,\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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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,6 +1,7 @@
 
 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | 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) {