themelia-react-ui 2.0.4 → 2.0.6

package/dist/overflow-tab-bar-BQCA2Zn2.js

@@ -0,0 +1,172 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-DhuoqFy4.js";
+import { c as n } from "./typography-C7-YMW1S.js";
+import { t as r } from "./focus-recipes-B653VaLq.js";
+import { i } from "./popover.recipes-DJ0AkUan.js";
+import { n as a } from "./action-menu-C0gjzLyE.js";
+import { t as o } from "./interaction-recipes-4wZ2tvfb.js";
+import { t as s } from "./badge-wWauMgAt.js";
+import { forwardRef as c, useCallback as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { MoreHorizontal as _ } from "lucide-react";
+//#region src/components/base/navigation/overflow-tab-bar.tsx
+var v = {
+	more: "More",
+	navigationLabel: "Tab navigation"
+}, y = `${o.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-radius px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ${r.edge} [&_svg]:size-icon [&_svg]:shrink-0`, b = o.segmentInactive, x = o.segmentActive;
+function S(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function C(e, t, n, r) {
+	if (e.reduce((e, t) => e + t, 0) + n * Math.max(0, e.length - 1) <= t) return e.length;
+	let i = 0, a = 0;
+	for (let o of e) {
+		let e = i + (a > 0 ? n : 0) + o;
+		if (e + n + r > t) break;
+		i = e, a += 1;
+	}
+	return Math.max(1, a);
+}
+var w = c(function({ items: r, value: o, onValueChange: c, className: w, tabClassName: T, activeTabClassName: E, strings: D, ...O }, k) {
+	let A = e(v, D), j = f(null), M = f(null), N = f(null), [P, F] = p(r.length), I = l((e) => {
+		j.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
+	}, [k]);
+	u(() => {
+		let e = j.current, t = M.current, n = N.current;
+		if (!e || !t || !n) return;
+		let i = () => {
+			let i = getComputedStyle(t), a = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), o = e.clientWidth - a;
+			if (o <= 0) {
+				F(r.length);
+				return;
+			}
+			let s = parseFloat(getComputedStyle(n).columnGap) || 0, c = Array.from(n.querySelectorAll("[data-tab-id]")).map((e) => e.offsetWidth), l = n.querySelector("[data-more-measure]")?.offsetWidth ?? 0;
+			F(C(c, o, s, l));
+		};
+		if (i(), typeof ResizeObserver > "u") return;
+		let a = new ResizeObserver(i);
+		return a.observe(e), () => a.disconnect();
+	}, [r, A.more]);
+	let L = d(() => {
+		if (!o) return r;
+		let e = r.findIndex((e) => e.id === o);
+		if (e < 0 || e < P) return r;
+		let t = [...r], n = Math.max(0, P - 1);
+		return [t[e], t[n]] = [t[n], t[e]], t;
+	}, [
+		r,
+		o,
+		P
+	]), R = L.slice(0, P), z = L.slice(P), B = (e) => {
+		c?.(e.id), e.onClick?.();
+	}, V = (e) => {
+		if (![
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		].includes(e.key)) return;
+		let t = Array.from(e.currentTarget.querySelectorAll("[role=\"tab\"]")), n = t.indexOf(e.target);
+		if (n < 0 || t.length === 0) return;
+		let r = getComputedStyle(e.currentTarget).direction === "rtl" ? "ArrowLeft" : "ArrowRight", i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === r ? (n + 1) % t.length : (n - 1 + t.length) % t.length;
+		e.preventDefault(), t[i]?.focus();
+	}, H = (e, r, i) => {
+		let a = e.icon, c = t(y, r ? t(x, E) : b, T), l = /* @__PURE__ */ g(m, { children: [
+			!!a && /* @__PURE__ */ h(a, { "aria-hidden": "true" }),
+			S(e.label) ? /* @__PURE__ */ h(n, {
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				lineHeight: "tight",
+				className: "text-inherit",
+				children: e.label
+			}) : e.label,
+			e.badge !== void 0 && e.badge !== null && e.badge !== !1 && /* @__PURE__ */ h(s, {
+				size: "sm",
+				tone: "secondary",
+				className: "overflow-tab-bar--badge",
+				children: e.badge
+			})
+		] });
+		if (i?.measure) return /* @__PURE__ */ h("span", {
+			"data-tab-id": e.id,
+			className: t("overflow-tab-bar--measure", c),
+			children: l
+		}, e.id);
+		let u = {
+			"data-tab-id": e.id,
+			role: "tab",
+			"aria-selected": r,
+			tabIndex: r || !o ? 0 : -1,
+			onClick: () => B(e),
+			className: t("overflow-tab-bar--tab", c)
+		};
+		return e.href ? /* @__PURE__ */ h("a", {
+			href: e.href,
+			...u,
+			children: l
+		}, e.id) : /* @__PURE__ */ h("button", {
+			type: "button",
+			...u,
+			children: l
+		}, e.id);
+	}, U = /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(_, { "aria-hidden": "true" }), /* @__PURE__ */ h(n, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: "text-inherit",
+		children: A.more
+	})] });
+	return /* @__PURE__ */ g("div", {
+		ref: I,
+		className: t("overflow-tab-bar--component relative w-full min-w-0 max-w-full", w),
+		...O,
+		children: [/* @__PURE__ */ g("div", {
+			ref: N,
+			"aria-hidden": "true",
+			className: "pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden",
+			children: [r.map((e) => H(e, !1, { measure: !0 })), /* @__PURE__ */ h("span", {
+				"data-more-measure": "",
+				className: t(y, b),
+				children: U
+			})]
+		}), /* @__PURE__ */ g("div", {
+			ref: M,
+			className: "overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-radius bg-muted p-space-2xs align-top",
+			children: [/* @__PURE__ */ h("div", {
+				role: "tablist",
+				"aria-label": A.navigationLabel,
+				"aria-orientation": "horizontal",
+				onKeyDown: V,
+				className: "overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden",
+				children: R.map((e) => H(e, e.id === o))
+			}), z.length > 0 && /* @__PURE__ */ h(a, {
+				actions: z.map((e) => ({
+					id: e.id,
+					label: e.label,
+					icon: e.icon,
+					href: e.href,
+					onClick: () => B(e)
+				})),
+				align: "end",
+				contentClassName: i.menuMin,
+				width: "w-auto",
+				closeOnSelect: !0,
+				preserveOrder: !0,
+				renderTrigger: /* @__PURE__ */ h("button", {
+					type: "button",
+					"aria-label": A.more,
+					className: t(y, b, "overflow-tab-bar--more"),
+					children: U
+				})
+			})]
+		})]
+	});
+});
+w.displayName = "OverflowTabBar";
+//#endregion
+export { v as n, w as t };
+
+//# sourceMappingURL=overflow-tab-bar-BQCA2Zn2.js.map

