@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/creator-studio/ReleaseTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiCheckLine","_RiCloseLine","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RELEASE_STEP_STATE_LABELS","exports","complete","current","upcoming","error","MARKER","HORIZONTAL_STEP_MIN","releaseStepAccessibilityLabel","step","stateLabels","label","state","date","description","filter","Boolean","join","Marker","paint","jsx","View","style","styles","marker","backgroundColor","accent","children","RiCheckLine","width","height","fill","onAccent","RiCloseLine","ring","borderColor","dot","ReleaseTimelineComponent","steps","orientation","accessibilityLabel","stateOverrides","testID","theme","useTheme","useMemo","resolveCreatorStudioPaint","setWidth","useState","onLayout","useCallback","event","next","Math","round","nativeEvent","layout","prev","horizontal","length","role","rootHorizontal","rootVertical","map","last","first","muted","connector","track","previousConnector","itemProps","id","undefined","Text","variant","numberOfLines","color","textSecondary","text","centerText","flexText","textTertiary","jsxs","hItem","hTrack","hConnector","hText","vItem","vRail","vConnector","vText","vTextGap","vHeading","ReleaseTimeline","memo","displayName","StyleSheet","create","flexDirection","alignItems","borderRadius","justifyContent","flexShrink","borderWidth","gap","flexGrow","minHeight","marginTop","marginBottom","flex","minWidth","paddingTop","paddingBottom","flexBasis","paddingLeft","paddingRight","textAlign"],"sourceRoot":"../../../src","sources":["creator-studio/ReleaseTimeline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/creator-studio/StreamsChart.js

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StreamsChart = StreamsChart;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _LineChartCard = require("../chart-cards/LineChartCard.js");
+var _geometry = require("../chart-cards/geometry.js");
+var _palette = require("../chart-cards/palette.js");
+var _CartesianPlot = require("../chart-cards/primitives/CartesianPlot.js");
+var _ChartCardSurface = require("../chart-cards/primitives/ChartCardSurface.js");
+var _format = require("../chart-cards/primitives/format.js");
+var _PeriodChartHeader = require("../chart-cards/primitives/PeriodChartHeader.js");
+var _PulsingDot = require("../chart-cards/primitives/PulsingDot.js");
+var _useActiveIndex = require("../chart-cards/primitives/use-active-index.js");
+var _useChartPalette = require("../chart-cards/primitives/use-chart-palette.js");
+var _useChartProgress = require("../chart-cards/use-chart-progress.js");
+var _RiAlbumLine = require("../icons/remix/RiAlbumLine.js");
+var _index = require("../typography/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `StreamsChart`: streams or listeners over time, switchable, with release
+ * markers — built on the chart cards' own pieces.
+ *
+ *   card     `ChartCardSurface`, 360 tall, gap 24
+ *   header   `PeriodChartHeader` — headline + delta chip, the metric
+ *            `SegmentedControl` on the right (stacked under 640px)
+ *   plot     `CartesianPlot` (Y axis 44, 4 nice ticks, dashed grid); the
+ *            metric's area (gradient 30% → 0%) and a 2.5px monotone line in the
+ *            metric's chart tone (the first metric blue, the second purple, …)
+ *   markers  per event: a 1px dashed `3 3` rule in text-tertiary from the plot
+ *            top to its point, a 3px ring dot on the line, and a label chip
+ *            (album glyph 12 + `caption-1-medium`, radius 6, card-inner fill)
+ *            pinned to the plot top, on the side of the rule with more room
+ *   hover    the headline follows the point (label → point label, number → its
+ *            value, chip hidden); on a marked point the caption names the release
+ *
+ * The series reveals left to right on mount and morphs on a metric switch;
+ * snaps under reduced motion.
+ */
+
+const Y_AXIS_WIDTH = 44;
+const TICK_COUNT = 4;
+const CARD_GAP = 24;
+const DEFAULT_HEIGHT = 360;
+function describeEvents(events, labels) {
+  if (events.length === 0) return '';
+  return `; releases: ${events.map(e => `${e.label} (${labels[e.index] ?? ''})`).join(', ')}`;
+}
+function StreamsChart({
+  metrics,
+  metric: controlledMetric,
+  defaultMetric,
+  onMetricChange,
+  events = [],
+  metricsLabel = 'Chart metric',
+  format = _format.formatNumber,
+  formatAxisValue = _format.compactNumber,
+  height = DEFAULT_HEIGHT,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const palette = (0, _useChartPalette.useChartCardPalette)();
+  const tones = (0, _useChartPalette.useChartTones)();
+  const [ownMetric, setOwnMetric] = (0, _react.useState)(defaultMetric ?? metrics[0]?.id);
+  const metricId = controlledMetric ?? ownMetric;
+  const metricIndex = Math.max(0, metrics.findIndex(m => m.id === metricId));
+  const current = metrics[metricIndex];
+  const data = current?.data ?? [];
+
+  // Streams blue (chart-6), listeners purple (chart-5), then the rest of the palette.
+  const tone = (0, _react.useMemo)(() => (0, _palette.resolveTone)(tones, metricIndex + 1), [tones, metricIndex]);
+  const [activeIndex, setActiveIndex] = (0, _useActiveIndex.useActiveIndex)(data.length, undefined, undefined);
+  const selectMetric = (0, _react.useCallback)(id => {
+    setActiveIndex(null);
+    if (controlledMetric === undefined) setOwnMetric(id);
+    onMetricChange?.(id);
+  }, [controlledMetric, onMetricChange, setActiveIndex]);
+  const values = (0, _react.useMemo)(() => data.map(d => d.value), [data]);
+  const categories = (0, _react.useMemo)(() => data.map(d => d.label), [data]);
+  const {
+    yDomain,
+    yTicks
+  } = (0, _react.useMemo)(() => {
+    const ticks = (0, _geometry.niceTicks)(0, Math.max(0, ...values), TICK_COUNT);
+    return {
+      yDomain: [ticks[0] ?? 0, ticks[ticks.length - 1] ?? 0],
+      yTicks: ticks
+    };
+  }, [values]);
+  const anim = (0, _useChartProgress.useChartProgress)(values);
+  const hovering = activeIndex !== null;
+  const point = hovering ? data[activeIndex] : undefined;
+  const total = current?.headline ?? values.reduce((sum, v) => sum + v, 0);
+  const hoveredEvent = hovering ? events.find(e => e.index === activeIndex) : undefined;
+  const visibleEvents = events.filter(e => e.index >= 0 && e.index < data.length);
+  const rawId = (0, _react.useId)();
+  const id = `bloom-streams-${rawId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const title = current?.label ?? '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartCardSurface.ChartCardSurface, {
+    height: height,
+    gap: CARD_GAP,
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PeriodChartHeader.PeriodChartHeader, {
+      label: point ? point.label : title,
+      value: point ? point.value : total,
+      format: format,
+      delta: current?.delta !== undefined ? (0, _format.describeDeltaRatio)(current.delta) : undefined,
+      hovering: hovering,
+      fadeKey: `${metricId ?? ''}:${activeIndex}`,
+      caption: hoveredEvent ? hoveredEvent.label : undefined,
+      ranges: metrics.length > 1 ? metrics.map(m => ({
+        id: m.id,
+        label: m.label
+      })) : undefined,
+      rangeId: current?.id,
+      onRangeChange: selectMetric,
+      rangesLabel: metricsLabel,
+      testID: testID
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: '100%',
+        flex: 1,
+        minHeight: 0
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartesianPlot.CartesianPlot, {
+        categories: categories,
+        yAxisWidth: Y_AXIS_WIDTH,
+        yDomain: yDomain,
+        yTicks: yTicks,
+        formatYTick: formatAxisValue,
+        grid: true,
+        outside: "keep",
+        onActiveIndexChange: setActiveIndex,
+        palette: palette,
+        accessibilityLabel: accessibilityLabel ?? `${title} over time${describeEvents(visibleEvents, categories)}`,
+        testID: testID ? `${testID}-plot` : undefined,
+        children: ({
+          size,
+          box,
+          x,
+          y
+        }) => {
+          const points = values.map((v, i) => ({
+            x: x(i),
+            y: y(anim.from && anim.from.length === values.length ? (0, _useChartProgress.lerp)(anim.from[i], v, anim.progress) : v)
+          }));
+          const revealWidth = anim.from ? size.width : box.left + (size.width - box.left) * anim.progress;
+          const active = activeIndex !== null ? points[activeIndex] : undefined;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+              width: size.width,
+              height: size.height,
+              pointerEvents: "none",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Defs, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+                  id: `${id}-fill`,
+                  x1: "0",
+                  y1: "0",
+                  x2: "0",
+                  y2: "1",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                    offset: "0",
+                    stopColor: tone.color,
+                    stopOpacity: 0.3
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                    offset: "1",
+                    stopColor: tone.color,
+                    stopOpacity: 0
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
+                  id: `${id}-reveal`,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+                    x: 0,
+                    y: 0,
+                    width: revealWidth,
+                    height: size.height
+                  })
+                })]
+              }), visibleEvents.map(event => {
+                const p = points[event.index];
+                if (!p) return null;
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+                  testID: testID ? `${testID}-event-${event.index}-rule` : undefined,
+                  x1: p.x,
+                  y1: box.top,
+                  x2: p.x,
+                  y2: box.bottom,
+                  stroke: palette.textTertiary,
+                  strokeWidth: 1,
+                  strokeDasharray: "3 3"
+                }, `rule-${event.index}`);
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+                clipPath: `url(#${id}-reveal)`,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+                  d: (0, _LineChartCard.closedAreaPath)(points, box.bottom, 'monotone'),
+                  fill: `url(#${id}-fill)`,
+                  stroke: "none"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+                  d: (0, _geometry.curvePath)(points, 'monotone'),
+                  fill: "none",
+                  stroke: tone.activeColor,
+                  strokeWidth: 2.5
+                }), visibleEvents.map(event => {
+                  const p = points[event.index];
+                  return p ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+                    cx: p.x,
+                    cy: p.y,
+                    r: 4,
+                    fill: palette.surface,
+                    stroke: tone.activeColor,
+                    strokeWidth: 2.5
+                  }, `dot-${event.index}`) : null;
+                })]
+              }), active ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+                  x1: active.x,
+                  y1: box.top,
+                  x2: active.x,
+                  y2: box.bottom,
+                  stroke: palette.cursor,
+                  strokeWidth: 1,
+                  strokeDasharray: "4 4"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PulsingDot.PulsingDot, {
+                  cx: active.x,
+                  cy: active.y,
+                  color: tone.activeColor,
+                  ring: palette.surface
+                })]
+              }) : null]
+            }), visibleEvents.map(event => {
+              const p = points[event.index];
+              if (!p) return null;
+              // Label on whichever side of the rule has more room.
+              const leftSide = p.x > box.left + (box.right - box.left) / 2;
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                pointerEvents: "none",
+                testID: testID ? `${testID}-event-${event.index}` : undefined,
+                style: {
+                  position: 'absolute',
+                  top: box.top,
+                  ...(leftSide ? {
+                    right: size.width - p.x + 6
+                  } : {
+                    left: p.x + 6
+                  }),
+                  maxWidth: Math.max(80, (leftSide ? p.x - box.left : size.width - p.x) - 12),
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 4,
+                  borderRadius: 6,
+                  paddingTop: 2,
+                  paddingBottom: 2,
+                  paddingLeft: 6,
+                  paddingRight: 6,
+                  backgroundColor: palette.inner
+                },
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiAlbumLine.RiAlbumLine, {
+                  width: 12,
+                  height: 12,
+                  fill: palette.textSecondary
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+                  variant: "caption-1-medium",
+                  numberOfLines: 1,
+                  style: {
+                    color: palette.text,
+                    flexShrink: 1
+                  },
+                  children: event.label
+                })]
+              }, `label-${event.index}`);
+            })]
+          });
+        }
+      })
+    })]
+  });
+}
+//# sourceMappingURL=StreamsChart.js.map

