@cube-dev/ui-kit 0.0.0-canary-0b79a39 → 0.0.0-canary-c02e70f

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.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | 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.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | 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;

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

@@ -1 +1 @@
-{"version":3,"file":"use-column-order.js","names":["useControlledState","useMemo","useState","useEvent","CubeResolvedColumn","CubeTableColumn","useTableStorage","applyColumnOrder","columns","T","order","length","present","Set","map","column","key","rank","Map","forEach","index","has","set","size","carried","sourceIndex","own","get","sort","a","b","entry","isColumnDraggable","Pick","isEnabled","isStructural","pin","isReorderable","getDraggableColumnKeys","filter","projectReorder","fullOrder","nextDraggable","draggable","next","cursor","slot","EMPTY_ORDER","UseColumnOrderOptions","columnOrder","defaultColumnOrder","onColumnOrderChange","storage","ReturnType","UseColumnOrderResult","reorder","useColumnOrder","t0","$","_c","t1","undefined","initial","storedOrder","setOrder","value","t2","ordered","t3","_temp","t4","write","t5"],"sources":["../../../../src/components/data/TableBase/use-column-order.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { CubeResolvedColumn, CubeTableColumn } from './types';\nimport type { useTableStorage } from './use-table-storage';\n\n/**\n * Reorders the source columns to match `order`.\n *\n * Rank-based rather than filter-then-concat, because `order` is routinely\n * *stale*: it was persisted or lifted into page state before the current\n * `columns` array existed. A column missing from it inherits the rank of the\n * nearest preceding known column plus a half step, so it lands immediately after\n * the neighbour it had in the source array instead of being swept to the end. A\n * new leading column keeps its lead.\n *\n * Applied to the SOURCE array, before `useTableColumns` — so hidden-column\n * filtering, structural injection, pinned hoisting and `aria-colindex` all still\n * happen downstream, and `columnOrder` can never fight `pin`.\n */\nexport function applyColumnOrder<T>(\n  columns: CubeTableColumn<T>[],\n  order?: readonly string[],\n): CubeTableColumn<T>[] {\n  if (!order?.length) return columns;\n\n  const present = new Set(columns.map((column) => column.key));\n  const rank = new Map<string, number>();\n\n  order.forEach((key, index) => {\n    // A key for a column that no longer exists is ignored rather than treated as\n    // a gap, and a duplicate keeps its first position.\n    if (present.has(key) && !rank.has(key)) rank.set(key, index);\n  });\n\n  if (!rank.size) return columns;\n\n  let carried = -1;\n\n  return columns\n    .map((column, sourceIndex) => {\n      const own = rank.get(column.key);\n\n      if (own != null) carried = own;\n\n      return { column, sourceIndex, rank: own ?? carried + 0.5 };\n    })\n    .sort((a, b) => a.rank - b.rank || a.sourceIndex - b.sourceIndex)\n    .map((entry) => entry.column);\n}\n\n/**\n * Whether a column can be picked up and moved.\n *\n * The single shared predicate: `DataTable` builds the draggable key list from\n * it and `TableView` decides which `<th>` is a drag source from it, so the two\n * cannot drift. A renderer disagreeing with the state behind it is exactly how\n * the drop indicator that never matched its selector happened.\n *\n * Pinned columns are excluded, for three reasons that all point the same way: a\n * pinned `<th>` is `position: sticky`, so under horizontal scroll its rect sits\n * on top of columns it is nowhere near and React Aria's drop-target binary\n * search goes wrong; `use-table-columns` hoists pinned columns to the edges\n * regardless of source order, so a cross-boundary drop would be undone\n * immediately; and `pin` is already the ordering authority there. What that buys\n * is a draggable set that is one contiguous, non-sticky run — every permutation\n * of which stays monotonic, which is what the delegate needs.\n */\nexport function isColumnDraggable<T>(\n  column: Pick<CubeResolvedColumn<T>, 'isStructural' | 'pin' | 'isReorderable'>,\n  isEnabled: boolean,\n): boolean {\n  return (\n    isEnabled &&\n    !column.isStructural &&\n    column.pin == null &&\n    (column.isReorderable ?? true)\n  );\n}\n\nexport function getDraggableColumnKeys<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  isEnabled: boolean,\n): string[] {\n  return columns\n    .filter((column) => isColumnDraggable(column, isEnabled))\n    .map((column) => column.key);\n}\n\n/**\n * Folds a permutation of the draggable subset back into the full order.\n *\n * Only the slots the draggable keys already occupy are rewritten, so a hidden\n * column, a pinned one, or one that opted out keeps its absolute index and\n * cannot be displaced by a drag it took no part in.\n *\n * The visible consequence, worth knowing: a hidden column between two draggable\n * ones keeps its slot rather than following a neighbour, so it may come back\n * between different columns than it left. Predictable beats clever.\n */\nexport function projectReorder(\n  fullOrder: readonly string[],\n  nextDraggable: readonly string[],\n): string[] {\n  const draggable = new Set(nextDraggable);\n  const next = [...fullOrder];\n  let cursor = 0;\n\n  for (let slot = 0; slot < next.length; slot++) {\n    if (draggable.has(next[slot])) next[slot] = nextDraggable[cursor++];\n  }\n\n  return next;\n}\n\nconst EMPTY_ORDER: string[] = [];\n\nexport interface UseColumnOrderOptions<T> {\n  columns: CubeTableColumn<T>[];\n  columnOrder?: string[];\n  defaultColumnOrder?: string[];\n  onColumnOrderChange?: (order: string[]) => void;\n  storage: ReturnType<typeof useTableStorage>;\n}\n\nexport interface UseColumnOrderResult<T> {\n  /** `columns`, reordered. Feed this to `useTableColumns`. */\n  columns: CubeTableColumn<T>[];\n  /** The full key list in its current order, including hidden and pinned keys. */\n  order: string[];\n  /** Takes the reordered DRAGGABLE keys and commits the full order. */\n  reorder: (nextDraggable: string[]) => void;\n}\n\nexport function useColumnOrder<T>({\n  columns,\n  columnOrder,\n  defaultColumnOrder,\n  onColumnOrderChange,\n  storage,\n}: UseColumnOrderOptions<T>): UseColumnOrderResult<T> {\n  // Seeded once, like `ownColumnWidths`: a controlled `columnOrder` belongs to\n  // the page, so restoring over it would fight the page's own source of truth.\n  const [storedOrder] = useState(() =>\n    columnOrder === undefined && storage.has('columnOrder')\n      ? storage.initial.columnOrder\n      : undefined,\n  );\n\n  // An empty array means \"no order\", which `applyColumnOrder` treats as a\n  // no-op — same shape `useTableSorts` uses for its own empty default, and it\n  // keeps `useControlledState` off the `undefined` overload.\n  const [order, setOrder] = useControlledState<string[]>(\n    columnOrder as string[],\n    defaultColumnOrder ?? storedOrder ?? EMPTY_ORDER,\n    onColumnOrderChange as (value: string[]) => void,\n  );\n\n  const ordered = useMemo(\n    () => applyColumnOrder(columns, order),\n    [columns, order],\n  );\n\n  // Always the FULL source key list, in current order — so a key never drops out\n  // of persisted state just because its column happened to be hidden.\n  const fullOrder = useMemo(\n    () => ordered.map((column) => column.key),\n    [ordered],\n  );\n\n  const reorder = useEvent((nextDraggable: string[]) => {\n    const next = projectReorder(fullOrder, nextDraggable);\n\n    setOrder(next);\n\n    // Only what the table OWNS is persisted — a controlled order belongs to the\n    // page, and storing it would fight the page on the next mount. Same rule\n    // `handleColumnResizeEnd` follows for widths.\n    if (columnOrder === undefined) storage.write({ columnOrder: next });\n  });\n\n  return { columns: ordered, order: fullOrder, reorder };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-column-order.js","names":["useControlledState","useState","useEvent","CubeResolvedColumn","CubeTableColumn","useTableStorage","applyColumnOrder","columns","T","order","length","present","Set","map","column","key","rank","Map","forEach","index","has","set","size","carried","sourceIndex","own","get","sort","a","b","entry","isColumnDraggable","Pick","isEnabled","isStructural","pin","isReorderable","getDraggableColumnKeys","filter","projectReorder","fullOrder","nextDraggable","draggable","next","cursor","slot","EMPTY_ORDER","UseColumnOrderOptions","columnOrder","defaultColumnOrder","onColumnOrderChange","storage","ReturnType","UseColumnOrderResult","reorder","useColumnOrder","t0","$","_c","t1","undefined","initial","storedOrder","setOrder","value","ordered","t2","_temp","t3","write","t4"],"sources":["../../../../src/components/data/TableBase/use-column-order.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { CubeResolvedColumn, CubeTableColumn } from './types';\nimport type { useTableStorage } from './use-table-storage';\n\n/**\n * Reorders the source columns to match `order`.\n *\n * Rank-based rather than filter-then-concat, because `order` is routinely\n * *stale*: it was persisted or lifted into page state before the current\n * `columns` array existed. A column missing from it inherits the rank of the\n * nearest preceding known column plus a half step, so it lands immediately after\n * the neighbour it had in the source array instead of being swept to the end. A\n * new leading column keeps its lead.\n *\n * Applied to the SOURCE array, before `useTableColumns` — so hidden-column\n * filtering, structural injection, pinned hoisting and `aria-colindex` all still\n * happen downstream, and `columnOrder` can never fight `pin`.\n */\nexport function applyColumnOrder<T>(\n  columns: CubeTableColumn<T>[],\n  order?: readonly string[],\n): CubeTableColumn<T>[] {\n  if (!order?.length) return columns;\n\n  const present = new Set(columns.map((column) => column.key));\n  const rank = new Map<string, number>();\n\n  order.forEach((key, index) => {\n    // A key for a column that no longer exists is ignored rather than treated as\n    // a gap, and a duplicate keeps its first position.\n    if (present.has(key) && !rank.has(key)) rank.set(key, index);\n  });\n\n  if (!rank.size) return columns;\n\n  let carried = -1;\n\n  return columns\n    .map((column, sourceIndex) => {\n      const own = rank.get(column.key);\n\n      if (own != null) carried = own;\n\n      return { column, sourceIndex, rank: own ?? carried + 0.5 };\n    })\n    .sort((a, b) => a.rank - b.rank || a.sourceIndex - b.sourceIndex)\n    .map((entry) => entry.column);\n}\n\n/**\n * Whether a column can be picked up and moved.\n *\n * The single shared predicate: `DataTable` builds the draggable key list from\n * it and `TableView` decides which `<th>` is a drag source from it, so the two\n * cannot drift. A renderer disagreeing with the state behind it is exactly how\n * the drop indicator that never matched its selector happened.\n *\n * Pinned columns are excluded, for three reasons that all point the same way: a\n * pinned `<th>` is `position: sticky`, so under horizontal scroll its rect sits\n * on top of columns it is nowhere near and React Aria's drop-target binary\n * search goes wrong; `use-table-columns` hoists pinned columns to the edges\n * regardless of source order, so a cross-boundary drop would be undone\n * immediately; and `pin` is already the ordering authority there. What that buys\n * is a draggable set that is one contiguous, non-sticky run — every permutation\n * of which stays monotonic, which is what the delegate needs.\n */\nexport function isColumnDraggable<T>(\n  column: Pick<CubeResolvedColumn<T>, 'isStructural' | 'pin' | 'isReorderable'>,\n  isEnabled: boolean,\n): boolean {\n  return (\n    isEnabled &&\n    !column.isStructural &&\n    column.pin == null &&\n    (column.isReorderable ?? true)\n  );\n}\n\nexport function getDraggableColumnKeys<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  isEnabled: boolean,\n): string[] {\n  return columns\n    .filter((column) => isColumnDraggable(column, isEnabled))\n    .map((column) => column.key);\n}\n\n/**\n * Folds a permutation of the draggable subset back into the full order.\n *\n * Only the slots the draggable keys already occupy are rewritten, so a hidden\n * column, a pinned one, or one that opted out keeps its absolute index and\n * cannot be displaced by a drag it took no part in.\n *\n * The visible consequence, worth knowing: a hidden column between two draggable\n * ones keeps its slot rather than following a neighbour, so it may come back\n * between different columns than it left. Predictable beats clever.\n */\nexport function projectReorder(\n  fullOrder: readonly string[],\n  nextDraggable: readonly string[],\n): string[] {\n  const draggable = new Set(nextDraggable);\n  const next = [...fullOrder];\n  let cursor = 0;\n\n  for (let slot = 0; slot < next.length; slot++) {\n    if (draggable.has(next[slot])) next[slot] = nextDraggable[cursor++];\n  }\n\n  return next;\n}\n\nconst EMPTY_ORDER: string[] = [];\n\nexport interface UseColumnOrderOptions<T> {\n  columns: CubeTableColumn<T>[];\n  columnOrder?: string[];\n  defaultColumnOrder?: string[];\n  onColumnOrderChange?: (order: string[]) => void;\n  storage: ReturnType<typeof useTableStorage>;\n}\n\nexport interface UseColumnOrderResult<T> {\n  /** `columns`, reordered. Feed this to `useTableColumns`. */\n  columns: CubeTableColumn<T>[];\n  /** The full key list in its current order, including hidden and pinned keys. */\n  order: string[];\n  /** Takes the reordered DRAGGABLE keys and commits the full order. */\n  reorder: (nextDraggable: string[]) => void;\n}\n\nexport function useColumnOrder<T>({\n  columns,\n  columnOrder,\n  defaultColumnOrder,\n  onColumnOrderChange,\n  storage,\n}: UseColumnOrderOptions<T>): UseColumnOrderResult<T> {\n  // Seeded once, like `ownColumnWidths`: a controlled `columnOrder` belongs to\n  // the page, so restoring over it would fight the page's own source of truth.\n  const [storedOrder] = useState(() =>\n    columnOrder === undefined && storage.has('columnOrder')\n      ? storage.initial.columnOrder\n      : undefined,\n  );\n\n  // An empty array means \"no order\", which `applyColumnOrder` treats as a\n  // no-op — same shape `useTableSorts` uses for its own empty default, and it\n  // keeps `useControlledState` off the `undefined` overload.\n  const [order, setOrder] = useControlledState<string[]>(\n    columnOrder as string[],\n    defaultColumnOrder ?? storedOrder ?? EMPTY_ORDER,\n    onColumnOrderChange as (value: string[]) => void,\n  );\n\n  const ordered = applyColumnOrder(columns, order);\n\n  // Always the FULL source key list, in current order — so a key never drops out\n  // of persisted state just because its column happened to be hidden.\n  const fullOrder = ordered.map((column) => column.key);\n\n  const reorder = useEvent((nextDraggable: string[]) => {\n    const next = projectReorder(fullOrder, nextDraggable);\n\n    setOrder(next);\n\n    // Only what the table OWNS is persisted — a controlled order belongs to the\n    // page, and storing it would fight the page on the next mount. Same rule\n    // `handleColumnResizeEnd` follows for widths.\n    if (columnOrder === undefined) storage.write({ columnOrder: next });\n  });\n\n  return { columns: ordered, order: fullOrder, reorder };\n}\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { RowCollection } from "./RowCollection.js";
 import { useCallback, useMemo, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getColumnText, getColumnValue } from "./use-table-columns.js";
 import { c } from "react-compiler-runtime";
@@ -15,7 +15,7 @@ import { useControlledState } from "@react-stately/utils";
 * column reduces it to `asc ↔ desc`.
 */
 function useTableSort(t0) {
-	const $ = c(28);
+	const $ = c(26);
 	const { columns, rows, mode, sort: sortProp, defaultSort, onSortChange } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -92,28 +92,7 @@ function useTableSort(t0) {
 	const setColumnSort = useEvent(t4);
 	let t5;
 	if ($[13] !== collator || $[14] !== columns || $[15] !== resolvedMode || $[16] !== rows || $[17] !== sort) {
-		bb0: {
-			if (resolvedMode !== "client" || !sort) {
-				t5 = rows;
-				break bb0;
-			}
-			let t6;
-			if ($[19] !== sort) {
-				t6 = (entry_1) => entry_1.key === sort.columnKey;
-				$[19] = sort;
-				$[20] = t6;
-			} else t6 = $[20];
-			const column_3 = columns.find(t6);
-			if (!column_3) {
-				t5 = rows;
-				break bb0;
-			}
-			const direction_0 = sort.direction === "asc" ? 1 : -1;
-			t5 = rows.map(_temp2).sort((a, b) => {
-				const result = compareByColumn(column_3, collator, a.row, a.index, b.row, b.index);
-				return result !== 0 ? result * direction_0 : a.index - b.index;
-			}).map(_temp3);
-		}
+		t5 = resolvedMode === "client" && sort ? sortRows(rows, [sort], columns, collator) : rows;
 		$[13] = collator;
 		$[14] = columns;
 		$[15] = resolvedMode;
@@ -123,7 +102,7 @@ function useTableSort(t0) {
 	} else t5 = $[18];
 	const sortedRows = t5;
 	let t6;
-	if ($[21] !== isSortable || $[22] !== resolvedMode || $[23] !== setColumnSort || $[24] !== sort || $[25] !== sortedRows || $[26] !== toggleSort) {
+	if ($[19] !== isSortable || $[20] !== resolvedMode || $[21] !== setColumnSort || $[22] !== sort || $[23] !== sortedRows || $[24] !== toggleSort) {
 		t6 = {
 			sort,
 			sortedRows,
@@ -132,27 +111,44 @@ function useTableSort(t0) {
 			isSortable,
 			mode: resolvedMode
 		};
-		$[21] = isSortable;
-		$[22] = resolvedMode;
-		$[23] = setColumnSort;
-		$[24] = sort;
-		$[25] = sortedRows;
-		$[26] = toggleSort;
-		$[27] = t6;
-	} else t6 = $[27];
+		$[19] = isSortable;
+		$[20] = resolvedMode;
+		$[21] = setColumnSort;
+		$[22] = sort;
+		$[23] = sortedRows;
+		$[24] = toggleSort;
+		$[25] = t6;
+	} else t6 = $[25];
 	return t6;
 }
-function _temp3(entry_2) {
-	return entry_2.row;
+/**
+* `rows` ordered by `sorts`, the first sort taking precedence. Sorts naming a
+* column the table does not have are skipped, and `rows` itself comes back when
+* none is left.
+*
+* `map`/`sort`/`map` rather than sorting in place: `rows` is the caller's array
+* and `Array.prototype.sort` mutates. Carrying the original index also makes the
+* sort stable across engines, including when every sort ties.
+*/
+function _temp(column) {
+	return column.isSortable;
 }
-function _temp2(row, index) {
-	return {
+function sortRows(rows, sorts, columns, collator) {
+	const active = sorts.map((sort) => ({
+		sort,
+		column: columns.find((entry) => entry.key === sort.columnKey)
+	})).filter((entry) => entry.column != null);
+	if (!active.length) return rows;
+	return rows.map((row, index) => ({
 		row,
 		index
-	};
-}
-function _temp(column) {
-	return column.isSortable;
+	})).sort((a, b) => {
+		for (const { sort, column } of active) {
+			const result = compareByColumn(column, collator, a.row, a.index, b.row, b.index);
+			if (result !== 0) return result * (sort.direction === "asc" ? 1 : -1);
+		}
+		return a.index - b.index;
+	}).map((entry) => entry.row);
 }
 function compareByColumn(column, collator, rowA, indexA, rowB, indexB) {
 	const valueA = getColumnValue(column, rowA, indexA);
@@ -170,5 +166,5 @@ function compareByColumn(column, collator, rowA, indexA, rowB, indexB) {
 }
 
 //#endregion
-export { compareByColumn, useTableSort };
+export { compareByColumn, sortRows, useTableSort };
 //# sourceMappingURL=use-table-sort.js.map

package/dist/components/data/TableBase/use-table-sort.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-sort.js","names":["useControlledState","useMemo","useCollator","useEvent","getColumnText","getColumnValue","CubeTableColumn","CubeTableSort","CubeTableSortDirection","CubeTableSortMode","UseTableSortOptions","columns","T","rows","mode","sort","defaultSort","onSortChange","UseTableSortResult","sortedRows","toggleSort","columnKey","setColumnSort","direction","isSortable","column","useTableSort","t0","$","_c","sortProp","t1","Symbol","for","numeric","sensitivity","collator","setSort","value","hasSortableColumn","some","_temp","resolvedMode","t2","column_0","t3","column_1","find","entry","key","disallowSortRemoval","t4","columnKey_0","column_2","entry_0","t5","bb0","t6","entry_1","column_3","direction_0","map","_temp2","a","b","result","compareByColumn","row","index","_temp3","entry_2","Intl","Collator","rowA","indexA","rowB","indexB","valueA","valueB","compare","Number","Date","getTime","textA","String","textB"],"sources":["../../../../src/components/data/TableBase/use-table-sort.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo } from 'react';\nimport { useCollator } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport { getColumnText, getColumnValue } from './use-table-columns';\n\nimport type {\n  CubeTableColumn,\n  CubeTableSort,\n  CubeTableSortDirection,\n} from './types';\n\nexport type CubeTableSortMode = 'client' | 'server' | 'off';\n\nexport interface UseTableSortOptions<T> {\n  columns: CubeTableColumn<T>[];\n  rows: readonly T[];\n  /** @default 'client' when any column is sortable, else 'off' */\n  mode?: CubeTableSortMode;\n  sort?: CubeTableSort | null;\n  defaultSort?: CubeTableSort | null;\n  onSortChange?: (sort: CubeTableSort | null) => void;\n}\n\nexport interface UseTableSortResult<T> {\n  sort: CubeTableSort | null;\n  /** `rows` reordered in client mode; the original array otherwise. */\n  sortedRows: readonly T[];\n  /** Advances a column through the sort cycle. */\n  toggleSort: (columnKey: string) => void;\n  /**\n   * Sets a column's direction outright. `null` clears it.\n   *\n   * For the column menu's reserved sort keys, which have to reach a specific\n   * direction in one step rather than cycling to it.\n   */\n  setColumnSort: (\n    columnKey: string,\n    direction: CubeTableSortDirection | null,\n  ) => void;\n  isSortable: (column: CubeTableColumn<T>) => boolean;\n  /**\n   * The mode after defaulting. The renderer needs this exact answer to decide\n   * whether a header is clickable, and deriving it a second time at the call\n   * site is how `DataTable` ended up sorting on `defaultSorts` but ignoring\n   * every click.\n   */\n  mode: CubeTableSortMode;\n}\n\n/**\n * Sort state plus, in client mode, the reordered rows.\n *\n * The cycle is tri-state — `asc → desc → unsorted` — matching ag-grid's default\n * `sortingOrder`, because losing the ability to get back to the source order is\n * a real loss when the source order is meaningful. `disallowSortRemoval` on a\n * column reduces it to `asc ↔ desc`.\n */\nexport function useTableSort<T>({\n  columns,\n  rows,\n  mode,\n  sort: sortProp,\n  defaultSort,\n  onSortChange,\n}: UseTableSortOptions<T>): UseTableSortResult<T> {\n  // A collator gives locale-correct, case-insensitive ordering — \"Ä\" sorts next\n  // to \"A\" rather than after \"Z\", which a raw `<` comparison gets wrong.\n  const collator = useCollator({ numeric: true, sensitivity: 'base' });\n\n  const [sort, setSort] = useControlledState<CubeTableSort | null>(\n    sortProp as CubeTableSort | null,\n    defaultSort ?? null,\n    onSortChange as (value: CubeTableSort | null) => void,\n  );\n\n  const hasSortableColumn = columns.some((column) => column.isSortable);\n  const resolvedMode: CubeTableSortMode =\n    mode ?? (hasSortableColumn ? 'client' : 'off');\n\n  const isSortable = useEvent(\n    (column: CubeTableColumn<T>) =>\n      resolvedMode !== 'off' && column.isSortable === true,\n  );\n\n  const toggleSort = useEvent((columnKey: string) => {\n    const column = columns.find((entry) => entry.key === columnKey);\n\n    if (!column || !isSortable(column)) return;\n\n    if (sort?.columnKey !== columnKey) {\n      setSort({ columnKey, direction: 'asc' });\n\n      return;\n    }\n\n    if (sort.direction === 'asc') {\n      setSort({ columnKey, direction: 'desc' });\n\n      return;\n    }\n\n    setSort(\n      column.disallowSortRemoval ? { columnKey, direction: 'asc' } : null,\n    );\n  });\n\n  /**\n   * Set the column's direction outright instead of advancing the cycle — see\n   * `use-table-sorts.ts` for why the column menu cannot reuse `toggleSort`.\n   */\n  const setColumnSort = useEvent(\n    (columnKey: string, direction: CubeTableSortDirection | null) => {\n      const column = columns.find((entry) => entry.key === columnKey);\n\n      if (!column || !isSortable(column)) return;\n\n      if (direction == null) {\n        // Clearing a column that is not the sorted one is a no-op rather than a\n        // reset, and `disallowSortRemoval` refuses the clear outright.\n        if (sort?.columnKey !== columnKey || column.disallowSortRemoval) return;\n\n        setSort(null);\n\n        return;\n      }\n\n      if (sort?.columnKey === columnKey && sort.direction === direction) return;\n\n      setSort({ columnKey, direction });\n    },\n  );\n\n  const sortedRows = useMemo(() => {\n    if (resolvedMode !== 'client' || !sort) return rows;\n\n    const column = columns.find((entry) => entry.key === sort.columnKey);\n\n    if (!column) return rows;\n\n    const direction = sort.direction === 'asc' ? 1 : -1;\n\n    // `map`/`sort`/`map` rather than sorting in place: `rows` is the caller's\n    // array and `Array.prototype.sort` mutates. Carrying the original index also\n    // makes the sort stable across engines.\n    return rows\n      .map((row, index) => ({ row, index }))\n      .sort((a, b) => {\n        const result = compareByColumn(\n          column,\n          collator,\n          a.row,\n          a.index,\n          b.row,\n          b.index,\n        );\n\n        return result !== 0 ? result * direction : a.index - b.index;\n      })\n      .map((entry) => entry.row);\n  }, [resolvedMode, sort, rows, columns, collator]);\n\n  // The resolved mode is returned rather than left for the caller to derive\n  // again: the renderer needs the same answer to decide whether a header is\n  // clickable, and two independent derivations drift.\n  return {\n    sort,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    isSortable,\n    mode: resolvedMode,\n  };\n}\n\nexport function compareByColumn<T>(\n  column: CubeTableColumn<T>,\n  collator: Intl.Collator,\n  rowA: T,\n  indexA: number,\n  rowB: T,\n  indexB: number,\n): number {\n  const valueA = getColumnValue(column, rowA, indexA);\n  const valueB = getColumnValue(column, rowB, indexB);\n\n  if (column.compare) return column.compare(valueA, valueB, rowA, rowB);\n\n  // Nullish always sorts first, then gets flipped with the direction. Mixing\n  // them into the value comparison instead produces an unstable order.\n  if (valueA == null && valueB == null) return 0;\n  if (valueA == null) return -1;\n  if (valueB == null) return 1;\n\n  if (typeof valueA === 'number' && typeof valueB === 'number') {\n    return valueA - valueB;\n  }\n  if (typeof valueA === 'boolean' && typeof valueB === 'boolean') {\n    return Number(valueA) - Number(valueB);\n  }\n  if (valueA instanceof Date && valueB instanceof Date) {\n    return valueA.getTime() - valueB.getTime();\n  }\n\n  // Fall back to display text, so a column with a `format` sorts the way it\n  // reads rather than the way it is stored.\n  const textA = getColumnText(column, rowA, indexA) ?? String(valueA);\n  const textB = getColumnText(column, rowB, indexB) ?? String(valueB);\n\n  return collator.compare(textA, textB);\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-table-sort.js","names":["useControlledState","useCollator","useEvent","getColumnText","getColumnValue","CubeTableColumn","CubeTableSort","CubeTableSortDirection","CubeTableSortMode","UseTableSortOptions","columns","T","rows","mode","sort","defaultSort","onSortChange","UseTableSortResult","sortedRows","toggleSort","columnKey","setColumnSort","direction","isSortable","column","useTableSort","t0","$","_c","sortProp","t1","Symbol","for","numeric","sensitivity","collator","setSort","value","hasSortableColumn","some","_temp","resolvedMode","t2","column_0","t3","column_1","find","entry","key","disallowSortRemoval","t4","columnKey_0","column_2","entry_0","t5","sortRows","t6","sorts","Intl","Collator","active","map","filter","length","row","index","a","b","result","compareByColumn","rowA","indexA","rowB","indexB","valueA","valueB","compare","Number","Date","getTime","textA","String","textB"],"sources":["../../../../src/components/data/TableBase/use-table-sort.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useCollator } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport { getColumnText, getColumnValue } from './use-table-columns';\n\nimport type {\n  CubeTableColumn,\n  CubeTableSort,\n  CubeTableSortDirection,\n} from './types';\n\nexport type CubeTableSortMode = 'client' | 'server' | 'off';\n\nexport interface UseTableSortOptions<T> {\n  columns: CubeTableColumn<T>[];\n  rows: readonly T[];\n  /** @default 'client' when any column is sortable, else 'off' */\n  mode?: CubeTableSortMode;\n  sort?: CubeTableSort | null;\n  defaultSort?: CubeTableSort | null;\n  onSortChange?: (sort: CubeTableSort | null) => void;\n}\n\nexport interface UseTableSortResult<T> {\n  sort: CubeTableSort | null;\n  /** `rows` reordered in client mode; the original array otherwise. */\n  sortedRows: readonly T[];\n  /** Advances a column through the sort cycle. */\n  toggleSort: (columnKey: string) => void;\n  /**\n   * Sets a column's direction outright. `null` clears it.\n   *\n   * For the column menu's reserved sort keys, which have to reach a specific\n   * direction in one step rather than cycling to it.\n   */\n  setColumnSort: (\n    columnKey: string,\n    direction: CubeTableSortDirection | null,\n  ) => void;\n  isSortable: (column: CubeTableColumn<T>) => boolean;\n  /**\n   * The mode after defaulting. The renderer needs this exact answer to decide\n   * whether a header is clickable, and deriving it a second time at the call\n   * site is how `DataTable` ended up sorting on `defaultSorts` but ignoring\n   * every click.\n   */\n  mode: CubeTableSortMode;\n}\n\n/**\n * Sort state plus, in client mode, the reordered rows.\n *\n * The cycle is tri-state — `asc → desc → unsorted` — matching ag-grid's default\n * `sortingOrder`, because losing the ability to get back to the source order is\n * a real loss when the source order is meaningful. `disallowSortRemoval` on a\n * column reduces it to `asc ↔ desc`.\n */\nexport function useTableSort<T>({\n  columns,\n  rows,\n  mode,\n  sort: sortProp,\n  defaultSort,\n  onSortChange,\n}: UseTableSortOptions<T>): UseTableSortResult<T> {\n  // A collator gives locale-correct, case-insensitive ordering — \"Ä\" sorts next\n  // to \"A\" rather than after \"Z\", which a raw `<` comparison gets wrong.\n  const collator = useCollator({ numeric: true, sensitivity: 'base' });\n\n  const [sort, setSort] = useControlledState<CubeTableSort | null>(\n    sortProp as CubeTableSort | null,\n    defaultSort ?? null,\n    onSortChange as (value: CubeTableSort | null) => void,\n  );\n\n  const hasSortableColumn = columns.some((column) => column.isSortable);\n  const resolvedMode: CubeTableSortMode =\n    mode ?? (hasSortableColumn ? 'client' : 'off');\n\n  const isSortable = useEvent(\n    (column: CubeTableColumn<T>) =>\n      resolvedMode !== 'off' && column.isSortable === true,\n  );\n\n  const toggleSort = useEvent((columnKey: string) => {\n    const column = columns.find((entry) => entry.key === columnKey);\n\n    if (!column || !isSortable(column)) return;\n\n    if (sort?.columnKey !== columnKey) {\n      setSort({ columnKey, direction: 'asc' });\n\n      return;\n    }\n\n    if (sort.direction === 'asc') {\n      setSort({ columnKey, direction: 'desc' });\n\n      return;\n    }\n\n    setSort(\n      column.disallowSortRemoval ? { columnKey, direction: 'asc' } : null,\n    );\n  });\n\n  /**\n   * Set the column's direction outright instead of advancing the cycle — see\n   * `use-table-sorts.ts` for why the column menu cannot reuse `toggleSort`.\n   */\n  const setColumnSort = useEvent(\n    (columnKey: string, direction: CubeTableSortDirection | null) => {\n      const column = columns.find((entry) => entry.key === columnKey);\n\n      if (!column || !isSortable(column)) return;\n\n      if (direction == null) {\n        // Clearing a column that is not the sorted one is a no-op rather than a\n        // reset, and `disallowSortRemoval` refuses the clear outright.\n        if (sort?.columnKey !== columnKey || column.disallowSortRemoval) return;\n\n        setSort(null);\n\n        return;\n      }\n\n      if (sort?.columnKey === columnKey && sort.direction === direction) return;\n\n      setSort({ columnKey, direction });\n    },\n  );\n\n  const sortedRows =\n    resolvedMode === 'client' && sort\n      ? sortRows(rows, [sort], columns, collator)\n      : rows;\n\n  // The resolved mode is returned rather than left for the caller to derive\n  // again: the renderer needs the same answer to decide whether a header is\n  // clickable, and two independent derivations drift.\n  return {\n    sort,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    isSortable,\n    mode: resolvedMode,\n  };\n}\n\n/**\n * `rows` ordered by `sorts`, the first sort taking precedence. Sorts naming a\n * column the table does not have are skipped, and `rows` itself comes back when\n * none is left.\n *\n * `map`/`sort`/`map` rather than sorting in place: `rows` is the caller's array\n * and `Array.prototype.sort` mutates. Carrying the original index also makes the\n * sort stable across engines, including when every sort ties.\n */\nexport function sortRows<T>(\n  rows: readonly T[],\n  sorts: readonly CubeTableSort[],\n  columns: CubeTableColumn<T>[],\n  collator: Intl.Collator,\n): readonly T[] {\n  const active = sorts\n    .map((sort) => ({\n      sort,\n      column: columns.find((entry) => entry.key === sort.columnKey),\n    }))\n    .filter(\n      (entry): entry is { sort: CubeTableSort; column: CubeTableColumn<T> } =>\n        entry.column != null,\n    );\n\n  if (!active.length) return rows;\n\n  return rows\n    .map((row, index) => ({ row, index }))\n    .sort((a, b) => {\n      for (const { sort, column } of active) {\n        const result = compareByColumn(\n          column,\n          collator,\n          a.row,\n          a.index,\n          b.row,\n          b.index,\n        );\n\n        if (result !== 0) {\n          return result * (sort.direction === 'asc' ? 1 : -1);\n        }\n      }\n\n      return a.index - b.index;\n    })\n    .map((entry) => entry.row);\n}\n\nexport function compareByColumn<T>(\n  column: CubeTableColumn<T>,\n  collator: Intl.Collator,\n  rowA: T,\n  indexA: number,\n  rowB: T,\n  indexB: number,\n): number {\n  const valueA = getColumnValue(column, rowA, indexA);\n  const valueB = getColumnValue(column, rowB, indexB);\n\n  if (column.compare) return column.compare(valueA, valueB, rowA, rowB);\n\n  // Nullish always sorts first, then gets flipped with the direction. Mixing\n  // them into the value comparison instead produces an unstable order.\n  if (valueA == null && valueB == null) return 0;\n  if (valueA == null) return -1;\n  if (valueB == null) return 1;\n\n  if (typeof valueA === 'number' && typeof valueB === 'number') {\n    return valueA - valueB;\n  }\n  if (typeof valueA === 'boolean' && typeof valueB === 'boolean') {\n    return Number(valueA) - Number(valueB);\n  }\n  if (valueA instanceof Date && valueB instanceof Date) {\n    return valueA.getTime() - valueB.getTime();\n  }\n\n  // Fall back to display text, so a column with a `format` sorts the way it\n  // reads rather than the way it is stored.\n  const textA = getColumnText(column, rowA, indexA) ?? String(valueA);\n  const textB = getColumnText(column, rowB, indexB) ?? String(valueB);\n\n  return collator.compare(textA, textB);\n}\n"],"mappings":"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"}