Function calculateTabValues

site/src/components/Tabs/utils/useKebabMenu.ts:149–188

({
	tabs,
	availableWidth,
	tabWidthByValue,
	overflowTriggerWidth,
	tabGap,
}: {
	tabs: readonly T[];
	availableWidth: number;
	tabWidthByValue: Readonly<Record<string, number>>;
	overflowTriggerWidth: number;
	tabGap: number;
})

};

const calculateTabValues = <T extends TabValue>({
	tabs,
	availableWidth,
	tabWidthByValue,
	overflowTriggerWidth,
	tabGap,
}: {
	tabs: readonly T[];
	availableWidth: number;
	tabWidthByValue: Readonly<Record<string, number>>;
	overflowTriggerWidth: number;
	tabGap: number;
}): string[] => {
	if (tabs.length <= ALWAYS_VISIBLE_TABS_COUNT) {
		return [];
	}

	let usedWidth = 0;
	let visibleCount = 0;

	for (const [index, tab] of tabs.entries()) {
		const tabWidth = tabWidthByValue[tab.value] ?? 0;
		const gapBeforeTab = visibleCount > 0 ? tabGap : 0;
		const usedWidthWithTab = usedWidth + gapBeforeTab + tabWidth;
		const hasMoreTabs = index < tabs.length - 1;
		// Reserve kebab trigger width whenever additional tabs remain.
		const widthNeeded =
			usedWidthWithTab + (hasMoreTabs ? tabGap + overflowTriggerWidth : 0);

		if (index < ALWAYS_VISIBLE_TABS_COUNT || widthNeeded <= availableWidth) {
			usedWidth = usedWidthWithTab;
			visibleCount += 1;
			continue;
		}

		return tabs.slice(index).map((overflowTab) => overflowTab.value);
	}

	return [];
};

const measureTabWidths = <T extends TabValue>({
	tabs,