package/lib/commonjs/creator-studio/StreamsChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_LineChartCard","_geometry","_palette","_CartesianPlot","_ChartCardSurface","_format","_PeriodChartHeader","_PulsingDot","_useActiveIndex","_useChartPalette","_useChartProgress","_RiAlbumLine","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Y_AXIS_WIDTH","TICK_COUNT","CARD_GAP","DEFAULT_HEIGHT","describeEvents","events","labels","length","map","label","index","join","StreamsChart","metrics","metric","controlledMetric","defaultMetric","onMetricChange","metricsLabel","format","formatNumber","formatAxisValue","compactNumber","height","accessibilityLabel","style","testID","palette","useChartCardPalette","tones","useChartTones","ownMetric","setOwnMetric","useState","id","metricId","metricIndex","Math","max","findIndex","m","current","data","tone","useMemo","resolveTone","activeIndex","setActiveIndex","useActiveIndex","undefined","selectMetric","useCallback","values","d","value","categories","yDomain","yTicks","ticks","niceTicks","anim","useChartProgress","hovering","point","total","headline","reduce","sum","v","hoveredEvent","find","visibleEvents","filter","rawId","useId","replace","title","jsxs","ChartCardSurface","gap","children","jsx","PeriodChartHeader","delta","describeDeltaRatio","fadeKey","caption","ranges","rangeId","onRangeChange","rangesLabel","View","width","flex","minHeight","CartesianPlot","yAxisWidth","formatYTick","grid","outside","onActiveIndexChange","size","box","x","y","points","from","lerp","progress","revealWidth","left","active","Fragment","pointerEvents","Defs","LinearGradient","x1","y1","x2","y2","Stop","offset","stopColor","color","stopOpacity","ClipPath","Rect","event","p","Line","top","bottom","stroke","textTertiary","strokeWidth","strokeDasharray","G","clipPath","Path","closedAreaPath","fill","curvePath","activeColor","Circle","cx","cy","surface","cursor","PulsingDot","ring","leftSide","right","position","maxWidth","flexDirection","alignItems","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","inner","RiAlbumLine","textSecondary","Text","variant","numberOfLines","text","flexShrink"],"sourceRoot":"../../../src","sources":["creator-studio/StreamsChart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/creator-studio/TopTracksTable.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopTracksTable = exports.TOP_TRACKS_LABELS = void 0;
+exports.TrendGlyph = TrendGlyph;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _format = require("../chart-cards/primitives/format.js");
+var _DataTable = require("../data-table/DataTable.js");
+var _RiArrowDownLine = require("../icons/remix/RiArrowDownLine.js");
+var _RiArrowUpLine = require("../icons/remix/RiArrowUpLine.js");
+var _RiMusic2Line = require("../icons/remix/RiMusic2Line.js");
+var _RiSubtractLine = require("../icons/remix/RiSubtractLine.js");
+var _context = require("../image-resolver/context.js");
+var _isImageUrl = require("../image-resolver/is-image-url.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `TopTracksTable`: the ranked tracks of a period on `DataTable` (`inset`
+ * layout) — rank, cover + title, streams, listeners, saves and a trend glyph.
+ *
+ *   rank     `body-medium` tabular, text-secondary, 40 wide
+ *   track    40px cover (radius 8, a music glyph on the placeholder fill when
+ *            there is none) + title `body-medium` over subtitle
+ *            `body-2-regular` text-secondary, both truncating
+ *   numbers  `body-regular` tabular, right-aligned, sortable (descending first)
+ *   trend    a 16px arrow — up positive, down negative, flat text-tertiary — or
+ *            a "New" caption in the accent; named for assistive tech
+ *
+ * Below 560px of its own width Listeners and Saves drop out, so a phone keeps
+ * rank, track, streams and the trend without scrolling sideways.
+ */
+
+const TOP_TRACKS_LABELS = exports.TOP_TRACKS_LABELS = {
+  title: 'Top tracks',
+  rank: '#',
+  track: 'Track',
+  streams: 'Streams',
+  listeners: 'Listeners',
+  saves: 'Saves',
+  trend: 'Trend',
+  trends: {
+    up: 'Rising',
+    down: 'Falling',
+    flat: 'Steady',
+    new: 'New entry'
+  },
+  empty: 'No streams in this period yet.'
+};
+const NARROW_BELOW = 560;
+function TrendGlyph({
+  trend,
+  label,
+  paint,
+  newLabel = 'New',
+  testID
+}) {
+  const content = trend === 'new' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    variant: "caption-1-medium",
+    style: {
+      color: paint.accent
+    },
+    children: newLabel
+  }) : trend === 'up' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArrowUpLine.RiArrowUpLine, {
+    width: 16,
+    height: 16,
+    fill: paint.positive
+  }) : trend === 'down' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArrowDownLine.RiArrowDownLine, {
+    width: 16,
+    height: 16,
+    fill: paint.negative
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiSubtractLine.RiSubtractLine, {
+    width: 16,
+    height: 16,
+    fill: paint.textTertiary
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: label,
+    testID: testID,
+    style: styles.trend,
+    children: content
+  });
+}
+function Cover({
+  artwork,
+  paint,
+  size
+}) {
+  const resolver = (0, _context.useImageResolver)();
+  const uri = artwork ? (0, _isImageUrl.isImageUrl)(artwork) ? artwork : resolver?.(artwork, 'thumb') : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.cover, {
+      width: size,
+      height: size,
+      borderRadius: size / 5,
+      backgroundColor: paint.placeholder
+    }],
+    children: uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri
+      },
+      style: styles.coverImage,
+      accessibilityIgnoresInvertColors: true
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiMusic2Line.RiMusic2Line, {
+      width: 18,
+      height: 18,
+      fill: paint.placeholderIcon
+    })
+  });
+}
+function TopTracksTableComponent({
+  tracks,
+  summary,
+  format = _format.groupThousands,
+  pageSize = 10,
+  toolbar,
+  labels: labelOverrides,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCreatorStudioPaint)(theme), [theme]);
+  const labels = (0, _react.useMemo)(() => ({
+    ...TOP_TRACKS_LABELS,
+    ...labelOverrides,
+    trends: {
+      ...TOP_TRACKS_LABELS.trends,
+      ...labelOverrides?.trends
+    }
+  }), [labelOverrides]);
+  const [width, setWidth] = (0, _react.useState)(0);
+  const onLayout = (0, _react.useCallback)(event => {
+    const next = Math.round(event.nativeEvent.layout.width);
+    setWidth(prev => prev === next ? prev : next);
+  }, []);
+  const narrow = width > 0 && width < NARROW_BELOW;
+
+  // The rank is the position in `tracks`, kept through sorting.
+  const rows = (0, _react.useMemo)(() => tracks.map((track, i) => ({
+    track,
+    rank: i + 1
+  })), [tracks]);
+  const columns = (0, _react.useMemo)(() => {
+    const number = id => ({
+      id,
+      header: labels[id],
+      width: narrow ? 80 : 112,
+      align: 'end',
+      accessor: r => r.track[id],
+      sortDescFirst: true,
+      cell: ({
+        row
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-regular",
+        numberOfLines: 1,
+        style: [styles.tabular, {
+          color: paint.text
+        }],
+        children: format(row.track[id])
+      })
+    });
+    const all = [{
+      id: 'rank',
+      header: labels.rank,
+      headerAccessibilityLabel: 'Rank',
+      width: narrow ? 32 : 40,
+      accessor: r => r.rank,
+      sortDescFirst: false,
+      cell: ({
+        row
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-medium",
+        style: [styles.tabular, {
+          color: paint.textSecondary
+        }],
+        children: row.rank
+      })
+    }, {
+      id: 'track',
+      header: labels.track,
+      flex: 1,
+      minWidth: narrow ? 0 : 140,
+      accessor: r => r.track.title,
+      cell: ({
+        row
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.trackCell, {
+          gap: narrow ? 8 : 12
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Cover, {
+          artwork: row.track.artwork,
+          paint: paint,
+          size: narrow ? 32 : 40
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.trackText,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: paint.text
+            },
+            children: row.track.title
+          }), row.track.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "body-2-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textSecondary
+            },
+            children: row.track.subtitle
+          }) : null]
+        })]
+      })
+    }, number('streams'), number('listeners'), number('saves'), {
+      id: 'trend',
+      header: narrow ? '' : labels.trend,
+      headerAccessibilityLabel: labels.trend,
+      width: narrow ? 40 : 72,
+      align: 'end',
+      sortable: false,
+      cell: ({
+        row
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TrendGlyph, {
+        trend: row.track.trend,
+        label: labels.trends[row.track.trend],
+        paint: paint,
+        testID: testID ? `${testID}-trend-${row.track.id}` : undefined
+      })
+    }];
+    return narrow ? all.filter(c => c.id !== 'listeners' && c.id !== 'saves') : all;
+  }, [labels, narrow, paint, format, testID]);
+  const getRowId = (0, _react.useCallback)(r => r.track.id, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: onLayout,
+    style: [styles.root, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      layout: "inset",
+      rows: rows,
+      columns: columns,
+      getRowId: getRowId,
+      accessibilityLabel: accessibilityLabel ?? labels.title,
+      title: labels.title,
+      summary: summary,
+      toolbar: toolbar,
+      pageSize: pageSize,
+      emptyState: labels.empty,
+      testID: testID
+    })
+  });
+}
+const TopTracksTable = exports.TopTracksTable = /*#__PURE__*/(0, _react.memo)(TopTracksTableComponent);
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    width: '100%'
+  },
+  tabular: {
+    fontVariant: ['tabular-nums']
+  },
+  // Stretched to the cell (which aligns its content to the start), so a long title truncates.
+  trackCell: {
+    alignSelf: 'stretch',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    minWidth: 0
+  },
+  trackText: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
+  },
+  cover: {
+    width: 40,
+    height: 40,
+    borderRadius: 8,
+    overflow: 'hidden',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  },
+  coverImage: {
+    width: '100%',
+    height: '100%'
+  },
+  trend: {
+    minWidth: 24,
+    height: 20,
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=TopTracksTable.js.map