npm - @mastra/playground-ui - Versions diffs - 61.0.0 → 62.0.0-alpha.1 - Mend

@mastra/playground-ui 61.0.0 → 62.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2341) hide show

package/dist/metrics-share-list-2cC_1I1S.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"metrics-share-list-2cC_1I1S.js","sources":["../src/ds/components/MetricsShareList/metrics-share-list-header.tsx","../src/ds/components/MetricsShareList/metrics-share-list-classes.ts","../src/ds/components/MetricsShareList/metrics-share-list-row.tsx","../src/ds/components/MetricsShareList/metrics-share-list-rows.ts","../src/ds/components/MetricsShareList/metrics-share-list-show-more.tsx","../src/ds/components/MetricsShareList/metrics-share-list-skeleton.tsx","../src/ds/components/MetricsShareList/metrics-share-list.tsx"],"sourcesContent":["import type { MetricsShareListHeaderProps } from './metrics-share-list-types';\nimport { cn } from '@/lib/utils';\n\n/** Column headers, right-aligned to the list's number columns. */\nexport function MetricsShareListHeader({\n columns = [],\n valueLabel,\n valueWidth = 'w-14',\n className,\n}: MetricsShareListHeaderProps) {\n return (\n <div aria-hidden className={cn('flex shrink-0 items-center gap-3 text-column text-placeholder', className)}>\n {columns.map(c => (\n <span key={c.label} className={cn('shrink-0 text-right', c.width ?? 'w-16')}>\n {c.label}\n </span>\n ))}\n <span className=\"w-12 shrink-0 text-right\">Share</span>\n <span className={cn('shrink-0 text-right', valueWidth)}>{valueLabel}</span>\n </div>\n );\n}\n","export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './metrics-share-list-classes';\nimport type { ShownRow } from './metrics-share-list-rows';\nimport type { MetricsShareListColumn } from './metrics-share-list-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareListRowProps = {\n row: ShownRow;\n columns: MetricsShareListColumn[];\n valueWidth: string;\n /** The row's share, formatted. */\n share: string;\n highlighted: boolean;\n dimmed: boolean;\n onHover: () => void;\n LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareListRow({\n row,\n columns,\n valueWidth,\n share,\n highlighted,\n dimmed,\n onHover,\n LinkComponent,\n}: ShareListRowProps) {\n const className = cn(\n ROW,\n 'transition-[background-color,opacity] duration-150',\n highlighted && 'bg-fill-subtle',\n (row.href || row.onClick) && 'hover:bg-fill-subtle',\n );\n return (\n <li>\n <RowShell\n row={row}\n LinkComponent={LinkComponent}\n className={className}\n style={{ opacity: dimmed ? 0.5 : 1 }}\n onMouseEnter={onHover}\n >\n <span\n className=\"size-2 shrink-0 rounded-[2px]\"\n style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n />\n <RowLabel row={row} />\n {columns.map((c, i) => (\n <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n {row.cells?.[i]}\n </span>\n ))}\n <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n </RowShell>\n </li>\n );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n row,\n LinkComponent,\n ...props\n}: {\n row: ShownRow;\n LinkComponent?: ElementType;\n className: string;\n style: CSSProperties;\n onMouseEnter: () => void;\n children: ReactNode;\n}) {\n if (row.href) {\n const Anchor = LinkComponent ?? 'a';\n return <Anchor href={row.href} {...props} />;\n }\n if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n if (typeof row.label !== 'string') {\n return (\n <span className=\"flex min-w-0 flex-1\" title={row.title}>\n {row.label}\n </span>\n );\n }\n return (\n <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n {row.label}\n </Txt>\n </span>\n );\n}\n","import type { MetricsShareListProps, MetricsShareListRow } from './metrics-share-list-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the strip segment it highlights. */\nexport type ShownRow = MetricsShareListRow & { paint: Paint; segment: string };\n\nexport type StripSegment = { key: string; paint: Paint; /** flex-grow, in percent of the strip. */ grow: number };\n\ntype Palette = NonNullable<MetricsShareListProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own strip segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n if (palette === 'hues') {\n // A lead color from the palette moves to the front. Any other color leads the violet and teal\n // hues first: custom leads are usually green or blue, which sit next to the palette's own\n // green and sky.\n const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n return Array.from({ length: count }, (_, i) => ({\n color: hues[i % hues.length] ?? base,\n alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n }));\n }\n return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: MetricsShareListRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: MetricsShareListRow[]): MetricsShareListRow[] {\n return rows\n .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n ranked: MetricsShareListRow[],\n { limit, other, color, palette }: Colors & Pick<MetricsShareListProps, 'other'> & { limit: number },\n) {\n if (ranked.length <= limit + 1) return { shown: paintRows(ranked, color, palette), rest: [] };\n const rest = ranked.slice(limit);\n const folded = other?.(rest);\n const otherRow: ShownRow = {\n key: REST_KEY,\n label: `Other (${rest.length})`,\n share: sumShares(rest),\n value: folded?.value,\n cells: folded?.cells,\n paint: REST,\n segment: REST_KEY,\n };\n return { shown: [...paintRows(ranked.slice(0, limit), color, palette), otherRow], rest };\n}\n\nfunction paintRows(rows: MetricsShareListRow[], color: string, palette: Palette): ShownRow[] {\n const colors = rowColors(color, rows.length, palette);\n return rows.map((r, i) => ({ ...r, paint: colors[i] ?? REST, segment: r.key }));\n}\n\n/**\n * The first `count` rows, plus the active row when it ranks past them. Rows past the strip's\n * own segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(\n ranked: MetricsShareListRow[],\n { count, activeKey, color, palette }: Colors & { count: number; activeKey?: string },\n) {\n const own = Math.min(count, ranked.length, SEGMENTS);\n const colors = rowColors(color, own, palette);\n const rank = new Map(ranked.map((r, i) => [r.key, i]));\n const shown = listedRows(ranked, count, activeKey).map(r => {\n const i = rank.get(r.key) ?? ranked.length;\n return { ...r, paint: colors[i] ?? REST, segment: i < own ? r.key : REST_KEY };\n });\n return { shown, rest: ranked.slice(own) };\n}\n\nfunction listedRows(ranked: MetricsShareListRow[], count: number, activeKey?: string) {\n const listed = ranked.slice(0, count);\n const active = activeKey ? ranked.findIndex(r => r.key === activeKey) : -1;\n const pinned = active >= count ? ranked[active] : undefined;\n return pinned ? [...listed, pinned] : listed;\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function stripSegments(shown: ShownRow[], rest: MetricsShareListRow[]): StripSegment[] {\n const own = shown.filter(r => r.segment !== REST_KEY).map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n const segments = [...own, ...gray].filter(s => s.share > 0);\n // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n // would leave the rest of the strip empty.\n const total = segments.reduce((sum, s) => sum + s.share, 0);\n return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The strip segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n if (hover === undefined) return undefined;\n return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n if (hover === undefined || hover === row.key) return false;\n return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n const r = n / (total || 1);\n if (!(r > 0)) return '0%';\n if (r < 0.001) return '<0.1%';\n return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n shown,\n total,\n limit,\n pageSize,\n onMore,\n onLess,\n}: {\n shown: number;\n total: number;\n limit: number;\n pageSize: number;\n onMore: () => void;\n onLess: () => void;\n}) {\n if (total <= limit) return null;\n const left = total - shown;\n const button =\n 'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n return (\n <li className=\"-mx-2 flex items-center gap-1\">\n {left > 0 && (\n <button type=\"button\" onClick={onMore} className={button}>\n <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n Show {Math.min(left, pageSize)} more\n </button>\n )}\n {shown > limit && (\n <button type=\"button\" onClick={onLess} className={button}>\n <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n Show top {limit}\n </button>\n )}\n {left > 0 && (\n <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n {n.format(shown)} of {n.format(total)}\n </span>\n )}\n </li>\n );\n}\n","import { NUM, ROW } from './metrics-share-list-classes';\nimport type { MetricsShareListColumn } from './metrics-share-list-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n return (\n <>\n {''}\n <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n </>\n );\n}\n\n/** The list while loading, in the real rows' markup (line boxes, paddings, columns). */\nexport function ShareListSkeleton({\n rows,\n columns,\n valueWidth,\n}: {\n rows: number;\n columns: MetricsShareListColumn[];\n valueWidth: string;\n}) {\n return (\n <>\n <div className=\"flex h-2\">\n <Skeleton className=\"size-full rounded-full\" />\n </div>\n <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n {Array.from({ length: rows }, (_, i) => (\n <li key={i} className={ROW}>\n <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n <span className=\"min-w-0 flex-1\">\n <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n </Txt>\n </span>\n {columns.map(c => (\n <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n <Bar className=\"right-0 w-10\" />\n </span>\n ))}\n <span className={cn(NUM, 'relative w-12')}>\n <Bar className=\"right-0 w-9\" />\n </span>\n <span className={cn(NUM, 'relative', valueWidth)}>\n <Bar className=\"right-0 w-12\" />\n </span>\n </li>\n ))}\n </ul>\n </>\n );\n}\n","import { useState } from 'react';\nimport { MetricsShareListHeader } from './metrics-share-list-header';\nimport { ShareListRow } from './metrics-share-list-row';\nimport {\n DEFAULT_COLOR,\n fmtShare,\n foldRows,\n hoveredSegment,\n isRowDimmed,\n isSegmentDimmed,\n pageRows,\n rankRows,\n stripSegments,\n sumShares,\n} from './metrics-share-list-rows';\nimport { ShowMore } from './metrics-share-list-show-more';\nimport { ShareListSkeleton } from './metrics-share-list-skeleton';\nimport type { MetricsShareListProps } from './metrics-share-list-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% strip on top, the ranked rows below with their share\n * and values. Hovering a segment or a row highlights the pair; every segment has its row, so\n * there is no tooltip. A non-zero share always gets a visible segment; a zero gets none.\n */\nexport function MetricsShareList({ showHeader = true, className, ...props }: MetricsShareListProps) {\n const { columns = [], valueLabel, valueWidth = 'w-14' } = props;\n return (\n <div className={cn('grid grid-cols-1 gap-4', className)}>\n {showHeader && (\n <div className=\"flex justify-end\">\n <MetricsShareListHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />\n </div>\n )}\n <ShareListBody {...props} />\n </div>\n );\n}\n\n/** Below the header: a skeleton while loading, the empty message, or the strip and its rows. */\nfunction ShareListBody({\n rows,\n columns = [],\n valueLabel,\n valueWidth = 'w-14',\n palette = 'shades',\n color = DEFAULT_COLOR,\n limit = 5,\n overflow = 'other',\n pageSize = 50,\n other,\n activeKey,\n emptyState = 'No data in this range.',\n isLoading = false,\n LinkComponent,\n}: Omit<MetricsShareListProps, 'showHeader' | 'className'>) {\n const [hover, setHover] = useState<string>();\n // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n const [pages, setPages] = useState(0);\n const count = limit + pages * pageSize;\n\n if (isLoading) {\n return (\n <ShareListSkeleton rows={overflow === 'other' ? limit + 1 : limit} columns={columns} valueWidth={valueWidth} />\n );\n }\n\n const ranked = rankRows(rows);\n if (ranked.length === 0) {\n return (\n <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n {emptyState}\n </Txt>\n );\n }\n\n const total = sumShares(ranked);\n const paging = overflow === 'more';\n const { shown, rest } = paging\n ? pageRows(ranked, { count, activeKey, color, palette })\n : foldRows(ranked, { limit, other, color, palette });\n const segments = stripSegments(shown, rest);\n const litSegment = hoveredSegment(shown, hover);\n const clearHover = () => setHover(undefined);\n\n return (\n <>\n <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n {segments.map(s => (\n <span\n key={s.key}\n data-testid=\"metrics-share-segment\"\n onMouseEnter={() => setHover(s.key)}\n className=\"h-full min-w-[3px] transition-opacity duration-150 first:rounded-l-full last:rounded-r-full\"\n style={{\n flex: `${s.grow} 1 0`,\n backgroundColor: s.paint.color,\n opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n }}\n />\n ))}\n </div>\n <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n {shown.map(r => (\n <ShareListRow\n key={r.key}\n row={r}\n columns={columns}\n valueWidth={valueWidth}\n share={fmtShare(r.share, total)}\n highlighted={hover === r.key || activeKey === r.key}\n dimmed={isRowDimmed(r, hover)}\n onHover={() => setHover(r.key)}\n LinkComponent={LinkComponent}\n />\n ))}\n {paging && (\n <ShowMore\n shown={Math.min(count, ranked.length)}\n total={ranked.length}\n limit={limit}\n pageSize={pageSize}\n onMore={() => setPages(p => p + 1)}\n onLess={() => setPages(0)}\n />\n )}\n </ul>\n </>\n );\n}\n\nMetricsShareList.Header = MetricsShareListHeader;\n"],"names":[],"mappings":"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"}

