@oxy.so/bloom 2.8.0 → 2.10.0

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,297 @@
+"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 _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, _shared.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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_format","_DataTable","_RiArrowDownLine","_RiArrowUpLine","_RiMusic2Line","_RiSubtractLine","_context","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TOP_TRACKS_LABELS","exports","title","rank","track","streams","listeners","saves","trend","trends","up","down","flat","new","empty","NARROW_BELOW","TrendGlyph","label","paint","newLabel","testID","content","jsx","Text","variant","style","color","accent","children","RiArrowUpLine","width","height","fill","positive","RiArrowDownLine","negative","RiSubtractLine","textTertiary","View","role","accessibilityLabel","styles","Cover","artwork","size","resolver","useImageResolver","uri","isImageUrl","undefined","cover","borderRadius","backgroundColor","placeholder","Image","source","coverImage","accessibilityIgnoresInvertColors","RiMusic2Line","placeholderIcon","TopTracksTableComponent","tracks","summary","format","groupThousands","pageSize","toolbar","labels","labelOverrides","theme","useTheme","useMemo","resolveCreatorStudioPaint","setWidth","useState","onLayout","useCallback","event","next","Math","round","nativeEvent","layout","prev","narrow","rows","map","columns","number","id","header","align","accessor","sortDescFirst","cell","row","numberOfLines","tabular","text","all","headerAccessibilityLabel","textSecondary","flex","minWidth","jsxs","trackCell","gap","trackText","subtitle","sortable","filter","c","getRowId","root","DataTable","emptyState","TopTracksTable","memo","StyleSheet","create","fontVariant","alignSelf","flexDirection","alignItems","overflow","justifyContent","flexShrink"],"sourceRoot":"../../../src","sources":["creator-studio/TopTracksTable.tsx"],"mappings":"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","ignoreList":[]}