@salt-ds/lab 1.0.0-alpha.88 → 1.0.0-alpha.89

package/dist-cjs/tabs-next/hooks/useOverflow.js

@@ -1,181 +1,265 @@
 'use strict';
 
 var core = require('@salt-ds/core');
-var window = require('@salt-ds/window');
 var react = require('react');
+var domUtils = require('../domUtils.js');
+var widthMeasurement = require('../widthMeasurement.js');
+var overflowMath = require('./overflowMath.js');
 
-function getTabWidth(element) {
-  const { width } = element.getBoundingClientRect();
-  return Math.ceil(width);
+function getTabWidth(tab) {
+  const width = tab.width || widthMeasurement.getMeasuredWidth(tab.root);
+  return width > overflowMath.MIN_TRUSTED_TAB_WIDTH ? width : null;
+}
+function getAvailableWidth(element) {
+  const parent = element.parentElement;
+  if (!parent) {
+    return widthMeasurement.getMeasuredWidth(element);
+  }
+  const parentWidth = widthMeasurement.getMeasuredWidth(parent);
+  const parentStyles = core.ownerWindow(parent).getComputedStyle(parent);
+  const parentGap = widthMeasurement.getGapValue(parentStyles);
+  const siblings = Array.from(parent.children).filter(
+    (child) => {
+      if (!domUtils.isHTMLElement(child) || child === element) {
+        return false;
+      }
+      return core.ownerWindow(child).getComputedStyle(child).display !== "none";
+    }
+  );
+  const siblingWidth = siblings.reduce((width, sibling) => {
+    return width + widthMeasurement.getMeasuredWidth(sibling);
+  }, 0);
+  const gapCount = siblings.length > 0 ? siblings.length : 0;
+  const availableWidth = Math.max(
+    0,
+    parentWidth - siblingWidth - gapCount * parentGap
+  );
+  return availableWidth;
+}
+function isSelectedValueHidden(selected, hiddenValues) {
+  return selected !== void 0 && hiddenValues.includes(selected);
+}
+function getPinnedSelectionValue(selected, selectedIsHidden, pinnedSelectionRef) {
+  return selectedIsHidden ? selected : pinnedSelectionRef.current;
 }
 function useOverflow({
-  tabs,
   container,
   overflowButton,
-  children,
-  selected
+  tabs,
+  selected,
+  menuOpen
 }) {
-  const [{ visibleCount, isMeasuring }, setVisibleItems] = core.useValueEffect({
-    visibleCount: tabs.length,
-    isMeasuring: false
-  });
-  const targetWindow = window.useWindow();
-  const realSelectedIndex = react.useRef(-1);
-  const updateOverflow = core.useEventCallback(() => {
-    const computeVisible = (visibleCount2) => {
-      var _a;
-      if (container.current && targetWindow) {
-        const items = Array.from(
-          container.current.querySelectorAll(
-            "[data-overflowitem]"
-          )
-        );
-        const selectedTab = (_a = container.current.querySelector(
-          "[role=tab][aria-selected=true]"
-        )) == null ? void 0 : _a.parentElement;
-        let maxWidth = container.current.clientWidth ?? 0;
-        const containerStyles = targetWindow.getComputedStyle(
-          container.current
-        );
-        const gap = Number.parseInt(containerStyles.gap || "0", 10);
-        let currentWidth = 0;
-        let newVisibleCount = 0;
-        const visible2 = [];
-        while (newVisibleCount < items.length) {
-          const element = items[newVisibleCount];
-          if (element) {
-            if (currentWidth + getTabWidth(element) + gap > maxWidth) {
-              break;
-            }
-            currentWidth += getTabWidth(element) + gap;
-            visible2.push(element);
-          }
-          newVisibleCount++;
-        }
-        if (newVisibleCount >= items.length) {
-          return newVisibleCount;
-        }
-        const overflowButtonWidth = overflowButton.current ? overflowButton.current.offsetWidth + gap : 0;
-        maxWidth -= overflowButtonWidth;
-        while (currentWidth > maxWidth) {
-          const removed = visible2.pop();
-          if (!removed) break;
-          currentWidth -= getTabWidth(removed) + gap;
-          newVisibleCount--;
-        }
-        if (selectedTab && !visible2.includes(selectedTab)) {
-          const selectedTabWidth = getTabWidth(selectedTab) + gap;
-          while (currentWidth + selectedTabWidth > maxWidth) {
-            const removed = visible2.pop();
-            if (!removed) break;
-            currentWidth -= getTabWidth(removed) + gap;
-            newVisibleCount--;
-          }
-        }
-        return Math.max(0, newVisibleCount);
-      }
-      return visibleCount2;
-    };
-    setVisibleItems(function* () {
-      yield {
-        visibleCount: tabs.length,
-        isMeasuring: true
-      };
-      const newVisibleCount = computeVisible(tabs.length);
-      const isMeasuring2 = newVisibleCount < tabs.length && newVisibleCount > 0;
-      yield {
-        visibleCount: newVisibleCount,
-        isMeasuring: isMeasuring2
-      };
-      if (isMeasuring2) {
-        yield {
-          visibleCount: computeVisible(newVisibleCount),
-          isMeasuring: false
-        };
+  const orderedValues = react.useMemo(() => tabs.map((tab) => tab.value), [tabs]);
+  const measurementInputKey = react.useMemo(() => {
+    return tabs.map((tab) => `${tab.value}:${tab.width.toFixed(2)}`).join("\0");
+  }, [tabs]);
+  const [visibleCount, setVisibleCount] = react.useState(0);
+  const [isMeasuring, setIsMeasuring] = react.useState(true);
+  const [measureRetryVersion, setMeasureRetryVersion] = react.useState(0);
+  const pinnedSelectionRef = react.useRef(selected);
+  const previousOverflowButtonWidthRef = react.useRef(0);
+  const previousMeasurementInputKeyRef = react.useRef(measurementInputKey);
+  const previousMenuOpenRef = react.useRef(menuOpen);
+  const measureRetryFrameRef = react.useRef(null);
+  const measureRetryCountRef = react.useRef(0);
+  const baseHiddenValues = orderedValues.slice(visibleCount);
+  const selectedIsHidden = isSelectedValueHidden(selected, baseHiddenValues);
+  const pinnedValue = getPinnedSelectionValue(
+    selected,
+    selectedIsHidden,
+    pinnedSelectionRef
+  );
+  const getCurrentPinnedValue = react.useCallback(() => {
+    return getPinnedSelectionValue(
+      selected,
+      selectedIsHidden,
+      pinnedSelectionRef
+    );
+  }, [selected, selectedIsHidden]);
+  const markMeasurementStale = react.useCallback(() => {
+    setIsMeasuring(true);
+  }, []);
+  const measureVisibleCount = react.useCallback(
+    (pinnedValue2) => {
+      const element = container.current;
+      if (!element) {
+        return null;
       }
-    });
-  });
-  core.useIsomorphicLayoutEffect(() => {
-    updateOverflow();
-  }, [selected]);
-  react.useEffect(() => {
-    const handleWindowResize = () => {
-      updateOverflow();
-    };
-    targetWindow == null ? void 0 : targetWindow.addEventListener("resize", handleWindowResize);
-    return () => {
-      targetWindow == null ? void 0 : targetWindow.removeEventListener("resize", handleWindowResize);
-    };
-  }, [updateOverflow, targetWindow]);
-  react.useEffect(() => {
-    const element = container == null ? void 0 : container.current;
-    if (!element) return;
-    const win = core.ownerWindow(element);
-    const resizeObserver = new win.ResizeObserver((entries) => {
-      requestAnimationFrame(() => {
-        if (entries.length === 0) return;
-        updateOverflow();
+      const maxWidth = getAvailableWidth(element);
+      const styles = core.ownerWindow(element).getComputedStyle(element);
+      const gap = widthMeasurement.getGapValue(styles);
+      const overflowWidth = overflowButton.current ? overflowButton.current.offsetWidth + gap : 0;
+      const measuredTabs = tabs.map((tab) => ({
+        value: tab.value,
+        width: getTabWidth(tab)
+      }));
+      return overflowMath.calculateVisibleCount({
+        gap,
+        maxWidth,
+        overflowWidth,
+        pinnedValue: pinnedValue2,
+        tabs: measuredTabs
       });
-    });
-    resizeObserver.observe(element);
-    if (element.parentElement) {
-      resizeObserver.observe(element.parentElement);
+    },
+    [container, overflowButton, tabs]
+  );
+  const clearMeasureRetry = react.useCallback(() => {
+    const element = container.current;
+    const frame = measureRetryFrameRef.current;
+    if (element && frame != null) {
+      core.ownerWindow(element).cancelAnimationFrame(frame);
     }
-    return () => {
-      if (element) {
-        resizeObserver.unobserve(element);
+    measureRetryFrameRef.current = null;
+    measureRetryCountRef.current = 0;
+  }, [container]);
+  react.useEffect(() => {
+    return clearMeasureRetry;
+  }, [clearMeasureRetry]);
+  core.useIsomorphicLayoutEffect(() => {
+    if (selected !== void 0 && selectedIsHidden) {
+      pinnedSelectionRef.current = selected;
+      const nextVisibleCount = measureVisibleCount(selected);
+      if (nextVisibleCount == null) {
+        markMeasurementStale();
+        return;
       }
-    };
-  }, [container, updateOverflow]);
+      if (nextVisibleCount !== visibleCount) {
+        setVisibleCount(nextVisibleCount);
+      }
+      if (isMeasuring) {
+        setIsMeasuring(false);
+      }
+    }
+  }, [
+    isMeasuring,
+    markMeasurementStale,
+    measureVisibleCount,
+    selected,
+    selectedIsHidden,
+    visibleCount
+  ]);
   react.useEffect(() => {
-    const element = container == null ? void 0 : container.current;
-    if (!element || isMeasuring) return;
-    const win = core.ownerWindow(element);
-    const mutationObserver = new win.MutationObserver(() => {
-      requestAnimationFrame(() => {
-        updateOverflow();
-      });
-    });
-    mutationObserver.observe(element, {
-      childList: true
-    });
+    const element = container.current;
+    if (!element || menuOpen || isMeasuring) {
+      return;
+    }
+    const observedElements = [element];
+    const parent = element.parentElement;
+    if (parent) {
+      observedElements.push(parent);
+      for (const child of Array.from(parent.children)) {
+        if (domUtils.isHTMLElement(child) && child !== element) {
+          observedElements.push(child);
+        }
+      }
+    }
+    const widths = widthMeasurement.seedWidthMap(observedElements);
+    const resizeObserverCtor = core.ownerWindow(element).ResizeObserver;
+    if (!resizeObserverCtor) {
+      return;
+    }
+    const resizeObserver = new resizeObserverCtor(
+      (entries) => {
+        for (const entry of entries) {
+          if (!domUtils.isHTMLElement(entry.target)) {
+            continue;
+          }
+          const nextWidth = entry.contentRect.width;
+          if (widthMeasurement.updateWidthMap(widths, entry.target, nextWidth)) {
+            const nextVisibleCount = measureVisibleCount(
+              getCurrentPinnedValue()
+            );
+            if (nextVisibleCount != null && nextVisibleCount === visibleCount) {
+              continue;
+            }
+            markMeasurementStale();
+            return;
+          }
+        }
+      }
+    );
+    for (const observedElement of observedElements) {
+      resizeObserver.observe(observedElement);
+    }
     return () => {
-      mutationObserver.disconnect();
+      resizeObserver.disconnect();
     };
-  }, [container, updateOverflow, isMeasuring]);
-  const childArray = react.useMemo(() => react.Children.toArray(children), [children]);
-  const visible = react.useMemo(
-    () => childArray.slice(0, visibleCount),
-    [visibleCount, childArray]
-  );
-  const hidden = react.useMemo(
-    () => childArray.slice(visibleCount),
-    [childArray, visibleCount]
-  );
-  const hiddenSelectedIndex = hidden.findIndex(
-    (child) => {
-      var _a;
-      return react.isValidElement(child) && ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.value) === selected;
+  }, [
+    container,
+    getCurrentPinnedValue,
+    isMeasuring,
+    markMeasurementStale,
+    measureVisibleCount,
+    menuOpen,
+    visibleCount
+  ]);
+  core.useIsomorphicLayoutEffect(() => {
+    if (previousMenuOpenRef.current && !menuOpen) {
+      markMeasurementStale();
     }
-  );
+    previousMenuOpenRef.current = menuOpen;
+  }, [markMeasurementStale, menuOpen]);
+  core.useIsomorphicLayoutEffect(() => {
+    var _a;
+    const nextOverflowButtonWidth = ((_a = overflowButton.current) == null ? void 0 : _a.offsetWidth) ?? 0;
+    if (previousOverflowButtonWidthRef.current === nextOverflowButtonWidth) {
+      return;
+    }
+    previousOverflowButtonWidthRef.current = nextOverflowButtonWidth;
+    if (visibleCount < tabs.length) {
+      markMeasurementStale();
+    }
+  });
+  core.useIsomorphicLayoutEffect(() => {
+    if (previousMeasurementInputKeyRef.current !== measurementInputKey) {
+      previousMeasurementInputKeyRef.current = measurementInputKey;
+      markMeasurementStale();
+    }
+  }, [markMeasurementStale, measurementInputKey]);
   core.useIsomorphicLayoutEffect(() => {
-    if (visibleCount === childArray.length) {
-      realSelectedIndex.current = childArray.findIndex(
-        (child) => {
-          var _a;
-          return react.isValidElement(child) && ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.value) === selected;
+    if (!isMeasuring || menuOpen) {
+      return;
+    }
+    const nextVisibleCount = measureVisibleCount(getCurrentPinnedValue());
+    if (nextVisibleCount == null) {
+      if (measureRetryFrameRef.current != null) {
+        return;
+      }
+      const element = container.current;
+      if (!element || widthMeasurement.getMeasuredWidth(element) <= overflowMath.MIN_TRUSTED_TAB_WIDTH) {
+        measureRetryCountRef.current = 0;
+        return;
+      }
+      if (measureRetryCountRef.current >= 5) {
+        return;
+      }
+      measureRetryCountRef.current += 1;
+      measureRetryFrameRef.current = core.ownerWindow(element).requestAnimationFrame(
+        () => {
+          measureRetryFrameRef.current = null;
+          setMeasureRetryVersion((currentVersion) => currentVersion + 1);
         }
       );
+      return;
     }
-  }, [visibleCount, childArray, selected]);
-  if (selected && hiddenSelectedIndex !== -1) {
-    const removed = hidden.splice(hiddenSelectedIndex, 1);
-    visible.push(removed[0]);
-  }
-  if (isMeasuring) {
-    return [childArray, [], isMeasuring, realSelectedIndex];
-  }
-  return [visible, hidden, isMeasuring, realSelectedIndex];
+    clearMeasureRetry();
+    setVisibleCount(nextVisibleCount);
+    setIsMeasuring(false);
+  }, [
+    clearMeasureRetry,
+    container.current,
+    getCurrentPinnedValue,
+    isMeasuring,
+    measureRetryVersion,
+    measureVisibleCount,
+    menuOpen
+  ]);
+  const { visibleValues, hiddenValues } = overflowMath.partitionVisibleValues(
+    orderedValues,
+    visibleCount,
+    pinnedValue
+  );
+  return [visibleValues, hiddenValues, isMeasuring];
 }
 
 exports.useOverflow = useOverflow;

package/dist-cjs/tabs-next/hooks/useOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflow.js","sources":["../src/tabs-next/hooks/useOverflow.ts"],"sourcesContent":["import {\n  ownerWindow,\n  useEventCallback,\n  useIsomorphicLayoutEffect,\n  useValueEffect,\n} from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  Children,\n  isValidElement,\n  type ReactNode,\n  type RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { TabNextProps } from \"../TabNext\";\nimport type { Item } from \"./useCollection\";\n\ninterface UseOverflowProps {\n  container: RefObject<HTMLElement>;\n  selected?: string;\n  children: ReactNode;\n  tabs: Item[];\n  overflowButton: RefObject<HTMLButtonElement>;\n}\n\nfunction getTabWidth(element: HTMLElement) {\n  const { width } = element.getBoundingClientRect();\n  return Math.ceil(width);\n}\n\nexport function useOverflow({\n  tabs,\n  container,\n  overflowButton,\n  children,\n  selected,\n}: UseOverflowProps) {\n  /**\n   * `visibleCount` doesn't include newly selected tab from overflow menu, which is removed in `computeVisible`\n   */\n  const [{ visibleCount, isMeasuring }, setVisibleItems] = useValueEffect({\n    visibleCount: tabs.length,\n    isMeasuring: false,\n  });\n  const targetWindow = useWindow();\n  const realSelectedIndex = useRef<number>(-1);\n\n  const updateOverflow = useEventCallback(() => {\n    const computeVisible = (visibleCount: number) => {\n      if (container.current && targetWindow) {\n        const items = Array.from(\n          container.current.querySelectorAll<HTMLElement>(\n            \"[data-overflowitem]\",\n          ),\n        );\n        const selectedTab = container.current.querySelector<HTMLElement>(\n          \"[role=tab][aria-selected=true]\",\n        )?.parentElement;\n\n        let maxWidth = container.current.clientWidth ?? 0;\n\n        const containerStyles = targetWindow.getComputedStyle(\n          container.current,\n        );\n        const gap = Number.parseInt(containerStyles.gap || \"0\", 10);\n\n        let currentWidth = 0;\n        let newVisibleCount = 0;\n\n        const visible = [];\n\n        while (newVisibleCount < items.length) {\n          const element = items[newVisibleCount];\n          if (element) {\n            if (currentWidth + getTabWidth(element) + gap > maxWidth) {\n              break;\n            }\n            currentWidth += getTabWidth(element) + gap;\n            visible.push(element);\n          }\n          newVisibleCount++;\n        }\n\n        if (newVisibleCount >= items.length) {\n          return newVisibleCount;\n        }\n\n        const overflowButtonWidth = overflowButton.current\n          ? overflowButton.current.offsetWidth + gap\n          : 0;\n        maxWidth -= overflowButtonWidth;\n\n        while (currentWidth > maxWidth) {\n          const removed = visible.pop();\n          if (!removed) break;\n          currentWidth -= getTabWidth(removed) + gap;\n          newVisibleCount--;\n        }\n\n        if (selectedTab && !visible.includes(selectedTab)) {\n          const selectedTabWidth = getTabWidth(selectedTab) + gap;\n          while (currentWidth + selectedTabWidth > maxWidth) {\n            const removed = visible.pop();\n            if (!removed) break;\n            currentWidth -= getTabWidth(removed) + gap;\n            newVisibleCount--;\n          }\n        }\n\n        // minimal count should be 0, if there is no space for any tab apart from selected tab from the overflow menu\n        return Math.max(0, newVisibleCount);\n      }\n      return visibleCount;\n    };\n\n    setVisibleItems(function* () {\n      // Show all\n      yield {\n        visibleCount: tabs.length,\n        isMeasuring: true,\n      };\n\n      // Measure the visible count\n      const newVisibleCount = computeVisible(tabs.length);\n      const isMeasuring = newVisibleCount < tabs.length && newVisibleCount > 0;\n      yield {\n        visibleCount: newVisibleCount,\n        isMeasuring,\n      };\n\n      // ensure the visible count is correct\n      if (isMeasuring) {\n        yield {\n          visibleCount: computeVisible(newVisibleCount),\n          isMeasuring: false,\n        };\n      }\n    });\n  });\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: we want to update when selected changes.\n  useIsomorphicLayoutEffect(() => {\n    updateOverflow();\n  }, [selected]);\n\n  useEffect(() => {\n    const handleWindowResize = () => {\n      updateOverflow();\n    };\n\n    targetWindow?.addEventListener(\"resize\", handleWindowResize);\n\n    return () => {\n      targetWindow?.removeEventListener(\"resize\", handleWindowResize);\n    };\n  }, [updateOverflow, targetWindow]);\n\n  useEffect(() => {\n    const element = container?.current;\n    if (!element) return;\n\n    const win = ownerWindow(element);\n\n    const resizeObserver = new win.ResizeObserver((entries) => {\n      requestAnimationFrame(() => {\n        if (entries.length === 0) return;\n\n        updateOverflow();\n      });\n    });\n    resizeObserver.observe(element);\n    if (element.parentElement) {\n      resizeObserver.observe(element.parentElement);\n    }\n\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [container, updateOverflow]);\n\n  useEffect(() => {\n    const element = container?.current;\n    if (!element || isMeasuring) return;\n\n    const win = ownerWindow(element);\n\n    const mutationObserver = new win.MutationObserver(() => {\n      requestAnimationFrame(() => {\n        updateOverflow();\n      });\n    });\n\n    mutationObserver.observe(element, {\n      childList: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [container, updateOverflow, isMeasuring]);\n\n  const childArray = useMemo(() => Children.toArray(children), [children]);\n  const visible = useMemo(\n    () => childArray.slice(0, visibleCount),\n    [visibleCount, childArray],\n  );\n  const hidden = useMemo(\n    () => childArray.slice(visibleCount),\n    [childArray, visibleCount],\n  );\n\n  const hiddenSelectedIndex = hidden.findIndex(\n    (child) =>\n      isValidElement<TabNextProps>(child) && child?.props?.value === selected,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (visibleCount === childArray.length) {\n      realSelectedIndex.current = childArray.findIndex(\n        (child) =>\n          isValidElement<TabNextProps>(child) &&\n          child?.props?.value === selected,\n      );\n    }\n  }, [visibleCount, childArray, selected]);\n\n  if (selected && hiddenSelectedIndex !== -1) {\n    const removed = hidden.splice(hiddenSelectedIndex, 1);\n    visible.push(removed[0]);\n  }\n\n  if (isMeasuring) {\n    return [childArray, [], isMeasuring, realSelectedIndex] as const;\n  }\n\n  return [visible, hidden, isMeasuring, realSelectedIndex] as const;\n}\n"],"names":["useValueEffect","useWindow","useRef","useEventCallback","visibleCount","visible","isMeasuring","useIsomorphicLayoutEffect","useEffect","ownerWindow","useMemo","Children","isValidElement"],"mappings":"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"}
+{"version":3,"file":"useOverflow.js","sources":["../src/tabs-next/hooks/useOverflow.ts"],"sourcesContent":["import { ownerWindow, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  type MutableRefObject,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { isHTMLElement } from \"../domUtils\";\nimport type { RenderedTab } from \"../TabsNextContext\";\nimport {\n  getGapValue,\n  getMeasuredWidth,\n  seedWidthMap,\n  updateWidthMap,\n} from \"../widthMeasurement\";\nimport {\n  calculateVisibleCount,\n  MIN_TRUSTED_TAB_WIDTH,\n  partitionVisibleValues,\n} from \"./overflowMath\";\n\ninterface UseOverflowProps {\n  container: RefObject<HTMLElement>;\n  selected?: string;\n  tabs: RenderedTab[];\n  overflowButton: RefObject<HTMLButtonElement>;\n  menuOpen: boolean;\n}\n\nfunction getTabWidth(tab: RenderedTab) {\n  const width = tab.width || getMeasuredWidth(tab.root);\n  return width > MIN_TRUSTED_TAB_WIDTH ? width : null;\n}\n\nfunction getAvailableWidth(element: HTMLElement) {\n  const parent = element.parentElement;\n  if (!parent) {\n    return getMeasuredWidth(element);\n  }\n\n  const parentWidth = getMeasuredWidth(parent);\n  const parentStyles = ownerWindow(parent).getComputedStyle(parent);\n  const parentGap = getGapValue(parentStyles);\n  const siblings = Array.from(parent.children).filter(\n    (child): child is HTMLElement => {\n      if (!isHTMLElement(child) || child === element) {\n        return false;\n      }\n\n      return ownerWindow(child).getComputedStyle(child).display !== \"none\";\n    },\n  );\n\n  const siblingWidth = siblings.reduce((width, sibling) => {\n    return width + getMeasuredWidth(sibling);\n  }, 0);\n  const gapCount = siblings.length > 0 ? siblings.length : 0;\n  const availableWidth = Math.max(\n    0,\n    parentWidth - siblingWidth - gapCount * parentGap,\n  );\n  return availableWidth;\n}\n\nfunction isSelectedValueHidden(\n  selected: string | undefined,\n  hiddenValues: string[],\n) {\n  return selected !== undefined && hiddenValues.includes(selected);\n}\n\nfunction getPinnedSelectionValue(\n  selected: string | undefined,\n  selectedIsHidden: boolean,\n  pinnedSelectionRef: MutableRefObject<string | undefined>,\n) {\n  return selectedIsHidden ? selected : pinnedSelectionRef.current;\n}\n\nexport function useOverflow({\n  container,\n  overflowButton,\n  tabs,\n  selected,\n  menuOpen,\n}: UseOverflowProps) {\n  const orderedValues = useMemo(() => tabs.map((tab) => tab.value), [tabs]);\n  const measurementInputKey = useMemo(() => {\n    return tabs.map((tab) => `${tab.value}:${tab.width.toFixed(2)}`).join(\"\\0\");\n  }, [tabs]);\n  const [visibleCount, setVisibleCount] = useState(0);\n  const [isMeasuring, setIsMeasuring] = useState(true);\n  const [measureRetryVersion, setMeasureRetryVersion] = useState(0);\n  const pinnedSelectionRef = useRef(selected);\n  const previousOverflowButtonWidthRef = useRef(0);\n  const previousMeasurementInputKeyRef = useRef(measurementInputKey);\n  const previousMenuOpenRef = useRef(menuOpen);\n  const measureRetryFrameRef = useRef<number | null>(null);\n  const measureRetryCountRef = useRef(0);\n  const baseHiddenValues = orderedValues.slice(visibleCount);\n  const selectedIsHidden = isSelectedValueHidden(selected, baseHiddenValues);\n  const pinnedValue = getPinnedSelectionValue(\n    selected,\n    selectedIsHidden,\n    pinnedSelectionRef,\n  );\n  const getCurrentPinnedValue = useCallback(() => {\n    return getPinnedSelectionValue(\n      selected,\n      selectedIsHidden,\n      pinnedSelectionRef,\n    );\n  }, [selected, selectedIsHidden]);\n  const markMeasurementStale = useCallback(() => {\n    setIsMeasuring(true);\n  }, []);\n\n  const measureVisibleCount = useCallback(\n    (pinnedValue?: string) => {\n      const element = container.current;\n      if (!element) {\n        return null;\n      }\n\n      const maxWidth = getAvailableWidth(element);\n      const styles = ownerWindow(element).getComputedStyle(element);\n      const gap = getGapValue(styles);\n      const overflowWidth = overflowButton.current\n        ? overflowButton.current.offsetWidth + gap\n        : 0;\n      const measuredTabs = tabs.map((tab) => ({\n        value: tab.value,\n        width: getTabWidth(tab),\n      }));\n\n      return calculateVisibleCount({\n        gap,\n        maxWidth,\n        overflowWidth,\n        pinnedValue,\n        tabs: measuredTabs,\n      });\n    },\n    [container, overflowButton, tabs],\n  );\n  const clearMeasureRetry = useCallback(() => {\n    const element = container.current;\n    const frame = measureRetryFrameRef.current;\n\n    if (element && frame != null) {\n      ownerWindow(element).cancelAnimationFrame(frame);\n    }\n\n    measureRetryFrameRef.current = null;\n    measureRetryCountRef.current = 0;\n  }, [container]);\n\n  useEffect(() => {\n    return clearMeasureRetry;\n  }, [clearMeasureRetry]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (selected !== undefined && selectedIsHidden) {\n      pinnedSelectionRef.current = selected;\n      const nextVisibleCount = measureVisibleCount(selected);\n      if (nextVisibleCount == null) {\n        markMeasurementStale();\n        return;\n      }\n      if (nextVisibleCount !== visibleCount) {\n        setVisibleCount(nextVisibleCount);\n      }\n      if (isMeasuring) {\n        setIsMeasuring(false);\n      }\n    }\n  }, [\n    isMeasuring,\n    markMeasurementStale,\n    measureVisibleCount,\n    selected,\n    selectedIsHidden,\n    visibleCount,\n  ]);\n\n  useEffect(() => {\n    const element = container.current;\n    if (!element || menuOpen || isMeasuring) {\n      return;\n    }\n\n    const observedElements = [element];\n    const parent = element.parentElement;\n    if (parent) {\n      observedElements.push(parent);\n      for (const child of Array.from(parent.children)) {\n        if (isHTMLElement(child) && child !== element) {\n          observedElements.push(child);\n        }\n      }\n    }\n\n    const widths = seedWidthMap(observedElements);\n    const resizeObserverCtor = ownerWindow(element).ResizeObserver;\n    if (!resizeObserverCtor) {\n      return;\n    }\n\n    const resizeObserver = new resizeObserverCtor(\n      (entries: ResizeObserverEntry[]) => {\n        for (const entry of entries) {\n          if (!isHTMLElement(entry.target)) {\n            continue;\n          }\n\n          const nextWidth = entry.contentRect.width;\n          if (updateWidthMap(widths, entry.target, nextWidth)) {\n            const nextVisibleCount = measureVisibleCount(\n              getCurrentPinnedValue(),\n            );\n\n            if (nextVisibleCount != null && nextVisibleCount === visibleCount) {\n              continue;\n            }\n\n            markMeasurementStale();\n            return;\n          }\n        }\n      },\n    );\n\n    for (const observedElement of observedElements) {\n      resizeObserver.observe(observedElement);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [\n    container,\n    getCurrentPinnedValue,\n    isMeasuring,\n    markMeasurementStale,\n    measureVisibleCount,\n    menuOpen,\n    visibleCount,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (previousMenuOpenRef.current && !menuOpen) {\n      markMeasurementStale();\n    }\n\n    previousMenuOpenRef.current = menuOpen;\n  }, [markMeasurementStale, menuOpen]);\n\n  useIsomorphicLayoutEffect(() => {\n    const nextOverflowButtonWidth = overflowButton.current?.offsetWidth ?? 0;\n    if (previousOverflowButtonWidthRef.current === nextOverflowButtonWidth) {\n      return;\n    }\n\n    previousOverflowButtonWidthRef.current = nextOverflowButtonWidth;\n    if (visibleCount < tabs.length) {\n      markMeasurementStale();\n    }\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (previousMeasurementInputKeyRef.current !== measurementInputKey) {\n      previousMeasurementInputKeyRef.current = measurementInputKey;\n      markMeasurementStale();\n    }\n  }, [markMeasurementStale, measurementInputKey]);\n\n  useIsomorphicLayoutEffect(() => {\n    // A content-only tab width update can briefly leave a tab without a\n    // trustworthy measured width after it moves through the portal slots.\n    // Retry on the next frame instead of leaving overflow stuck measuring.\n    void measureRetryVersion;\n\n    if (!isMeasuring || menuOpen) {\n      return;\n    }\n\n    const nextVisibleCount = measureVisibleCount(getCurrentPinnedValue());\n\n    if (nextVisibleCount == null) {\n      if (measureRetryFrameRef.current != null) {\n        return;\n      }\n\n      const element = container.current;\n      if (!element || getMeasuredWidth(element) <= MIN_TRUSTED_TAB_WIDTH) {\n        measureRetryCountRef.current = 0;\n        return;\n      }\n\n      if (measureRetryCountRef.current >= 5) {\n        return;\n      }\n\n      measureRetryCountRef.current += 1;\n      measureRetryFrameRef.current = ownerWindow(element).requestAnimationFrame(\n        () => {\n          measureRetryFrameRef.current = null;\n          setMeasureRetryVersion((currentVersion) => currentVersion + 1);\n        },\n      );\n      return;\n    }\n\n    clearMeasureRetry();\n\n    setVisibleCount(nextVisibleCount);\n    setIsMeasuring(false);\n  }, [\n    clearMeasureRetry,\n    container.current,\n    getCurrentPinnedValue,\n    isMeasuring,\n    measureRetryVersion,\n    measureVisibleCount,\n    menuOpen,\n  ]);\n\n  const { visibleValues, hiddenValues } = partitionVisibleValues(\n    orderedValues,\n    visibleCount,\n    pinnedValue,\n  );\n\n  return [visibleValues, hiddenValues, isMeasuring] as const;\n}\n"],"names":["getMeasuredWidth","MIN_TRUSTED_TAB_WIDTH","ownerWindow","getGapValue","isHTMLElement","useMemo","useState","useRef","useCallback","pinnedValue","calculateVisibleCount","useEffect","useIsomorphicLayoutEffect","seedWidthMap","updateWidthMap","partitionVisibleValues"],"mappings":"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"}

package/dist-cjs/tabs-next/hooks/useOverflowLayoutState.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var react = require('react');
+
+function getOverflowStartIndex(hiddenValues, currentValue, fallbackValue) {
+  const currentIndex = hiddenValues.indexOf(currentValue);
+  const fallbackIndex = fallbackValue != null ? hiddenValues.indexOf(fallbackValue) : 0;
+  return currentIndex >= 0 ? currentIndex : Math.max(0, fallbackIndex);
+}
+function useOverflowLayoutState({
+  hiddenValues,
+  menuOpen,
+  overflowMenuOpen,
+  visibleValues
+}) {
+  const [requestedOverflowActiveValue, setRequestedOverflowActiveValue] = react.useState(null);
+  react.useEffect(() => {
+    if (!overflowMenuOpen) {
+      setRequestedOverflowActiveValue(null);
+    }
+  }, [overflowMenuOpen]);
+  const resolvedOverflowActiveValue = react.useMemo(() => {
+    if (!overflowMenuOpen) {
+      return null;
+    }
+    if (requestedOverflowActiveValue && hiddenValues.includes(requestedOverflowActiveValue)) {
+      return requestedOverflowActiveValue;
+    }
+    return hiddenValues[0] ?? null;
+  }, [hiddenValues, overflowMenuOpen, requestedOverflowActiveValue]);
+  const hiddenValueSet = react.useMemo(() => new Set(hiddenValues), [hiddenValues]);
+  const visibleValueSet = react.useMemo(
+    () => new Set(visibleValues),
+    [visibleValues]
+  );
+  const getLocation = react.useCallback(
+    (value) => {
+      if (visibleValueSet.has(value)) {
+        return "main";
+      }
+      if (menuOpen && hiddenValueSet.has(value)) {
+        return "overflow";
+      }
+      return "hidden";
+    },
+    [hiddenValueSet, menuOpen, visibleValueSet]
+  );
+  const moveOverflowFocus = react.useCallback(
+    (key, value) => {
+      if (hiddenValues.length < 1) {
+        return false;
+      }
+      const startIndex = getOverflowStartIndex(
+        hiddenValues,
+        value,
+        resolvedOverflowActiveValue
+      );
+      const lastIndex = hiddenValues.length - 1;
+      let nextIndex = startIndex;
+      switch (key) {
+        case "ArrowDown":
+          nextIndex = startIndex >= lastIndex ? 0 : startIndex + 1;
+          break;
+        case "ArrowUp":
+          nextIndex = startIndex <= 0 ? lastIndex : startIndex - 1;
+          break;
+        case "Home":
+          nextIndex = 0;
+          break;
+        case "End":
+          nextIndex = lastIndex;
+          break;
+      }
+      const nextValue = hiddenValues[nextIndex];
+      if (!nextValue) {
+        return false;
+      }
+      setRequestedOverflowActiveValue(nextValue);
+      return true;
+    },
+    [hiddenValues, resolvedOverflowActiveValue]
+  );
+  const tabListLayoutContext = react.useMemo(
+    () => ({
+      getLocation,
+      overflowActiveValue: resolvedOverflowActiveValue,
+      setOverflowActiveValue: setRequestedOverflowActiveValue,
+      moveOverflowFocus
+    }),
+    [getLocation, moveOverflowFocus, resolvedOverflowActiveValue]
+  );
+  return {
+    resolvedOverflowActiveValue,
+    tabListLayoutContext
+  };
+}
+
+exports.useOverflowLayoutState = useOverflowLayoutState;
+//# sourceMappingURL=useOverflowLayoutState.js.map

package/dist-cjs/tabs-next/hooks/useOverflowLayoutState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowLayoutState.js","sources":["../src/tabs-next/hooks/useOverflowLayoutState.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n  TabListLayoutContextValue,\n  TabSlotLocation,\n} from \"../TabListLayoutContext\";\n\nfunction getOverflowStartIndex(\n  hiddenValues: string[],\n  currentValue: string,\n  fallbackValue: string | null,\n) {\n  const currentIndex = hiddenValues.indexOf(currentValue);\n  const fallbackIndex =\n    fallbackValue != null ? hiddenValues.indexOf(fallbackValue) : 0;\n\n  return currentIndex >= 0 ? currentIndex : Math.max(0, fallbackIndex);\n}\n\ninterface UseOverflowLayoutStateArgs {\n  hiddenValues: string[];\n  menuOpen: boolean;\n  overflowMenuOpen: boolean;\n  visibleValues: string[];\n}\n\ninterface UseOverflowLayoutStateResult {\n  resolvedOverflowActiveValue: string | null;\n  tabListLayoutContext: TabListLayoutContextValue;\n}\n\nexport function useOverflowLayoutState({\n  hiddenValues,\n  menuOpen,\n  overflowMenuOpen,\n  visibleValues,\n}: UseOverflowLayoutStateArgs): UseOverflowLayoutStateResult {\n  const [requestedOverflowActiveValue, setRequestedOverflowActiveValue] =\n    useState<string | null>(null);\n\n  useEffect(() => {\n    if (!overflowMenuOpen) {\n      setRequestedOverflowActiveValue(null);\n    }\n  }, [overflowMenuOpen]);\n\n  const resolvedOverflowActiveValue = useMemo(() => {\n    if (!overflowMenuOpen) {\n      return null;\n    }\n\n    if (\n      requestedOverflowActiveValue &&\n      hiddenValues.includes(requestedOverflowActiveValue)\n    ) {\n      return requestedOverflowActiveValue;\n    }\n\n    return hiddenValues[0] ?? null;\n  }, [hiddenValues, overflowMenuOpen, requestedOverflowActiveValue]);\n\n  const hiddenValueSet = useMemo(() => new Set(hiddenValues), [hiddenValues]);\n  const visibleValueSet = useMemo(\n    () => new Set(visibleValues),\n    [visibleValues],\n  );\n\n  const getLocation = useCallback(\n    (value: string): TabSlotLocation => {\n      if (visibleValueSet.has(value)) {\n        return \"main\";\n      }\n\n      if (menuOpen && hiddenValueSet.has(value)) {\n        return \"overflow\";\n      }\n\n      return \"hidden\";\n    },\n    [hiddenValueSet, menuOpen, visibleValueSet],\n  );\n\n  const moveOverflowFocus = useCallback(\n    (key: \"ArrowDown\" | \"ArrowUp\" | \"Home\" | \"End\", value: string) => {\n      if (hiddenValues.length < 1) {\n        return false;\n      }\n\n      const startIndex = getOverflowStartIndex(\n        hiddenValues,\n        value,\n        resolvedOverflowActiveValue,\n      );\n      const lastIndex = hiddenValues.length - 1;\n      let nextIndex = startIndex;\n\n      switch (key) {\n        case \"ArrowDown\":\n          nextIndex = startIndex >= lastIndex ? 0 : startIndex + 1;\n          break;\n        case \"ArrowUp\":\n          nextIndex = startIndex <= 0 ? lastIndex : startIndex - 1;\n          break;\n        case \"Home\":\n          nextIndex = 0;\n          break;\n        case \"End\":\n          nextIndex = lastIndex;\n          break;\n      }\n\n      const nextValue = hiddenValues[nextIndex];\n      if (!nextValue) {\n        return false;\n      }\n\n      setRequestedOverflowActiveValue(nextValue);\n      return true;\n    },\n    [hiddenValues, resolvedOverflowActiveValue],\n  );\n\n  const tabListLayoutContext = useMemo(\n    () => ({\n      getLocation,\n      overflowActiveValue: resolvedOverflowActiveValue,\n      setOverflowActiveValue: setRequestedOverflowActiveValue,\n      moveOverflowFocus,\n    }),\n    [getLocation, moveOverflowFocus, resolvedOverflowActiveValue],\n  );\n\n  return {\n    resolvedOverflowActiveValue,\n    tabListLayoutContext,\n  };\n}\n"],"names":["useState","useEffect","useMemo","useCallback"],"mappings":"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"}