@cube-dev/ui-kit 0.185.3 → 0.186.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.0 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
@@ -34,30 +34,54 @@ function queueOverflowCheck(check) {
 	if (!pendingOverflowChecks.size) queueMicrotask(runOverflowChecks);
 	pendingOverflowChecks.add(check);
 }
+/**
+* Whether the tooltip detects label overflow on its own. Overflow detection
+* measures text, so it needs a string label.
+*/
+function isAutoTooltip(tooltip, children) {
+	if (typeof children !== "string") return false;
+	if (tooltip === true) return true;
+	if (typeof tooltip === "object") {
+		if (tooltip.title) return tooltip.auto === true;
+		return tooltip.auto !== void 0 ? !!tooltip.auto : true;
+	}
+	return false;
+}
+/**
+* The `TooltipProvider` props a tooltip resolves to, or `null` when no tooltip
+* is rendered at all.
+*/
+function resolveTooltip({ tooltip, children, labelProps, isDynamicLabel, isLabelOverflowed }) {
+	if (!tooltip) return null;
+	if (typeof tooltip === "string") return { title: tooltip };
+	const hasAutoContent = !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);
+	if (tooltip === true) {
+		if (!hasAutoContent) return null;
+		return {
+			title: children,
+			isDisabled: !isLabelOverflowed && isDynamicLabel
+		};
+	}
+	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
+	};
+}
 function useAutoTooltip(t0) {
-	const $ = c(36);
+	const $ = c(33);
 	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) {
-				t2 = tooltip.auto === true;
-				break bb0;
-			}
-			t2 = !!(tooltip.auto !== void 0 ? tooltip.auto : true);
-			break bb0;
-		}
-		t2 = false;
-	}
+	if ($[0] !== children || $[1] !== tooltip) {
+		t2 = isAutoTooltip(tooltip, children);
+		$[0] = children;
+		$[1] = tooltip;
+		$[2] = t2;
+	} else t2 = $[2];
 	const isAutoTooltipEnabled = t2;
 	const externalLabelRef = labelProps?.ref;
 	const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
@@ -65,36 +89,36 @@ function useAutoTooltip(t0) {
 	const resizeObserverRef = useRef(null);
 	const verdictRef = useRef(false);
 	let t3;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = (value) => {
 			if (verdictRef.current === value) return;
 			verdictRef.current = value;
 			setIsLabelOverflowed(value);
 		};
-		$[0] = t3;
-	} else t3 = $[0];
+		$[3] = t3;
+	} else t3 = $[3];
 	const setVerdict = t3;
 	let t4;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = () => {
 			const label = elementRef.current;
 			if (!label) return;
 			setVerdict(label.scrollWidth > label.clientWidth);
 		};
-		$[1] = t4;
-	} else t4 = $[1];
+		$[4] = t4;
+	} else t4 = $[4];
 	const checkLabelOverflow = t4;
 	let t5;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = () => {
 			queueOverflowCheck(checkLabelOverflow);
 		};
-		$[2] = t5;
-	} else t5 = $[2];
+		$[5] = t5;
+	} else t5 = $[5];
 	const scheduleLabelOverflowCheck = t5;
 	let t6;
 	let t7;
