@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,89 +1,120 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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";
 
 //#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;
+}
+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;
+		}
 		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) {
+	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;
+			}
 			setIsLabelOverflowed(false);
-			return;
-		}
-		if (!element) return;
-		scheduleLabelOverflowCheck();
-		const obs = new ResizeObserver(() => {
-			checkLabelOverflow();
-		});
-		resizeObserverRef.current = obs;
-		obs.observe(element);
-	}, [
-		externalLabelRef,
-		isAutoTooltipEnabled,
-		checkLabelOverflow,
-		scheduleLabelOverflowCheck
-	]);
-	useEffect(() => {
-		return () => {
+		};
+		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 = () => () => {
 			if (resizeObserverRef.current) {
 				try {
 					resizeObserverRef.current.disconnect();
@@ -92,62 +123,137 @@ function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel = false
 			}
 			elementRef.current = null;
 		};
-	}, []);
-	const finalLabelProps = useMemo(() => {
-		const props = { ...labelProps || {} };
+		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 };
 		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 };
+		$[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;
+		}
 		const hasAutoContent = !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);
 		if (tooltip === true) {
-			if (!hasAutoContent) return null;
-			return {
-				title: children,
-				isDisabled: !isLabelOverflowed && isDynamicLabel
-			};
+			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;
 		}
-		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 ($[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
+			};
+			$[23] = t12;
+			$[24] = t13;
+			$[25] = tooltipProps;
+			$[26] = t14;
+		} else t14 = $[26];
+		t11 = t14;
+	}
+	const resolvedTooltip = t11;
 	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 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
