@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1,280 @@
+"use strict";
+
+import React, { useCallback, useId, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import Svg, { Circle, ClipPath, Defs, G, Line, LinearGradient, Path, Rect, Stop } from 'react-native-svg';
+import { closedAreaPath } from "../chart-cards/LineChartCard.js";
+import { curvePath, niceTicks } from "../chart-cards/geometry.js";
+import { resolveTone } from "../chart-cards/palette.js";
+import { CartesianPlot } from "../chart-cards/primitives/CartesianPlot.js";
+import { ChartCardSurface } from "../chart-cards/primitives/ChartCardSurface.js";
+import { compactNumber, describeDeltaRatio, formatNumber } from "../chart-cards/primitives/format.js";
+import { PeriodChartHeader } from "../chart-cards/primitives/PeriodChartHeader.js";
+import { PulsingDot } from "../chart-cards/primitives/PulsingDot.js";
+import { useActiveIndex } from "../chart-cards/primitives/use-active-index.js";
+import { useChartCardPalette, useChartTones } from "../chart-cards/primitives/use-chart-palette.js";
+import { lerp, useChartProgress } from "../chart-cards/use-chart-progress.js";
+import { RiAlbumLine } from "../icons/remix/RiAlbumLine.js";
+import { Text } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * `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(', ')}`;
+}
+export function StreamsChart({
+  metrics,
+  metric: controlledMetric,
+  defaultMetric,
+  onMetricChange,
+  events = [],
+  metricsLabel = 'Chart metric',
+  format = formatNumber,
+  formatAxisValue = compactNumber,
+  height = DEFAULT_HEIGHT,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const palette = useChartCardPalette();
+  const tones = useChartTones();
+  const [ownMetric, setOwnMetric] = 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 = useMemo(() => resolveTone(tones, metricIndex + 1), [tones, metricIndex]);
+  const [activeIndex, setActiveIndex] = useActiveIndex(data.length, undefined, undefined);
+  const selectMetric = useCallback(id => {
+    setActiveIndex(null);
+    if (controlledMetric === undefined) setOwnMetric(id);
+    onMetricChange?.(id);
+  }, [controlledMetric, onMetricChange, setActiveIndex]);
+  const values = useMemo(() => data.map(d => d.value), [data]);
+  const categories = useMemo(() => data.map(d => d.label), [data]);
+  const {
+    yDomain,
+    yTicks
+  } = useMemo(() => {
+    const ticks = niceTicks(0, Math.max(0, ...values), TICK_COUNT);
+    return {
+      yDomain: [ticks[0] ?? 0, ticks[ticks.length - 1] ?? 0],
+      yTicks: ticks
+    };
+  }, [values]);
+  const anim = 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 = useId();
+  const id = `bloom-streams-${rawId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const title = current?.label ?? '';
+  return /*#__PURE__*/_jsxs(ChartCardSurface, {
+    height: height,
+    gap: CARD_GAP,
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(PeriodChartHeader, {
+      label: point ? point.label : title,
+      value: point ? point.value : total,
+      format: format,
+      delta: current?.delta !== undefined ? 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__*/_jsx(View, {
+      style: {
+        width: '100%',
+        flex: 1,
+        minHeight: 0
+      },
+      children: /*#__PURE__*/_jsx(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 ? 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__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(Svg, {
+              width: size.width,
+              height: size.height,
+              pointerEvents: "none",
+              children: [/*#__PURE__*/_jsxs(Defs, {
+                children: [/*#__PURE__*/_jsxs(LinearGradient, {
+                  id: `${id}-fill`,
+                  x1: "0",
+                  y1: "0",
+                  x2: "0",
+                  y2: "1",
+                  children: [/*#__PURE__*/_jsx(Stop, {
+                    offset: "0",
+                    stopColor: tone.color,
+                    stopOpacity: 0.3
+                  }), /*#__PURE__*/_jsx(Stop, {
+                    offset: "1",
+                    stopColor: tone.color,
+                    stopOpacity: 0
+                  })]
+                }), /*#__PURE__*/_jsx(ClipPath, {
+                  id: `${id}-reveal`,
+                  children: /*#__PURE__*/_jsx(Rect, {
+                    x: 0,
+                    y: 0,
+                    width: revealWidth,
+                    height: size.height
+                  })
+                })]
+              }), visibleEvents.map(event => {
+                const p = points[event.index];
+                if (!p) return null;
+                return /*#__PURE__*/_jsx(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__*/_jsxs(G, {
+                clipPath: `url(#${id}-reveal)`,
+                children: [/*#__PURE__*/_jsx(Path, {
+                  d: closedAreaPath(points, box.bottom, 'monotone'),
+                  fill: `url(#${id}-fill)`,
+                  stroke: "none"
+                }), /*#__PURE__*/_jsx(Path, {
+                  d: curvePath(points, 'monotone'),
+                  fill: "none",
+                  stroke: tone.activeColor,
+                  strokeWidth: 2.5
+                }), visibleEvents.map(event => {
+                  const p = points[event.index];
+                  return p ? /*#__PURE__*/_jsx(Circle, {
+                    cx: p.x,
+                    cy: p.y,
+                    r: 4,
+                    fill: palette.surface,
+                    stroke: tone.activeColor,
+                    strokeWidth: 2.5
+                  }, `dot-${event.index}`) : null;
+                })]
+              }), active ? /*#__PURE__*/_jsxs(_Fragment, {
+                children: [/*#__PURE__*/_jsx(Line, {
+                  x1: active.x,
+                  y1: box.top,
+                  x2: active.x,
+                  y2: box.bottom,
+                  stroke: palette.cursor,
+                  strokeWidth: 1,
+                  strokeDasharray: "4 4"
+                }), /*#__PURE__*/_jsx(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__*/_jsxs(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__*/_jsx(RiAlbumLine, {
+                  width: 12,
+                  height: 12,
+                  fill: palette.textSecondary
+                }), /*#__PURE__*/_jsx(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/module/creator-studio/StreamsChart.js.map

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

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

@@ -0,0 +1,292 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { Image, StyleSheet, View } from 'react-native';
+import { groupThousands } from "../chart-cards/primitives/format.js";
+import { DataTable } from "../data-table/DataTable.js";
+import { RiArrowDownLine } from "../icons/remix/RiArrowDownLine.js";
+import { RiArrowUpLine } from "../icons/remix/RiArrowUpLine.js";
+import { RiMusic2Line } from "../icons/remix/RiMusic2Line.js";
+import { RiSubtractLine } from "../icons/remix/RiSubtractLine.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { isImageUrl } from "../image-resolver/is-image-url.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveCreatorStudioPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `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.
+ */
+
+export const 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;
+export function TrendGlyph({
+  trend,
+  label,
+  paint,
+  newLabel = 'New',
+  testID
+}) {
+  const content = trend === 'new' ? /*#__PURE__*/_jsx(Text, {
+    variant: "caption-1-medium",
+    style: {
+      color: paint.accent
+    },
+    children: newLabel
+  }) : trend === 'up' ? /*#__PURE__*/_jsx(RiArrowUpLine, {
+    width: 16,
+    height: 16,
+    fill: paint.positive
+  }) : trend === 'down' ? /*#__PURE__*/_jsx(RiArrowDownLine, {
+    width: 16,
+    height: 16,
+    fill: paint.negative
+  }) : /*#__PURE__*/_jsx(RiSubtractLine, {
+    width: 16,
+    height: 16,
+    fill: paint.textTertiary
+  });
+  return /*#__PURE__*/_jsx(View, {
+    role: "img",
+    accessibilityLabel: label,
+    testID: testID,
+    style: styles.trend,
+    children: content
+  });
+}
+function Cover({
+  artwork,
+  paint,
+  size
+}) {
+  const resolver = useImageResolver();
+  const uri = artwork ? isImageUrl(artwork) ? artwork : resolver?.(artwork, 'thumb') : undefined;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.cover, {
+      width: size,
+      height: size,
+      borderRadius: size / 5,
+      backgroundColor: paint.placeholder
+    }],
+    children: uri ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      style: styles.coverImage,
+      accessibilityIgnoresInvertColors: true
+    }) : /*#__PURE__*/_jsx(RiMusic2Line, {
+      width: 18,
+      height: 18,
+      fill: paint.placeholderIcon
+    })
+  });
+}
+function TopTracksTableComponent({
+  tracks,
+  summary,
+  format = groupThousands,
+  pageSize = 10,
+  toolbar,
+  labels: labelOverrides,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveCreatorStudioPaint(theme), [theme]);
+  const labels = useMemo(() => ({
+    ...TOP_TRACKS_LABELS,
+    ...labelOverrides,
+    trends: {
+      ...TOP_TRACKS_LABELS.trends,
+      ...labelOverrides?.trends
+    }
+  }), [labelOverrides]);
+  const [width, setWidth] = useState(0);
+  const onLayout = 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 = useMemo(() => tracks.map((track, i) => ({
+    track,
+    rank: i + 1
+  })), [tracks]);
+  const columns = useMemo(() => {
+    const number = id => ({
+      id,
+      header: labels[id],
+      width: narrow ? 80 : 112,
+      align: 'end',
+      accessor: r => r.track[id],
+      sortDescFirst: true,
+      cell: ({
+        row
+      }) => /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsxs(View, {
+        style: [styles.trackCell, {
+          gap: narrow ? 8 : 12
+        }],
+        children: [/*#__PURE__*/_jsx(Cover, {
+          artwork: row.track.artwork,
+          paint: paint,
+          size: narrow ? 32 : 40
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.trackText,
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: paint.text
+            },
+            children: row.track.title
+          }), row.track.subtitle ? /*#__PURE__*/_jsx(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__*/_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 = useCallback(r => r.track.id, []);
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    style: [styles.root, style],
+    children: /*#__PURE__*/_jsx(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
+    })
+  });
+}
+export const TopTracksTable = /*#__PURE__*/memo(TopTracksTableComponent);
+const styles = 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/module/creator-studio/TopTracksTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","Image","StyleSheet","View","groupThousands","DataTable","RiArrowDownLine","RiArrowUpLine","RiMusic2Line","RiSubtractLine","useImageResolver","isImageUrl","useTheme","Text","resolveCreatorStudioPaint","jsx","_jsx","jsxs","_jsxs","TOP_TRACKS_LABELS","title","rank","track","streams","listeners","saves","trend","trends","up","down","flat","new","empty","NARROW_BELOW","TrendGlyph","label","paint","newLabel","testID","content","variant","style","color","accent","children","width","height","fill","positive","negative","textTertiary","role","accessibilityLabel","styles","Cover","artwork","size","resolver","uri","undefined","cover","borderRadius","backgroundColor","placeholder","source","coverImage","accessibilityIgnoresInvertColors","placeholderIcon","TopTracksTableComponent","tracks","summary","format","pageSize","toolbar","labels","labelOverrides","theme","setWidth","onLayout","event","next","Math","round","nativeEvent","layout","prev","narrow","rows","map","i","columns","number","id","header","align","accessor","r","sortDescFirst","cell","row","numberOfLines","tabular","text","all","headerAccessibilityLabel","textSecondary","flex","minWidth","trackCell","gap","trackText","subtitle","sortable","filter","c","getRowId","root","emptyState","TopTracksTable","create","fontVariant","alignSelf","flexDirection","alignItems","overflow","justifyContent","flexShrink"],"sourceRoot":"../../../src","sources":["creator-studio/TopTracksTable.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACnE,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAgC,cAAc;AAE9E,SAASC,cAAc,QAAQ,qCAAkC;AACjE,SAASC,SAAS,QAAQ,4BAAyB;AAEnD,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,UAAU,QAAQ,mCAAgC;AAC3D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,yBAAyB,QAAiC,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,iBAAuC,GAAG;EACrDC,KAAK,EAAE,YAAY;EACnBC,IAAI,EAAE,GAAG;EACTC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,WAAW;EACtBC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;IAAEC,EAAE,EAAE,QAAQ;IAAEC,IAAI,EAAE,SAAS;IAAEC,IAAI,EAAE,QAAQ;IAAEC,GAAG,EAAE;EAAY,CAAC;EAC3EC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,YAAY,GAAG,GAAG;AAExB,OAAO,SAASC,UAAUA,CAAC;EACzBR,KAAK;EACLS,KAAK;EACLC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;AAOF,CAAC,EAAE;EACD,MAAMC,OAAO,GACXb,KAAK,KAAK,KAAK,gBACbV,IAAA,CAACH,IAAI;IAAC2B,OAAO,EAAC,kBAAkB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAEN,KAAK,CAACO;IAAO,CAAE;IAAAC,QAAA,EAC7DP;EAAQ,CACL,CAAC,GACLX,KAAK,KAAK,IAAI,gBAChBV,IAAA,CAACT,aAAa;IAACsC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,IAAI,EAAEX,KAAK,CAACY;EAAS,CAAE,CAAC,GAC5DtB,KAAK,KAAK,MAAM,gBAClBV,IAAA,CAACV,eAAe;IAACuC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,IAAI,EAAEX,KAAK,CAACa;EAAS,CAAE,CAAC,gBAEhEjC,IAAA,CAACP,cAAc;IAACoC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,IAAI,EAAEX,KAAK,CAACc;EAAa,CAAE,CACnE;EACH,oBACElC,IAAA,CAACb,IAAI;IAACgD,IAAI,EAAC,KAAK;IAACC,kBAAkB,EAAEjB,KAAM;IAACG,MAAM,EAAEA,MAAO;IAACG,KAAK,EAAEY,MAAM,CAAC3B,KAAM;IAAAkB,QAAA,EAC7EL;EAAO,CACJ,CAAC;AAEX;AAEA,SAASe,KAAKA,CAAC;EAAEC,OAAO;EAAEnB,KAAK;EAAEoB;AAAoE,CAAC,EAAE;EACtG,MAAMC,QAAQ,GAAG/C,gBAAgB,CAAC,CAAC;EACnC,MAAMgD,GAAG,GAAGH,OAAO,GAAI5C,UAAU,CAAC4C,OAAO,CAAC,GAAGA,OAAO,GAAGE,QAAQ,GAAGF,OAAO,EAAE,OAAO,CAAC,GAAII,SAAS;EAChG,oBACE3C,IAAA,CAACb,IAAI;IAACsC,KAAK,EAAE,CAACY,MAAM,CAACO,KAAK,EAAE;MAAEf,KAAK,EAAEW,IAAI;MAAEV,MAAM,EAAEU,IAAI;MAAEK,YAAY,EAAEL,IAAI,GAAG,CAAC;MAAEM,eAAe,EAAE1B,KAAK,CAAC2B;IAAY,CAAC,CAAE;IAAAnB,QAAA,EACpHc,GAAG,gBACF1C,IAAA,CAACf,KAAK;MAAC+D,MAAM,EAAE;QAAEN;MAAI,CAAE;MAACjB,KAAK,EAAEY,MAAM,CAACY,UAAW;MAACC,gCAAgC;IAAA,CAAE,CAAC,gBAErFlD,IAAA,CAACR,YAAY;MAACqC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,IAAI,EAAEX,KAAK,CAAC+B;IAAgB,CAAE;EACpE,CACG,CAAC;AAEX;AAEA,SAASC,uBAAuBA,CAAC;EAC/BC,MAAM;EACNC,OAAO;EACPC,MAAM,GAAGnE,cAAc;EACvBoE,QAAQ,GAAG,EAAE;EACbC,OAAO;EACPC,MAAM,EAAEC,cAAc;EACtBvB,kBAAkB;EAClBX,KAAK;EACLH;AACmB,CAAC,EAAE;EACtB,MAAMsC,KAAK,GAAGhE,QAAQ,CAAC,CAAC;EACxB,MAAMwB,KAAK,GAAGrC,OAAO,CAAC,MAAMe,yBAAyB,CAAC8D,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACtE,MAAMF,MAAM,GAAG3E,OAAO,CACpB,OAAO;IACL,GAAGoB,iBAAiB;IACpB,GAAGwD,cAAc;IACjBhD,MAAM,EAAE;MAAE,GAAGR,iBAAiB,CAACQ,MAAM;MAAE,GAAGgD,cAAc,EAAEhD;IAAO;EACnE,CAAC,CAAC,EACF,CAACgD,cAAc,CACjB,CAAC;EACD,MAAM,CAAC9B,KAAK,EAAEgC,QAAQ,CAAC,GAAG7E,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAM8E,QAAQ,GAAGhF,WAAW,CAAEiF,KAAwB,IAAK;IACzD,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,WAAW,CAACC,MAAM,CAACvC,KAAK,CAAC;IACvDgC,QAAQ,CAAEQ,IAAI,IAAMA,IAAI,KAAKL,IAAI,GAAGK,IAAI,GAAGL,IAAK,CAAC;EACnD,CAAC,EAAE,EAAE,CAAC;EACN,MAAMM,MAAM,GAAGzC,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAGZ,YAAY;;EAEhD;EACA,MAAMsD,IAAI,GAAGxF,OAAO,CAAC,MAAMsE,MAAM,CAACmB,GAAG,CAAC,CAAClE,KAAK,EAAEmE,CAAC,MAAM;IAAEnE,KAAK;IAAED,IAAI,EAAEoE,CAAC,GAAG;EAAE,CAAC,CAAC,CAAC,EAAE,CAACpB,MAAM,CAAC,CAAC;EAGxF,MAAMqB,OAAO,GAAG3F,OAAO,CAAyB,MAAM;IACpD,MAAM4F,MAAM,GAAIC,EAAqC,KAA4B;MAC/EA,EAAE;MACFC,MAAM,EAAEnB,MAAM,CAACkB,EAAE,CAAC;MAClB/C,KAAK,EAAEyC,MAAM,GAAG,EAAE,GAAG,GAAG;MACxBQ,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAGC,CAAC,IAAKA,CAAC,CAAC1E,KAAK,CAACsE,EAAE,CAAC;MAC5BK,aAAa,EAAE,IAAI;MACnBC,IAAI,EAAEA,CAAC;QAAEC;MAAI,CAAC,kBACZnF,IAAA,CAACH,IAAI;QAAC2B,OAAO,EAAC,cAAc;QAAC4D,aAAa,EAAE,CAAE;QAAC3D,KAAK,EAAE,CAACY,MAAM,CAACgD,OAAO,EAAE;UAAE3D,KAAK,EAAEN,KAAK,CAACkE;QAAK,CAAC,CAAE;QAAA1D,QAAA,EAC3F2B,MAAM,CAAC4B,GAAG,CAAC7E,KAAK,CAACsE,EAAE,CAAC;MAAC,CAClB;IAEV,CAAC,CAAC;IACF,MAAMW,GAA2B,GAAG,CAClC;MACEX,EAAE,EAAE,MAAM;MACVC,MAAM,EAAEnB,MAAM,CAACrD,IAAI;MACnBmF,wBAAwB,EAAE,MAAM;MAChC3D,KAAK,EAAEyC,MAAM,GAAG,EAAE,GAAG,EAAE;MACvBS,QAAQ,EAAGC,CAAC,IAAKA,CAAC,CAAC3E,IAAI;MACvB4E,aAAa,EAAE,KAAK;MACpBC,IAAI,EAAEA,CAAC;QAAEC;MAAI,CAAC,kBACZnF,IAAA,CAACH,IAAI;QAAC2B,OAAO,EAAC,aAAa;QAACC,KAAK,EAAE,CAACY,MAAM,CAACgD,OAAO,EAAE;UAAE3D,KAAK,EAAEN,KAAK,CAACqE;QAAc,CAAC,CAAE;QAAA7D,QAAA,EACjFuD,GAAG,CAAC9E;MAAI,CACL;IAEV,CAAC,EACD;MACEuE,EAAE,EAAE,OAAO;MACXC,MAAM,EAAEnB,MAAM,CAACpD,KAAK;MACpBoF,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAErB,MAAM,GAAG,CAAC,GAAG,GAAG;MAC1BS,QAAQ,EAAGC,CAAC,IAAKA,CAAC,CAAC1E,KAAK,CAACF,KAAK;MAC9B8E,IAAI,EAAEA,CAAC;QAAEC;MAAI,CAAC,kBACZjF,KAAA,CAACf,IAAI;QAACsC,KAAK,EAAE,CAACY,MAAM,CAACuD,SAAS,EAAE;UAAEC,GAAG,EAAEvB,MAAM,GAAG,CAAC,GAAG;QAAG,CAAC,CAAE;QAAA1C,QAAA,gBACxD5B,IAAA,CAACsC,KAAK;UAACC,OAAO,EAAE4C,GAAG,CAAC7E,KAAK,CAACiC,OAAQ;UAACnB,KAAK,EAAEA,KAAM;UAACoB,IAAI,EAAE8B,MAAM,GAAG,EAAE,GAAG;QAAG,CAAE,CAAC,eAC3EpE,KAAA,CAACf,IAAI;UAACsC,KAAK,EAAEY,MAAM,CAACyD,SAAU;UAAAlE,QAAA,gBAC5B5B,IAAA,CAACH,IAAI;YAAC2B,OAAO,EAAC,aAAa;YAAC4D,aAAa,EAAE,CAAE;YAAC3D,KAAK,EAAE;cAAEC,KAAK,EAAEN,KAAK,CAACkE;YAAK,CAAE;YAAA1D,QAAA,EACxEuD,GAAG,CAAC7E,KAAK,CAACF;UAAK,CACZ,CAAC,EACN+E,GAAG,CAAC7E,KAAK,CAACyF,QAAQ,gBACjB/F,IAAA,CAACH,IAAI;YAAC2B,OAAO,EAAC,gBAAgB;YAAC4D,aAAa,EAAE,CAAE;YAAC3D,KAAK,EAAE;cAAEC,KAAK,EAAEN,KAAK,CAACqE;YAAc,CAAE;YAAA7D,QAAA,EACpFuD,GAAG,CAAC7E,KAAK,CAACyF;UAAQ,CACf,CAAC,GACL,IAAI;QAAA,CACJ,CAAC;MAAA,CACH;IAEV,CAAC,EACDpB,MAAM,CAAC,SAAS,CAAC,EACjBA,MAAM,CAAC,WAAW,CAAC,EACnBA,MAAM,CAAC,OAAO,CAAC,EACf;MACEC,EAAE,EAAE,OAAO;MACXC,MAAM,EAAEP,MAAM,GAAG,EAAE,GAAGZ,MAAM,CAAChD,KAAK;MAClC8E,wBAAwB,EAAE9B,MAAM,CAAChD,KAAK;MACtCmB,KAAK,EAAEyC,MAAM,GAAG,EAAE,GAAG,EAAE;MACvBQ,KAAK,EAAE,KAAK;MACZkB,QAAQ,EAAE,KAAK;MACfd,IAAI,EAAEA,CAAC;QAAEC;MAAI,CAAC,kBACZnF,IAAA,CAACkB,UAAU;QACTR,KAAK,EAAEyE,GAAG,CAAC7E,KAAK,CAACI,KAAM;QACvBS,KAAK,EAAEuC,MAAM,CAAC/C,MAAM,CAACwE,GAAG,CAAC7E,KAAK,CAACI,KAAK,CAAE;QACtCU,KAAK,EAAEA,KAAM;QACbE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU6D,GAAG,CAAC7E,KAAK,CAACsE,EAAE,EAAE,GAAGjC;MAAU,CAChE;IAEL,CAAC,CACF;IACD,OAAO2B,MAAM,GAAGiB,GAAG,CAACU,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACtB,EAAE,KAAK,WAAW,IAAIsB,CAAC,CAACtB,EAAE,KAAK,OAAO,CAAC,GAAGW,GAAG;EACnF,CAAC,EAAE,CAAC7B,MAAM,EAAEY,MAAM,EAAElD,KAAK,EAAEmC,MAAM,EAAEjC,MAAM,CAAC,CAAC;EAE3C,MAAM6E,QAAQ,GAAGrH,WAAW,CAAEkG,CAAM,IAAKA,CAAC,CAAC1E,KAAK,CAACsE,EAAE,EAAE,EAAE,CAAC;EAExD,oBACE5E,IAAA,CAACb,IAAI;IAAC2E,QAAQ,EAAEA,QAAS;IAACrC,KAAK,EAAE,CAACY,MAAM,CAAC+D,IAAI,EAAE3E,KAAK,CAAE;IAAAG,QAAA,eACpD5B,IAAA,CAACX,SAAS;MACR+E,MAAM,EAAC,OAAO;MACdG,IAAI,EAAEA,IAAK;MACXG,OAAO,EAAEA,OAAQ;MACjByB,QAAQ,EAAEA,QAAS;MACnB/D,kBAAkB,EAAEA,kBAAkB,IAAIsB,MAAM,CAACtD,KAAM;MACvDA,KAAK,EAAEsD,MAAM,CAACtD,KAAM;MACpBkD,OAAO,EAAEA,OAAQ;MACjBG,OAAO,EAAEA,OAAQ;MACjBD,QAAQ,EAAEA,QAAS;MACnB6C,UAAU,EAAE3C,MAAM,CAAC1C,KAAM;MACzBM,MAAM,EAAEA;IAAO,CAChB;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,MAAMgF,cAAc,gBAAGzH,IAAI,CAACuE,uBAAuB,CAAmC;AAE7F,MAAMf,MAAM,GAAGnD,UAAU,CAACqH,MAAM,CAAC;EAC/BH,IAAI,EAAE;IAAEvE,KAAK,EAAE;EAAO,CAAC;EACvBwD,OAAO,EAAE;IAAEmB,WAAW,EAAE,CAAC,cAAc;EAAE,CAAC;EAC1C;EACAZ,SAAS,EAAE;IAAEa,SAAS,EAAE,SAAS;IAAEC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEd,GAAG,EAAE,EAAE;IAAEF,QAAQ,EAAE;EAAE,CAAC;EACrGG,SAAS,EAAE;IAAEJ,IAAI,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC;IAAEE,GAAG,EAAE;EAAE,CAAC;EAC3CjD,KAAK,EAAE;IACLf,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVe,YAAY,EAAE,CAAC;IACf+D,QAAQ,EAAE,QAAQ;IAClBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACD7D,UAAU,EAAE;IAAEpB,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE;EAAO,CAAC;EAC7CpB,KAAK,EAAE;IAAEiF,QAAQ,EAAE,EAAE;IAAE7D,MAAM,EAAE,EAAE;IAAE6E,UAAU,EAAE,UAAU;IAAEE,cAAc,EAAE;EAAS;AACtF,CAAC,CAAC","ignoreList":[]}