package/dist/overflow-tab-bar-BQCA2Zn2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-tab-bar-BQCA2Zn2.js","names":["_Fragment","Text","focusRecipes","ActionMenu","interactionRecipes","Badge","Fragment$1","defaultOverflowTabBarStrings","TAB_BUTTON_BASE","TAB_INACTIVE","TAB_ACTIVE","isSimpleText","value","fitOverflowTabs","widths","sum","width","gap","available","used","count","next","moreWidth","OverflowTabBar","forwardRef","stringsProp","rootProps","strings","useStrings","rootRef","useRef","trackRef","measureRef","visibleCount","setVisibleCount","useState","items","setRootRef","useCallback","node","ref","root","track","measure","compute","trackStyle","inset","tab","observer","orderedItems","useMemo","activeIdx","i","lastVisibleIdx","visibleItems","overflowItems","handleSelect","onValueChange","item","handleKeyDown","event","tabs","index","forward","renderTab","Icon","tabClasses","cn","isActive","activeTabClassName","tabClassName","inner","options","shared","moreContent","MoreHorizontal","className","popoverWidthRecipes"],"sources":["../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * The strip shares the segmented-tab recipe of `NavigationTabs` and `Tabs`:\n * a muted track, small action-height tabs with default-size labels, and a\n * lifted card-coloured active tab. Arrow keys, Home and End move focus between\n * tabs; Enter or Space activates the focused tab.\n *\n * Use `NavigationTabs` instead when a fixed route set cannot overflow.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ComponentPropsWithoutRef,\n\ttype KeyboardEvent,\n\ttype ReactNode,\n} from 'react';\n\nimport { ActionMenu } from '../action-menu';\nimport { Badge } from '../badge';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\nimport { popoverWidthRecipes } from '../popover/popover.recipes';\n\nexport interface OverflowTabBarStrings {\n\tmore: string;\n\tnavigationLabel: string;\n}\n\nexport const defaultOverflowTabBarStrings: OverflowTabBarStrings = {\n\tmore: 'More',\n\tnavigationLabel: 'Tab navigation',\n};\n\nexport interface OverflowTabItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/** Entries to render, in order. */\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\t/** Fired with the id of the newly active tab. */\n\tonValueChange?: (id: string) => void;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<OverflowTabBarStrings>;\n}\n\n// Native buttons and anchors are reset explicitly: the package ships no preflight.\nconst TAB_BUTTON_BASE =\n\t`${interactionRecipes.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-radius px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ` +\n\t`${focusRecipes.edge} [&_svg]:size-icon [&_svg]:shrink-0`;\nconst TAB_INACTIVE = interactionRecipes.segmentInactive;\nconst TAB_ACTIVE = interactionRecipes.segmentActive;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** How many tabs fit, reserving room for the \"More\" trigger only when something overflows. */\nexport function fitOverflowTabs(widths: readonly number[], available: number, gap: number, moreWidth: number): number {\n\tconst total = widths.reduce((sum, width) => sum + width, 0) + gap * Math.max(0, widths.length - 1);\n\tif (total <= available) return widths.length;\n\tlet used = 0;\n\tlet count = 0;\n\tfor (const width of widths) {\n\t\tconst next = used + (count > 0 ? gap : 0) + width;\n\t\tif (next + gap + moreWidth > available) break;\n\t\tused = next;\n\t\tcount += 1;\n\t}\n\treturn Math.max(1, count);\n}\n\nexport const OverflowTabBar = forwardRef<HTMLDivElement, OverflowTabBarProps>(function OverflowTabBar({\n\titems,\n\tvalue,\n\tonValueChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultOverflowTabBarStrings, stringsProp);\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst trackRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\tconst setRootRef = useCallback((node: HTMLDivElement | null) => {\n\t\trootRef.current = node;\n\t\tif (typeof ref === 'function') ref(node);\n\t\telse if (ref) ref.current = node;\n\t}, [ref]);\n\n\t// Recompute how many tabs fit when the available width or the items change.\n\tuseLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tconst track = trackRef.current;\n\t\tconst measure = measureRef.current;\n\t\tif (!root || !track || !measure) return;\n\n\t\tconst compute = () => {\n\t\t\tconst trackStyle = getComputedStyle(track);\n\t\t\tconst inset = (parseFloat(trackStyle.paddingLeft) || 0) + (parseFloat(trackStyle.paddingRight) || 0);\n\t\t\tconst available = root.clientWidth - inset;\n\t\t\tif (available <= 0) {\n\t\t\t\tsetVisibleCount(items.length);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst gap = parseFloat(getComputedStyle(measure).columnGap) || 0;\n\t\t\tconst widths = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]')).map((tab) => tab.offsetWidth);\n\t\t\tconst moreWidth = measure.querySelector<HTMLElement>('[data-more-measure]')?.offsetWidth ?? 0;\n\t\t\tsetVisibleCount(fitOverflowTabs(widths, available, gap, moreWidth));\n\t\t};\n\n\t\tcompute();\n\t\tif (typeof ResizeObserver === 'undefined') return;\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(root);\n\t\treturn () => observer.disconnect();\n\t}, [items, strings.more]);\n\n\t// Ensure the active tab is always visible; if it falls into the overflow set,\n\t// swap it with the last visible tab.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonValueChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\t// Roving focus: arrows, Home and End move between tabs; activation stays on\n\t// Enter/Space so moving focus never navigates a link tab by itself.\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n\t\tconst tabs = Array.from(event.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n\t\tconst index = tabs.indexOf(event.target as HTMLElement);\n\t\tif (index < 0 || tabs.length === 0) return;\n\t\tconst rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n\t\tconst forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n\t\tconst next = event.key === 'Home'\n\t\t\t? 0\n\t\t\t: event.key === 'End'\n\t\t\t\t? tabs.length - 1\n\t\t\t\t: event.key === forward\n\t\t\t\t\t? (index + 1) % tabs.length\n\t\t\t\t\t: (index - 1 + tabs.length) % tabs.length;\n\t\tevent.preventDefault();\n\t\ttabs[next]?.focus();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean, options?: { measure?: boolean }) => {\n\t\tconst Icon = item.icon;\n\t\tconst tabClasses = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive ? cn(TAB_ACTIVE, activeTabClassName) : TAB_INACTIVE,\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon aria-hidden=\"true\" />}\n\t\t\t\t{isSimpleText(item.label) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : item.label}\n\t\t\t\t{item.badge !== undefined && item.badge !== null && item.badge !== false && (\n\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"overflow-tab-bar--badge\">\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (options?.measure) {\n\t\t\treturn (\n\t\t\t\t<span key={item.id} data-tab-id={item.id} className={cn('overflow-tab-bar--measure', tabClasses)}>\n\t\t\t\t\t{inner}\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\tconst shared = {\n\t\t\t'data-tab-id': item.id,\n\t\t\trole: 'tab',\n\t\t\t'aria-selected': isActive,\n\t\t\ttabIndex: isActive || !value ? 0 : -1,\n\t\t\tonClick: () => handleSelect(item),\n\t\t\tclassName: cn('overflow-tab-bar--tab', tabClasses),\n\t\t} as const;\n\t\tif (item.href) {\n\t\t\treturn <a key={item.id} href={item.href} {...shared}>{inner}</a>;\n\t\t}\n\t\treturn <button key={item.id} type=\"button\" {...shared}>{inner}</button>;\n\t};\n\n\tconst moreContent = (\n\t\t<>\n\t\t\t<MoreHorizontal aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{strings.more}\n\t\t\t</Text>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={setRootRef}\n\t\t\tclassName={cn('overflow-tab-bar--component relative w-full min-w-0 max-w-full', className)}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t{/* Hidden measure row: every tab plus the More trigger at native width,\n\t\t\t    laid out but invisible, so the visible strip never has to guess. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false, { measure: true }))}\n\t\t\t\t<span data-more-measure=\"\" className={cn(TAB_BUTTON_BASE, TAB_INACTIVE)}>{moreContent}</span>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName=\"overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-radius bg-muted p-space-2xs align-top\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label={strings.navigationLabel}\n\t\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tclassName=\"overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t</div>\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\tactions={overflowItems.map((item) => ({\n\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\tlabel: item.label,\n\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\tonClick: () => handleSelect(item),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tcontentClassName={popoverWidthRecipes.menuMin}\n\t\t\t\t\t\twidth=\"w-auto\"\n\t\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t\tpreserveOrder\n\t\t\t\t\t\trenderTrigger={\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label={strings.more}\n\t\t\t\t\t\t\t\tclassName={cn(TAB_BUTTON_BASE, TAB_INACTIVE, 'overflow-tab-bar--more')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{moreContent}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n"],"mappings":"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"}