-	if ($[3] !== isAutoTooltipEnabled) {
+	if ($[6] !== isAutoTooltipEnabled) {
 		t6 = () => {
 			if (isAutoTooltipEnabled) {
 				scheduleLabelOverflowCheck();
@@ -107,16 +131,16 @@ function useAutoTooltip(t0) {
 			scheduleLabelOverflowCheck,
 			setVerdict
 		];
-		$[3] = isAutoTooltipEnabled;
-		$[4] = t6;
-		$[5] = t7;
+		$[6] = isAutoTooltipEnabled;
+		$[7] = t6;
+		$[8] = t7;
 	} else {
-		t6 = $[4];
-		t7 = $[5];
+		t6 = $[7];
+		t7 = $[8];
 	}
 	useEffect(t6, t7);
 	let t8;
-	if ($[6] !== externalLabelRef || $[7] !== isAutoTooltipEnabled || $[8] !== labelRefOption) {
+	if ($[9] !== externalLabelRef || $[10] !== isAutoTooltipEnabled || $[11] !== labelRefOption) {
 		t8 = (element) => {
 			assignRef(externalLabelRef, element);
 			assignRef(labelRefOption, element);
@@ -139,101 +163,45 @@ function useAutoTooltip(t0) {
 			resizeObserverRef.current = obs;
 			obs.observe(element);
 		};
-		$[6] = externalLabelRef;
-		$[7] = isAutoTooltipEnabled;
-		$[8] = labelRefOption;
-		$[9] = t8;
-	} else t8 = $[9];
+		$[9] = externalLabelRef;
+		$[10] = isAutoTooltipEnabled;
+		$[11] = labelRefOption;
+		$[12] = t8;
+	} else t8 = $[12];
 	const handleLabelElementRef = t8;
 	let t9;
-	if ($[10] !== labelProps) {
+	if ($[13] !== labelProps) {
 		t9 = labelProps || {};
-		$[10] = labelProps;
-		$[11] = t9;
-	} else t9 = $[11];
-	let props;
-	if ($[12] !== t9) {
-		props = { ...t9 };
-		delete props.ref;
-		$[12] = t9;
-		$[13] = props;
-	} else props = $[13];
-	const finalLabelProps = props;
+		$[13] = labelProps;
+		$[14] = t9;
+	} else t9 = $[14];
+	let finalLabelProps;
+	if ($[15] !== t9) {
+		const { ref: _labelPropsRef, ...t10 } = t9;
+		finalLabelProps = t10;
+		$[15] = t9;
+		$[16] = finalLabelProps;
+	} else finalLabelProps = $[16];
 	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) {
-				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;
-		}
-		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;
-	}
+	if ($[17] !== children || $[18] !== isDynamicLabel || $[19] !== isLabelOverflowed || $[20] !== labelProps || $[21] !== tooltip) {
+		t10 = resolveTooltip({
+			tooltip,
+			children,
+			labelProps,
+			isDynamicLabel,
+			isLabelOverflowed
+		});
+		$[17] = children;
+		$[18] = isDynamicLabel;
+		$[19] = isLabelOverflowed;
+		$[20] = labelProps;
+		$[21] = tooltip;
+		$[22] = t10;
+	} else t10 = $[22];
 	const resolvedTooltip = t10;
 	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
 	let t11;
-	if ($[26] !== resolvedTooltip) {
+	if ($[23] !== resolvedTooltip) {
 		t11 = (renderElement, defaultTooltipPlacement) => {
 			if (!resolvedTooltip) return renderElement();
 			return /* @__PURE__ */ jsx(TooltipProvider, {
@@ -242,13 +210,13 @@ function useAutoTooltip(t0) {
 				children: (triggerProps, ref) => renderElement(triggerProps, ref)
 			});
 		};
-		$[26] = resolvedTooltip;
-		$[27] = t11;
-	} else t11 = $[27];
+		$[23] = resolvedTooltip;
+		$[24] = t11;
+	} else t11 = $[24];
 	const renderWithTooltip = t11;
 	const t12 = !!tooltip;
 	let t13;
-	if ($[28] !== finalLabelProps || $[29] !== handleLabelElementRef || $[30] !== isAutoTooltipEnabled || $[31] !== isLabelOverflowed || $[32] !== isTooltipActive || $[33] !== renderWithTooltip || $[34] !== t12) {
+	if ($[25] !== finalLabelProps || $[26] !== handleLabelElementRef || $[27] !== isAutoTooltipEnabled || $[28] !== isLabelOverflowed || $[29] !== isTooltipActive || $[30] !== renderWithTooltip || $[31] !== t12) {
 		t13 = {
 			labelRef: handleLabelElementRef,
 			labelProps: finalLabelProps,
@@ -258,15 +226,15 @@ function useAutoTooltip(t0) {
 			isTooltipActive,
 			renderWithTooltip
 		};
-		$[28] = finalLabelProps;
-		$[29] = handleLabelElementRef;
-		$[30] = isAutoTooltipEnabled;
-		$[31] = isLabelOverflowed;
-		$[32] = isTooltipActive;
-		$[33] = renderWithTooltip;
-		$[34] = t12;
-		$[35] = t13;
-	} else t13 = $[35];
+		$[25] = finalLabelProps;
+		$[26] = handleLabelElementRef;
+		$[27] = isAutoTooltipEnabled;
+		$[28] = isLabelOverflowed;
+		$[29] = isTooltipActive;
+		$[30] = renderWithTooltip;
+		$[31] = t12;
+		$[32] = t13;
+	} else t13 = $[32];
 	return t13;
 }
 

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","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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"}
+{"version":3,"file":"use-auto-tooltip.js","names":["HTMLAttributes","ReactNode","Ref","RefObject","useCallback","useEffect","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","isAutoTooltip","title","undefined","resolveTooltip","isLabelOverflowed","hasAutoContent","isDisabled","tooltipProps","useAutoTooltip","t0","$","_c","t1","labelRefOption","t2","isAutoTooltipEnabled","externalLabelRef","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","finalLabelProps","_labelPropsRef","t10","resolvedTooltip","isTooltipActive","t11","renderElement","defaultTooltipPlacement","triggerProps","renderWithTooltip","t12","t13","hasTooltip"],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useCallback,\n  useEffect,\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\n/**\n * Whether the tooltip detects label overflow on its own. Overflow detection\n * measures text, so it needs a string label.\n */\nfunction isAutoTooltip(\n  tooltip: AutoTooltipValue | undefined,\n  children: ReactNode,\n): boolean {\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    return tooltip.auto !== undefined ? !!tooltip.auto : true;\n  }\n  return false;\n}\n\n/**\n * The `TooltipProvider` props a tooltip resolves to, or `null` when no tooltip\n * is rendered at all.\n */\nfunction resolveTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel,\n  isLabelOverflowed,\n}: Omit<UseAutoTooltipOptions, 'labelRef'> & {\n  isLabelOverflowed: boolean;\n}): Omit<CubeTooltipProviderProps, 'children'> | 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 && isDynamicLabel && tooltipProps.isDisabled !== true,\n    ...tooltipProps,\n  };\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n  labelRef: labelRefOption,\n}: UseAutoTooltipOptions) {\n  const isAutoTooltipEnabled = isAutoTooltip(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 { ref: _labelPropsRef, ...finalLabelProps } = labelProps || {};\n\n  // Resolved once so that both the rendering below and `isTooltipActive` speak\n  // about the same tooltip.\n  const resolvedTooltip = resolveTooltip({\n    tooltip,\n    children,\n    labelProps,\n    isDynamicLabel,\n    isLabelOverflowed,\n  });\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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.0 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.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) {

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.0 | 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.185.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.186.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";
@@ -81,7 +81,7 @@ function projectReorder(fullOrder, nextDraggable) {
 }
 const EMPTY_ORDER = [];
 function useColumnOrder(t0) {
-	const $ = c(17);
+	const $ = c(16);
 	const { columns, columnOrder, defaultColumnOrder, onColumnOrderChange, storage } = t0;
 	let t1;
 	if ($[0] !== columnOrder || $[1] !== storage) {
@@ -92,48 +92,47 @@ function useColumnOrder(t0) {
 	} else t1 = $[2];
 	const [storedOrder] = useState(t1);
 	const [order, setOrder] = useControlledState(columnOrder, defaultColumnOrder ?? storedOrder ?? EMPTY_ORDER, onColumnOrderChange);
+	let ordered;
 	let t2;
 	if ($[3] !== columns || $[4] !== order) {
-		t2 = applyColumnOrder(columns, order);
+		ordered = applyColumnOrder(columns, order);
+		t2 = ordered.map(_temp);
 		$[3] = columns;
 		$[4] = order;
-		$[5] = t2;
-	} else t2 = $[5];
-	const ordered = t2;
+		$[5] = ordered;
+		$[6] = t2;
+	} else {
+		ordered = $[5];
+		t2 = $[6];
+	}
+	const fullOrder = t2;
 	let t3;
-	if ($[6] !== ordered) {
-		t3 = ordered.map(_temp);
-		$[6] = ordered;
-		$[7] = t3;
-	} else t3 = $[7];
-	const fullOrder = t3;
-	let t4;
-	if ($[8] !== columnOrder || $[9] !== fullOrder || $[10] !== setOrder || $[11] !== storage) {
-		t4 = (nextDraggable) => {
+	if ($[7] !== columnOrder || $[8] !== fullOrder || $[9] !== setOrder || $[10] !== storage) {
+		t3 = (nextDraggable) => {
 			const next = projectReorder(fullOrder, nextDraggable);
 			setOrder(next);
 			if (columnOrder === void 0) storage.write({ columnOrder: next });
 		};
-		$[8] = columnOrder;
-		$[9] = fullOrder;
-		$[10] = setOrder;
-		$[11] = storage;
-		$[12] = t4;
-	} else t4 = $[12];
-	const reorder = useEvent(t4);
-	let t5;
-	if ($[13] !== fullOrder || $[14] !== ordered || $[15] !== reorder) {
-		t5 = {
+		$[7] = columnOrder;
+		$[8] = fullOrder;
+		$[9] = setOrder;
+		$[10] = storage;
+		$[11] = t3;
+	} else t3 = $[11];
+	const reorder = useEvent(t3);
+	let t4;
+	if ($[12] !== fullOrder || $[13] !== ordered || $[14] !== reorder) {
+		t4 = {
 			columns: ordered,
 			order: fullOrder,
 			reorder
 		};
-		$[13] = fullOrder;
-		$[14] = ordered;
-		$[15] = reorder;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
+		$[12] = fullOrder;
+		$[13] = ordered;
+		$[14] = reorder;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
 }
 function _temp(column) {
 	return column.key;