+		};
+		$[29] = finalLabelProps;
+		$[30] = handleLabelElementRef;
+		$[31] = isAutoTooltipEnabled;
+		$[32] = isLabelOverflowed;
+		$[33] = isTooltipActive;
+		$[34] = renderWithTooltip;
+		$[35] = t13;
+		$[36] = t14;
+	} else t14 = $[36];
+	return t14;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-auto-tooltip.js","names":[],"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","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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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";
@@ -116,8 +116,8 @@ function DataTable(props, ref) {
 	const orderedColumns = columnOrderState.columns;
 	const resolvedTreeColumnKey = useMemo(() => {
 		if (!treeModel) return void 0;
-		const visibleColumns = orderedColumns.filter((column) => !column.isHidden);
-		return visibleColumns.some((column) => column.key === treeColumnKey) ? treeColumnKey : visibleColumns[0]?.key;
+		const visibleColumns = orderedColumns.filter((column_0) => !column_0.isHidden);
+		return visibleColumns.some((column_1) => column_1.key === treeColumnKey) ? treeColumnKey : visibleColumns[0]?.key;
 	}, [
 		treeModel,
 		orderedColumns,
@@ -139,18 +139,18 @@ function DataTable(props, ref) {
 		numeric: true,
 		sensitivity: "base"
 	});
-	const treeSortMode = treeModel ? sortMode ?? (orderedColumns.some((column) => column.isSortable) ? "client" : "off") : resolvedSortMode;
+	const treeSortMode = treeModel ? sortMode ?? (orderedColumns.some((column_2) => column_2.isSortable) ? "client" : "off") : resolvedSortMode;
 	const processedTreeRoots = useMemo(() => {
 		const roots = treeModel?.roots ?? [];
 		if (treeSortMode !== "client" || !sorts.length) return roots;
 		const active = sorts.map((sort) => ({
 			sort,
-			column: orderedColumns.find((column) => column.key === sort.columnKey)
+			column: orderedColumns.find((column_3) => column_3.key === sort.columnKey)
 		})).filter((entry) => entry.column != null);
 		return sortTableTree(roots, (a, b) => {
-			for (const { sort, column } of active) {
-				const result = compareByColumn(column, collator, a.row, a.sourceIndex, b.row, b.sourceIndex);
-				if (result !== 0) return result * (sort.direction === "asc" ? 1 : -1);
+			for (const { sort: sort_0, column: column_4 } of active) {
+				const result = compareByColumn(column_4, collator, a.row, a.sourceIndex, b.row, b.sourceIndex);
+				if (result !== 0) return result * (sort_0.direction === "asc" ? 1 : -1);
 			}
 			return a.siblingIndex - b.siblingIndex;
 		});
@@ -173,10 +173,10 @@ function DataTable(props, ref) {
 		totalPages: isServerPaginated ? totalPages : void 0
 	});
 	const setPage = useEvent((next) => setPageState(clampPage(next, pageInfo.totalPages)));
-	const setPageSize = useEvent((next) => {
-		setPageSizeState(next);
+	const setPageSize = useEvent((next_0) => {
+		setPageSizeState(next_0);
 		setPageState(1);
-		if (pageSizeProp === void 0) storage.write({ pageSize: next });
+		if (pageSizeProp === void 0) storage.write({ pageSize: next_0 });
 	});
 	const flatVisibleRows = paginationMode === "client" ? sortedRows.slice((pageInfo.page - 1) * pageSize, pageInfo.page * pageSize) : sortedRows;
 	const treeState = useTableTreeState({
@@ -189,16 +189,16 @@ function DataTable(props, ref) {
 		allNodesByKey: treeModel?.byKey ?? /* @__PURE__ */ new Map(),
 		expandedKeys,
 		defaultExpandedKeys,
-		getTextValue: (node) => {
-			const column = orderedColumns.find((entry) => entry.key === resolvedTreeColumnKey);
-			return column ? getColumnText(column, node.row, node.sourceIndex) ?? String(node.key) : String(node.key);
+		getTextValue: (node_0) => {
+			const column_5 = orderedColumns.find((entry_0) => entry_0.key === resolvedTreeColumnKey);
+			return column_5 ? getColumnText(column_5, node_0.row, node_0.sourceIndex) ?? String(node_0.key) : String(node_0.key);
 		},
 		onExpand,
 		ariaLabel
 	});
 	const visibleTreeEntries = treeModel ? treeState.visibleEntries : [];
-	const visibleRows = treeModel ? visibleTreeEntries.map((entry) => entry.row) : flatVisibleRows;
-	const visibleRowKeys = treeModel ? visibleTreeEntries.map((entry) => entry.key) : void 0;
+	const visibleRows = treeModel ? visibleTreeEntries.map((entry_1) => entry_1.row) : flatVisibleRows;
+	const visibleRowKeys = treeModel ? visibleTreeEntries.map((entry_2) => entry_2.key) : void 0;
 	const [ownColumnWidths, setOwnColumnWidths] = useState(() => (columnWidthsProp === void 0 && storage.has("columnWidths") ? storage.initial.columnWidths ?? defaultColumnWidths : defaultColumnWidths) ?? EMPTY_WIDTHS);
 	const [draftColumnWidths, setDraftColumnWidths] = useState(null);
 	const draftRef = useRef(null);
@@ -217,13 +217,13 @@ function DataTable(props, ref) {
 		};
 		setDraftColumnWidths(draftRef.current);
 	});
-	const handleColumnResizeEnd = useEvent((key) => {
-		const next = draftRef.current ?? baseColumnWidths;
+	const handleColumnResizeEnd = useEvent((key_0) => {
+		const next_1 = draftRef.current ?? baseColumnWidths;
 		if (columnWidthsProp === void 0) {
-			setOwnColumnWidths(next);
-			storage.write({ columnWidths: next });
+			setOwnColumnWidths(next_1);
+			storage.write({ columnWidths: next_1 });
 		}
-		onColumnResize?.(key, next[key], next);
+		onColumnResize?.(key_0, next_1[key_0], next_1);
 		draftRef.current = null;
 		setDraftColumnWidths(null);
 	});
@@ -249,8 +249,8 @@ function DataTable(props, ref) {
 	]);
 	const selectionRowKeys = useMemo(() => [
 		...(pinnedTopRows ?? []).map((row, index) => selectionRowKey("pinnedTop", resolvedGetRowKey(row, index))),
-		...visibleRows.map((row, index) => visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index)),
-		...(pinnedBottomRows ?? []).map((row, index) => selectionRowKey("pinnedBottom", resolvedGetRowKey(row, index)))
+		...visibleRows.map((row_0, index_0) => visibleRowKeys?.[index_0] ?? resolvedGetRowKey(row_0, index_0)),
+		...(pinnedBottomRows ?? []).map((row_1, index_1) => selectionRowKey("pinnedBottom", resolvedGetRowKey(row_1, index_1)))
 	], [
 		pinnedTopRows,
 		visibleRows,
@@ -258,15 +258,15 @@ function DataTable(props, ref) {
 		pinnedBottomRows,
 		resolvedGetRowKey
 	]);
-	const resolveCellSelectable = useEvent((row, rowKey, columnKey) => {
+	const resolveCellSelectable = useEvent((row_2, rowKey_0, columnKey) => {
 		if (!isCellSelectable) return true;
-		const index = selectionRowKeys.indexOf(rowKey);
+		const index_2 = selectionRowKeys.indexOf(rowKey_0);
 		const topCount = pinnedTopRows?.length ?? 0;
 		return isCellSelectable({
-			row,
-			rowKey,
+			row: row_2,
+			rowKey: rowKey_0,
 			columnKey,
-			section: index < topCount ? "pinnedTop" : index < topCount + visibleRows.length ? "body" : "pinnedBottom"
+			section: index_2 < topCount ? "pinnedTop" : index_2 < topCount + visibleRows.length ? "body" : "pinnedBottom"
 		});
 	});
 	const cellSelection = useCellSelection({
@@ -293,7 +293,7 @@ function DataTable(props, ref) {
 	const canReorderColumns = isColumnReorderable && !hasColumnGroups;
 	const headRowRef = useRef(null);
 	const draggableColumnKeys = useMemo(() => getDraggableColumnKeys(layout.columns, canReorderColumns), [layout.columns, canReorderColumns]);
-	const columnCollection = useMemo(() => new RowCollection(layout.columns.filter((column) => isColumnDraggable(column, canReorderColumns)), (column) => column.key, /* @__PURE__ */ new Set(), (column) => typeof column.title === "string" ? column.title : column.key), [layout.columns, canReorderColumns]);
+	const columnCollection = useMemo(() => new RowCollection(layout.columns.filter((column_6) => isColumnDraggable(column_6, canReorderColumns)), (column_7) => column_7.key, /* @__PURE__ */ new Set(), (column_8) => typeof column_8.title === "string" ? column_8.title : column_8.key), [layout.columns, canReorderColumns]);
 	/**
 	* `'single'`, not `'none'`.
 	*
@@ -307,8 +307,8 @@ function DataTable(props, ref) {
 		disabledBehavior: "all"
 	});
 	const columnSelectionManager = useMemo(() => new SelectionManager(columnCollection, columnSelectionState), [columnCollection, columnSelectionState]);
-	const handleColumnFocus = useEvent((columnKey) => {
-		columnSelectionManager.setFocusedKey(columnKey);
+	const handleColumnFocus = useEvent((columnKey_0) => {
+		columnSelectionManager.setFocusedKey(columnKey_0);
 	});
 	const isColumnDragEnabled = canReorderColumns && draggableColumnKeys.length > 1;
 	const treeRowNumberOffset = treeModel ? paginationMode === "client" ? flattenTableTree(processedTreeRoots.slice(0, (pageInfo.page - 1) * pageSize), treeState.expandedKeys).length : 0 : null;