package/dist/metrics-share-list-DfM8dE7e.cjs ADDED Viewed

@@ -0,0 +1,307 @@
+'use strict';
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+const Txt = require('./Txt-DXjXpX9r.cjs');
+const lucideReact = require('lucide-react');
+const skeleton = require('./skeleton-bUFvB8ok.cjs');
+function MetricsShareListHeader({
+  columns = [],
+  valueLabel,
+  valueWidth = "w-14",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: utils_cn.cn("flex shrink-0 items-center gap-3 text-column text-placeholder", className), children: [
+    columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("shrink-0 text-right", c.width ?? "w-16"), children: c.label }, c.label)),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-12 shrink-0 text-right", children: "Share" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("shrink-0 text-right", valueWidth), children: valueLabel })
+  ] });
+}
+const ROW = "-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left";
+const NUM = "shrink-0 text-right text-body-sm tabular-nums";
+function ShareListRow({
+  row,
+  columns,
+  valueWidth,
+  share,
+  highlighted,
+  dimmed,
+  onHover,
+  LinkComponent
+}) {
+  const className = utils_cn.cn(
+    ROW,
+    "transition-[background-color,opacity] duration-150",
+    highlighted && "bg-fill-subtle",
+    (row.href || row.onClick) && "hover:bg-fill-subtle"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    RowShell,
+    {
+      row,
+      LinkComponent,
+      className,
+      style: { opacity: dimmed ? 0.5 : 1 },
+      onMouseEnter: onHover,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "size-2 shrink-0 rounded-[2px]",
+            style: { backgroundColor: row.paint.color, opacity: row.paint.alpha }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(RowLabel, { row }),
+        columns.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(NUM, "text-muted-foreground", c.width ?? "w-16"), children: row.cells?.[i] }, c.label)),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(NUM, "w-12 text-muted-foreground"), children: share }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(NUM, "text-foreground", valueWidth), children: row.value })
+      ]
+    }
+  ) });
+}
+function RowShell({
+  row,
+  LinkComponent,
+  ...props
+}) {
+  if (row.href) {
+    const Anchor = LinkComponent ?? "a";
+    return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: row.href, ...props });
+  }
+  if (row.onClick) return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: row.onClick, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props });
+}
+function RowLabel({ row }) {
+  if (typeof row.label !== "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex min-w-0 flex-1", title: row.title, children: row.label });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", title: row.title ?? row.label, children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", tone: "ink", children: row.label }) });
+}
+const DEFAULT_COLOR = "var(--chart-share-1)";
+const HUES = [1, 2, 3, 4, 5].map((i) => `var(--chart-share-${i})`);
+const CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map((i) => `var(--chart-share-${i})`);
+const SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];
+const REST = { color: "var(--chart-share-rest)", alpha: 1 };
+const SEGMENTS = 50;
+const REST_KEY = "__rest";
+function rowColors(base, count, palette) {
+  if (palette === "hues") {
+    const hues = HUES.includes(base) ? [base, ...HUES.filter((h) => h !== base)] : [base, ...CUSTOM_LEAD_HUES];
+    return Array.from({ length: count }, (_, i) => ({
+      color: hues[i % hues.length] ?? base,
+      alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2
+    }));
+  }
+  return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));
+}
+const sumShares = (rows) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);
+function rankRows(rows) {
+  return rows.map((r) => Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }).toSorted((a, b) => b.share - a.share);
+}
+function foldRows(ranked, { limit, other, color, palette }) {
+  if (ranked.length <= limit + 1) return { shown: paintRows(ranked, color, palette), rest: [] };
+  const rest = ranked.slice(limit);
+  const folded = other?.(rest);
+  const otherRow = {
+    key: REST_KEY,
+    label: `Other (${rest.length})`,
+    share: sumShares(rest),
+    value: folded?.value,
+    cells: folded?.cells,
+    paint: REST,
+    segment: REST_KEY
+  };
+  return { shown: [...paintRows(ranked.slice(0, limit), color, palette), otherRow], rest };
+}
+function paintRows(rows, color, palette) {
+  const colors = rowColors(color, rows.length, palette);
+  return rows.map((r, i) => ({ ...r, paint: colors[i] ?? REST, segment: r.key }));
+}
+function pageRows(ranked, { count, activeKey, color, palette }) {
+  const own = Math.min(count, ranked.length, SEGMENTS);
+  const colors = rowColors(color, own, palette);
+  const rank = new Map(ranked.map((r, i) => [r.key, i]));
+  const shown = listedRows(ranked, count, activeKey).map((r) => {
+    const i = rank.get(r.key) ?? ranked.length;
+    return { ...r, paint: colors[i] ?? REST, segment: i < own ? r.key : REST_KEY };
+  });
+  return { shown, rest: ranked.slice(own) };
+}
+function listedRows(ranked, count, activeKey) {
+  const listed = ranked.slice(0, count);
+  const active = activeKey ? ranked.findIndex((r) => r.key === activeKey) : -1;
+  const pinned = active >= count ? ranked[active] : void 0;
+  return pinned ? [...listed, pinned] : listed;
+}
+function stripSegments(shown, rest) {
+  const own = shown.filter((r) => r.segment !== REST_KEY).map((r) => ({ key: r.key, share: r.share, paint: r.paint }));
+  const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];
+  const segments = [...own, ...gray].filter((s) => s.share > 0);
+  const total = segments.reduce((sum, s) => sum + s.share, 0);
+  return segments.map((s) => ({ key: s.key, paint: s.paint, grow: s.share / total * 100 }));
+}
+function hoveredSegment(shown, hover) {
+  if (hover === void 0) return void 0;
+  return shown.find((r) => r.key === hover)?.segment ?? hover;
+}
+const isSegmentDimmed = (key, lit) => lit !== void 0 && lit !== key;
+function isRowDimmed(row, hover) {
+  if (hover === void 0 || hover === row.key) return false;
+  return !(hover === REST_KEY && row.segment === REST_KEY);
+}
+const fmtShare = (n, total) => {
+  const r = n / (total || 1);
+  if (!(r > 0)) return "0%";
+  if (r < 1e-3) return "<0.1%";
+  return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;
+};
+function ShowMore({
+  shown,
+  total,
+  limit,
+  pageSize,
+  onMore,
+  onLess
+}) {
+  if (total <= limit) return null;
+  const left = total - shown;
+  const button = "flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground";
+  const n = new Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 });
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "-mx-2 flex items-center gap-1", children: [
+    left > 0 && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: onMore, className: button, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-3.5 shrink-0" }),
+      "Show ",
+      Math.min(left, pageSize),
+      " more"
+    ] }),
+    shown > limit && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: onLess, className: button, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-3.5 shrink-0" }),
+      "Show top ",
+      limit
+    ] }),
+    left > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto pr-2 text-body-sm text-placeholder tabular-nums", children: [
+      n.format(shown),
+      " of ",
+      n.format(total)
+    ] })
+  ] });
+}
+const LABEL_WIDTHS = ["w-32", "w-24", "w-36", "w-20", "w-28"];
+function Bar({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "",
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: utils_cn.cn("absolute top-1/2 h-3.5 -translate-y-1/2", className) })
+  ] });
+}
+function ShareListSkeleton({
+  rows,
+  columns,
+  valueWidth
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-2", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-full rounded-full" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "grid min-w-0 grid-cols-1 gap-0.5", "aria-busy": true, children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: ROW, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-2 shrink-0 rounded-[2px]" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(Bar, { className: utils_cn.cn("left-0", LABEL_WIDTHS[i % LABEL_WIDTHS.length]) }) }) }),
+      columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(NUM, "relative", c.width ?? "w-16"), children: /* @__PURE__ */ jsxRuntime.jsx(Bar, { className: "right-0 w-10" }) }, c.label)),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(NUM, "relative w-12"), children: /* @__PURE__ */ jsxRuntime.jsx(Bar, { className: "right-0 w-9" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn(NUM, "relative", valueWidth), children: /* @__PURE__ */ jsxRuntime.jsx(Bar, { className: "right-0 w-12" }) })
+    ] }, i)) })
+  ] });
+}
+function MetricsShareList({ showHeader = true, className, ...props }) {
+  const { columns = [], valueLabel, valueWidth = "w-14" } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("grid grid-cols-1 gap-4", className), children: [
+    showHeader && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(MetricsShareListHeader, { columns, valueLabel, valueWidth }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShareListBody, { ...props })
+  ] });
+}
+function ShareListBody({
+  rows,
+  columns = [],
+  valueLabel,
+  valueWidth = "w-14",
+  palette = "shades",
+  color = DEFAULT_COLOR,
+  limit = 5,
+  overflow = "other",
+  pageSize = 50,
+  other,
+  activeKey,
+  emptyState = "No data in this range.",
+  isLoading = false,
+  LinkComponent
+}) {
+  const [hover, setHover] = React.useState();
+  const [pages, setPages] = React.useState(0);
+  const count = limit + pages * pageSize;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ShareListSkeleton, { rows: overflow === "other" ? limit + 1 : limit, columns, valueWidth });
+  }
+  const ranked = rankRows(rows);
+  if (ranked.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "body-sm", tone: "muted", className: "py-6 text-center", children: emptyState });
+  }
+  const total = sumShares(ranked);
+  const paging = overflow === "more";
+  const { shown, rest } = paging ? pageRows(ranked, { count, activeKey, color, palette }) : foldRows(ranked, { limit, other, color, palette });
+  const segments = stripSegments(shown, rest);
+  const litSegment = hoveredSegment(shown, hover);
+  const clearHover = () => setHover(void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-2 gap-0.5", onMouseLeave: clearHover, children: segments.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-testid": "metrics-share-segment",
+        onMouseEnter: () => setHover(s.key),
+        className: "h-full min-w-[3px] transition-opacity duration-150 first:rounded-l-full last:rounded-r-full",
+        style: {
+          flex: `${s.grow} 1 0`,
+          backgroundColor: s.paint.color,
+          opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1)
+        }
+      },
+      s.key
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "grid min-w-0 grid-cols-1 gap-0.5", onMouseLeave: clearHover, children: [
+      shown.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
+        ShareListRow,
+        {
+          row: r,
+          columns,
+          valueWidth,
+          share: fmtShare(r.share, total),
+          highlighted: hover === r.key || activeKey === r.key,
+          dimmed: isRowDimmed(r, hover),
+          onHover: () => setHover(r.key),
+          LinkComponent
+        },
+        r.key
+      )),
+      paging && /* @__PURE__ */ jsxRuntime.jsx(
+        ShowMore,
+        {
+          shown: Math.min(count, ranked.length),
+          total: ranked.length,
+          limit,
+          pageSize,
+          onMore: () => setPages((p) => p + 1),
+          onLess: () => setPages(0)
+        }
+      )
+    ] })
+  ] });
+}
+MetricsShareList.Header = MetricsShareListHeader;
+exports.MetricsShareList = MetricsShareList;
+exports.MetricsShareListHeader = MetricsShareListHeader;
+//# sourceMappingURL=metrics-share-list-DfM8dE7e.cjs.map

package/dist/metrics-share-list-DfM8dE7e.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"metrics-share-list-DfM8dE7e.cjs","sources":["../src/ds/components/MetricsShareList/metrics-share-list-header.tsx","../src/ds/components/MetricsShareList/metrics-share-list-classes.ts","../src/ds/components/MetricsShareList/metrics-share-list-row.tsx","../src/ds/components/MetricsShareList/metrics-share-list-rows.ts","../src/ds/components/MetricsShareList/metrics-share-list-show-more.tsx","../src/ds/components/MetricsShareList/metrics-share-list-skeleton.tsx","../src/ds/components/MetricsShareList/metrics-share-list.tsx"],"sourcesContent":["import type { MetricsShareListHeaderProps } from './metrics-share-list-types';\nimport { cn } from '@/lib/utils';\n\n/** Column headers, right-aligned to the list's number columns. */\nexport function MetricsShareListHeader({\n columns = [],\n valueLabel,\n valueWidth = 'w-14',\n className,\n}: MetricsShareListHeaderProps) {\n return (\n <div aria-hidden className={cn('flex shrink-0 items-center gap-3 text-column text-placeholder', className)}>\n {columns.map(c => (\n <span key={c.label} className={cn('shrink-0 text-right', c.width ?? 'w-16')}>\n {c.label}\n </span>\n ))}\n <span className=\"w-12 shrink-0 text-right\">Share</span>\n <span className={cn('shrink-0 text-right', valueWidth)}>{valueLabel}</span>\n </div>\n );\n}\n","export const ROW = '-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-md px-2 py-1 text-left';\nexport const NUM = 'shrink-0 text-right text-body-sm tabular-nums';\n","import type { CSSProperties, ElementType, ReactNode } from 'react';\nimport { NUM, ROW } from './metrics-share-list-classes';\nimport type { ShownRow } from './metrics-share-list-rows';\nimport type { MetricsShareListColumn } from './metrics-share-list-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type ShareListRowProps = {\n row: ShownRow;\n columns: MetricsShareListColumn[];\n valueWidth: string;\n /** The row's share, formatted. */\n share: string;\n highlighted: boolean;\n dimmed: boolean;\n onHover: () => void;\n LinkComponent?: ElementType;\n};\n\n/** One ranked row: swatch, label, extra cells, share and value. */\nexport function ShareListRow({\n row,\n columns,\n valueWidth,\n share,\n highlighted,\n dimmed,\n onHover,\n LinkComponent,\n}: ShareListRowProps) {\n const className = cn(\n ROW,\n 'transition-[background-color,opacity] duration-150',\n highlighted && 'bg-fill-subtle',\n (row.href || row.onClick) && 'hover:bg-fill-subtle',\n );\n return (\n <li>\n <RowShell\n row={row}\n LinkComponent={LinkComponent}\n className={className}\n style={{ opacity: dimmed ? 0.5 : 1 }}\n onMouseEnter={onHover}\n >\n <span\n className=\"size-2 shrink-0 rounded-[2px]\"\n style={{ backgroundColor: row.paint.color, opacity: row.paint.alpha }}\n />\n <RowLabel row={row} />\n {columns.map((c, i) => (\n <span key={c.label} className={cn(NUM, 'text-muted-foreground', c.width ?? 'w-16')}>\n {row.cells?.[i]}\n </span>\n ))}\n <span className={cn(NUM, 'w-12 text-muted-foreground')}>{share}</span>\n <span className={cn(NUM, 'text-foreground', valueWidth)}>{row.value}</span>\n </RowShell>\n </li>\n );\n}\n\n/** A link for `href` rows, a button for `onClick` rows, a plain row otherwise. */\nfunction RowShell({\n row,\n LinkComponent,\n ...props\n}: {\n row: ShownRow;\n LinkComponent?: ElementType;\n className: string;\n style: CSSProperties;\n onMouseEnter: () => void;\n children: ReactNode;\n}) {\n if (row.href) {\n const Anchor = LinkComponent ?? 'a';\n return <Anchor href={row.href} {...props} />;\n }\n if (row.onClick) return <button type=\"button\" onClick={row.onClick} {...props} />;\n return <div {...props} />;\n}\n\n/** A block line box, like the skeleton's, so loaded and loading rows share a height. */\nfunction RowLabel({ row }: { row: ShownRow }) {\n if (typeof row.label !== 'string') {\n return (\n <span className=\"flex min-w-0 flex-1\" title={row.title}>\n {row.label}\n </span>\n );\n }\n return (\n <span className=\"min-w-0 flex-1 truncate\" title={row.title ?? row.label}>\n <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n {row.label}\n </Txt>\n </span>\n );\n}\n","import type { MetricsShareListProps, MetricsShareListRow } from './metrics-share-list-types';\n\n/** A row's color and how strongly it shows: fainter rows fade toward the card, not to gray. */\nexport type Paint = { color: string; alpha: number };\n\n/** A listed row with its color and the strip segment it highlights. */\nexport type ShownRow = MetricsShareListRow & { paint: Paint; segment: string };\n\nexport type StripSegment = { key: string; paint: Paint; /** flex-grow, in percent of the strip. */ grow: number };\n\ntype Palette = NonNullable<MetricsShareListProps['palette']>;\n\n/** Brand green, toned down for large fills. Theme token: tuned for dark and light. */\nexport const DEFAULT_COLOR = 'var(--chart-share-1)';\n/**\n * Cool hues for long lists: green, sky, violet, teal, indigo, ordered so neighbours sit far\n * apart on the wheel; no warning amber or error red. The first row's color leads.\n */\nconst HUES = [1, 2, 3, 4, 5].map(i => `var(--chart-share-${i})`);\n/** The palette after a custom lead color: violet, teal, sky, indigo, then green last. */\nconst CUSTOM_LEAD_HUES = [3, 4, 2, 5, 1].map(i => `var(--chart-share-${i})`);\nconst SHADES = [1, 0.7, 0.48, 0.32, 0.2, 0.14];\nconst REST: Paint = { color: 'var(--chart-share-rest)', alpha: 1 };\n/** Rows with their own strip segment; past that, segments get too thin and share the gray one. */\nconst SEGMENTS = 50;\nexport const REST_KEY = '__rest';\n\nfunction rowColors(base: string, count: number, palette: Palette): Paint[] {\n if (palette === 'hues') {\n // A lead color from the palette moves to the front. Any other color leads the violet and teal\n // hues first: custom leads are usually green or blue, which sit next to the palette's own\n // green and sky.\n const hues = HUES.includes(base) ? [base, ...HUES.filter(h => h !== base)] : [base, ...CUSTOM_LEAD_HUES];\n return Array.from({ length: count }, (_, i) => ({\n color: hues[i % hues.length] ?? base,\n alpha: [1, 0.55, 0.3][Math.floor(i / hues.length)] ?? 0.2,\n }));\n }\n return Array.from({ length: count }, (_, i) => ({ color: base, alpha: SHADES[i] ?? 0.1 }));\n}\n\nexport const sumShares = (rows: MetricsShareListRow[]) => rows.reduce((sum, r) => sum + Math.max(r.share, 0), 0);\n\n/**\n * Largest first, so the strongest color is always the biggest share. A missing, negative or\n * infinite share counts as zero, so one bad row can't break the order or the percentages.\n */\nexport function rankRows(rows: MetricsShareListRow[]): MetricsShareListRow[] {\n return rows\n .map(r => (Number.isFinite(r.share) && r.share > 0 ? r : { ...r, share: 0 }))\n .toSorted((a, b) => b.share - a.share);\n}\n\ntype Colors = { color: string; palette: Palette };\n\n/** The top rows, then one \"Other\" row folding the tail, unless that would hide a single row. */\nexport function foldRows(\n ranked: MetricsShareListRow[],\n { limit, other, color, palette }: Colors & Pick<MetricsShareListProps, 'other'> & { limit: number },\n) {\n if (ranked.length <= limit + 1) return { shown: paintRows(ranked, color, palette), rest: [] };\n const rest = ranked.slice(limit);\n const folded = other?.(rest);\n const otherRow: ShownRow = {\n key: REST_KEY,\n label: `Other (${rest.length})`,\n share: sumShares(rest),\n value: folded?.value,\n cells: folded?.cells,\n paint: REST,\n segment: REST_KEY,\n };\n return { shown: [...paintRows(ranked.slice(0, limit), color, palette), otherRow], rest };\n}\n\nfunction paintRows(rows: MetricsShareListRow[], color: string, palette: Palette): ShownRow[] {\n const colors = rowColors(color, rows.length, palette);\n return rows.map((r, i) => ({ ...r, paint: colors[i] ?? REST, segment: r.key }));\n}\n\n/**\n * The first `count` rows, plus the active row when it ranks past them. Rows past the strip's\n * own segments are gray and share its \"everything else\" segment.\n */\nexport function pageRows(\n ranked: MetricsShareListRow[],\n { count, activeKey, color, palette }: Colors & { count: number; activeKey?: string },\n) {\n const own = Math.min(count, ranked.length, SEGMENTS);\n const colors = rowColors(color, own, palette);\n const rank = new Map(ranked.map((r, i) => [r.key, i]));\n const shown = listedRows(ranked, count, activeKey).map(r => {\n const i = rank.get(r.key) ?? ranked.length;\n return { ...r, paint: colors[i] ?? REST, segment: i < own ? r.key : REST_KEY };\n });\n return { shown, rest: ranked.slice(own) };\n}\n\nfunction listedRows(ranked: MetricsShareListRow[], count: number, activeKey?: string) {\n const listed = ranked.slice(0, count);\n const active = activeKey ? ranked.findIndex(r => r.key === activeKey) : -1;\n const pinned = active >= count ? ranked[active] : undefined;\n return pinned ? [...listed, pinned] : listed;\n}\n\n/** One segment per row with its own color, then everything else in one gray segment. */\nexport function stripSegments(shown: ShownRow[], rest: MetricsShareListRow[]): StripSegment[] {\n const own = shown.filter(r => r.segment !== REST_KEY).map(r => ({ key: r.key, share: r.share, paint: r.paint }));\n const gray = rest.length ? [{ key: REST_KEY, share: sumShares(rest), paint: REST }] : [];\n const segments = [...own, ...gray].filter(s => s.share > 0);\n // Grow factors in percent: flex-grow values that sum below 1 (shares like $0.09 of cost)\n // would leave the rest of the strip empty.\n const total = segments.reduce((sum, s) => sum + s.share, 0);\n return segments.map(s => ({ key: s.key, paint: s.paint, grow: (s.share / total) * 100 }));\n}\n\n/** The strip segment a hovered row (or segment) lights up. */\nexport function hoveredSegment(shown: ShownRow[], hover?: string) {\n if (hover === undefined) return undefined;\n return shown.find(r => r.key === hover)?.segment ?? hover;\n}\n\n/** Dim every segment but the lit one, while one is. */\nexport const isSegmentDimmed = (key: string, lit?: string) => lit !== undefined && lit !== key;\n\n/** Dim every row but the hovered one; hovering the gray segment keeps all its rows lit. */\nexport function isRowDimmed(row: ShownRow, hover?: string) {\n if (hover === undefined || hover === row.key) return false;\n return !(hover === REST_KEY && row.segment === REST_KEY);\n}\n\nexport const fmtShare = (n: number, total: number) => {\n const r = n / (total || 1);\n if (!(r > 0)) return '0%';\n if (r < 0.001) return '<0.1%';\n return `${(r * 100).toFixed(r < 0.1 ? 1 : 0)}%`;\n};\n","import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\n/** The list's last row: pages more rows in, or collapses back to the top rows. */\nexport function ShowMore({\n shown,\n total,\n limit,\n pageSize,\n onMore,\n onLess,\n}: {\n shown: number;\n total: number;\n limit: number;\n pageSize: number;\n onMore: () => void;\n onLess: () => void;\n}) {\n if (total <= limit) return null;\n const left = total - shown;\n const button =\n 'flex items-center gap-1.5 rounded-md px-2 py-1 text-body-sm font-medium text-muted-foreground transition-colors duration-150 hover:bg-fill-subtle hover:text-foreground';\n const n = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 });\n return (\n <li className=\"-mx-2 flex items-center gap-1\">\n {left > 0 && (\n <button type=\"button\" onClick={onMore} className={button}>\n <ChevronDownIcon className=\"size-3.5 shrink-0\" />\n Show {Math.min(left, pageSize)} more\n </button>\n )}\n {shown > limit && (\n <button type=\"button\" onClick={onLess} className={button}>\n <ChevronUpIcon className=\"size-3.5 shrink-0\" />\n Show top {limit}\n </button>\n )}\n {left > 0 && (\n <span className=\"ml-auto pr-2 text-body-sm text-placeholder tabular-nums\">\n {n.format(shown)} of {n.format(total)}\n </span>\n )}\n </li>\n );\n}\n","import { NUM, ROW } from './metrics-share-list-classes';\nimport type { MetricsShareListColumn } from './metrics-share-list-types';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst LABEL_WIDTHS = ['w-32', 'w-24', 'w-36', 'w-20', 'w-28'];\n\n/** A skeleton bar centred in a number or label cell's line box. */\nfunction Bar({ className }: { className: string }) {\n return (\n <>\n {''}\n <Skeleton className={cn('absolute top-1/2 h-3.5 -translate-y-1/2', className)} />\n </>\n );\n}\n\n/** The list while loading, in the real rows' markup (line boxes, paddings, columns). */\nexport function ShareListSkeleton({\n rows,\n columns,\n valueWidth,\n}: {\n rows: number;\n columns: MetricsShareListColumn[];\n valueWidth: string;\n}) {\n return (\n <>\n <div className=\"flex h-2\">\n <Skeleton className=\"size-full rounded-full\" />\n </div>\n <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" aria-busy>\n {Array.from({ length: rows }, (_, i) => (\n <li key={i} className={ROW}>\n <Skeleton className=\"size-2 shrink-0 rounded-[2px]\" />\n <span className=\"min-w-0 flex-1\">\n <Txt as=\"span\" variant=\"body-sm\" className=\"relative\">\n <Bar className={cn('left-0', LABEL_WIDTHS[i % LABEL_WIDTHS.length])} />\n </Txt>\n </span>\n {columns.map(c => (\n <span key={c.label} className={cn(NUM, 'relative', c.width ?? 'w-16')}>\n <Bar className=\"right-0 w-10\" />\n </span>\n ))}\n <span className={cn(NUM, 'relative w-12')}>\n <Bar className=\"right-0 w-9\" />\n </span>\n <span className={cn(NUM, 'relative', valueWidth)}>\n <Bar className=\"right-0 w-12\" />\n </span>\n </li>\n ))}\n </ul>\n </>\n );\n}\n","import { useState } from 'react';\nimport { MetricsShareListHeader } from './metrics-share-list-header';\nimport { ShareListRow } from './metrics-share-list-row';\nimport {\n DEFAULT_COLOR,\n fmtShare,\n foldRows,\n hoveredSegment,\n isRowDimmed,\n isSegmentDimmed,\n pageRows,\n rankRows,\n stripSegments,\n sumShares,\n} from './metrics-share-list-rows';\nimport { ShowMore } from './metrics-share-list-show-more';\nimport { ShareListSkeleton } from './metrics-share-list-skeleton';\nimport type { MetricsShareListProps } from './metrics-share-list-types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n/**\n * Each row's share of a total: one 100% strip on top, the ranked rows below with their share\n * and values. Hovering a segment or a row highlights the pair; every segment has its row, so\n * there is no tooltip. A non-zero share always gets a visible segment; a zero gets none.\n */\nexport function MetricsShareList({ showHeader = true, className, ...props }: MetricsShareListProps) {\n const { columns = [], valueLabel, valueWidth = 'w-14' } = props;\n return (\n <div className={cn('grid grid-cols-1 gap-4', className)}>\n {showHeader && (\n <div className=\"flex justify-end\">\n <MetricsShareListHeader columns={columns} valueLabel={valueLabel} valueWidth={valueWidth} />\n </div>\n )}\n <ShareListBody {...props} />\n </div>\n );\n}\n\n/** Below the header: a skeleton while loading, the empty message, or the strip and its rows. */\nfunction ShareListBody({\n rows,\n columns = [],\n valueLabel,\n valueWidth = 'w-14',\n palette = 'shades',\n color = DEFAULT_COLOR,\n limit = 5,\n overflow = 'other',\n pageSize = 50,\n other,\n activeKey,\n emptyState = 'No data in this range.',\n isLoading = false,\n LinkComponent,\n}: Omit<MetricsShareListProps, 'showHeader' | 'className'>) {\n const [hover, setHover] = useState<string>();\n // Extra pages opened with \"Show more\", so the row count follows `limit` when it changes.\n const [pages, setPages] = useState(0);\n const count = limit + pages * pageSize;\n\n if (isLoading) {\n return (\n <ShareListSkeleton rows={overflow === 'other' ? limit + 1 : limit} columns={columns} valueWidth={valueWidth} />\n );\n }\n\n const ranked = rankRows(rows);\n if (ranked.length === 0) {\n return (\n <Txt variant=\"body-sm\" tone=\"muted\" className=\"py-6 text-center\">\n {emptyState}\n </Txt>\n );\n }\n\n const total = sumShares(ranked);\n const paging = overflow === 'more';\n const { shown, rest } = paging\n ? pageRows(ranked, { count, activeKey, color, palette })\n : foldRows(ranked, { limit, other, color, palette });\n const segments = stripSegments(shown, rest);\n const litSegment = hoveredSegment(shown, hover);\n const clearHover = () => setHover(undefined);\n\n return (\n <>\n <div className=\"flex h-2 gap-0.5\" onMouseLeave={clearHover}>\n {segments.map(s => (\n <span\n key={s.key}\n data-testid=\"metrics-share-segment\"\n onMouseEnter={() => setHover(s.key)}\n className=\"h-full min-w-[3px] transition-opacity duration-150 first:rounded-l-full last:rounded-r-full\"\n style={{\n flex: `${s.grow} 1 0`,\n backgroundColor: s.paint.color,\n opacity: s.paint.alpha * (isSegmentDimmed(s.key, litSegment) ? 0.3 : 1),\n }}\n />\n ))}\n </div>\n <ul className=\"grid min-w-0 grid-cols-1 gap-0.5\" onMouseLeave={clearHover}>\n {shown.map(r => (\n <ShareListRow\n key={r.key}\n row={r}\n columns={columns}\n valueWidth={valueWidth}\n share={fmtShare(r.share, total)}\n highlighted={hover === r.key || activeKey === r.key}\n dimmed={isRowDimmed(r, hover)}\n onHover={() => setHover(r.key)}\n LinkComponent={LinkComponent}\n />\n ))}\n {paging && (\n <ShowMore\n shown={Math.min(count, ranked.length)}\n total={ranked.length}\n limit={limit}\n pageSize={pageSize}\n onMore={() => setPages(p => p + 1)}\n onLess={() => setPages(0)}\n />\n )}\n </ul>\n </>\n );\n}\n\nMetricsShareList.Header = MetricsShareListHeader;\n"],"names":["jsxs","cn","jsx","Txt","ChevronDownIcon","ChevronUpIcon","Fragment","Skeleton","useState"],"mappings":"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"}