@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/lyrics/LyricsParts.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LyricsLineRow = exports.BREAK_DOTS = void 0;
+exports.LyricsPill = LyricsPill;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _tokens = require("../styles/tokens.js");
+var _webData = require("../styles/web-data.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); }
+/** Drawn for a blank synced line. */
+const BREAK_DOTS = exports.BREAK_DOTS = '•  •  •';
+
+/** Where a line sits relative to playback. `plain` is unsynced text. */
+
+/**
+ * One line. Colour carries the state (past dimmed, active full, upcoming
+ * secondary) and the active line takes the heavier weight. Hovering a
+ * seekable line draws it in the active colour — a colour change only.
+ */
+function LyricsLineRowComponent({
+  line,
+  index,
+  state,
+  variant,
+  palette,
+  onSeekLine,
+  onLineLayout,
+  gapHeight,
+  testID
+}) {
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const seekable = !!onSeekLine && state !== 'plain';
+  const blank = line.text.trim().length === 0;
+  const color = state === 'active' || state === 'plain' || seekable && hovered ? palette.active : state === 'past' ? palette.past : palette.upcoming;
+  const onLayout = onLineLayout ? event => onLineLayout(index, event) : undefined;
+  const rowStyle = {
+    alignSelf: 'flex-start',
+    maxWidth: '100%',
+    minHeight: blank ? gapHeight : undefined,
+    justifyContent: 'center',
+    borderRadius: 8
+  };
+
+  // A blank line is a gap — a verse break, or in synced lyrics an instrumental
+  // break, which draws three dots while it is the active line.
+  const content = !blank ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    variant: variant,
+    style: {
+      color
+    },
+    children: line.text
+  }) : state !== 'active' ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    variant: "caption-1-bold",
+    style: {
+      color
+    },
+    children: BREAK_DOTS
+  });
+  if (!seekable || blank) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...(0, _webData.webDataSet)({
+        bloomLyricsLine: state
+      }),
+      onLayout: onLayout,
+      style: rowStyle,
+      testID: testID,
+      ...(state === 'active' && _shared.IS_WEB ? {
+        'aria-current': 'true'
+      } : null),
+      children: content
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomLyricsLine: 'seek',
+      bloomLyricsState: state
+    }),
+    role: "button",
+    accessibilityLabel: line.text,
+    ...(state === 'active' && _shared.IS_WEB ? {
+      'aria-current': 'true'
+    } : null),
+    onPress: () => onSeekLine?.(line, index),
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    onLayout: onLayout,
+    style: rowStyle,
+    testID: testID,
+    children: content
+  });
+}
+const LyricsLineRow = exports.LyricsLineRow = /*#__PURE__*/(0, _react.memo)(LyricsLineRowComponent);
+/**
+ * The pill button the lyrics draw on their own background: filled in the
+ * active text colour with the background as its label, so it keeps the same
+ * contrast as the active line whatever `artworkColor` produced.
+ */
+function LyricsPill({
+  label,
+  onPress,
+  palette,
+  style,
+  testID
+}) {
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const pillStyle = {
+    height: 36,
+    paddingLeft: 16,
+    paddingRight: 16,
+    borderRadius: _tokens.borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: hovered || pressed ? palette.pillHover : palette.pill,
+    '--bloom-lyrics-ring': palette.ring,
+    ...(_shared.IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '150ms'
+    } : null)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomLyricsPill: ''
+    }),
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    style: [pillStyle, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-semibold",
+      numberOfLines: 1,
+      style: {
+        color: palette.onPill
+      },
+      children: label
+    })
+  });
+}
+//# sourceMappingURL=LyricsParts.js.map

package/lib/commonjs/lyrics/LyricsParts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInteractionState","_tokens","_webData","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BREAK_DOTS","exports","LyricsLineRowComponent","line","index","state","variant","palette","onSeekLine","onLineLayout","gapHeight","testID","hovered","onIn","onOut","useInteractionState","seekable","blank","text","trim","length","color","active","past","upcoming","onLayout","event","undefined","rowStyle","alignSelf","maxWidth","minHeight","justifyContent","borderRadius","content","jsx","Text","style","children","View","webDataSet","bloomLyricsLine","IS_WEB","Pressable","bloomLyricsState","role","accessibilityLabel","onPress","onHoverIn","onHoverOut","LyricsLineRow","memo","LyricsPill","label","pressed","onPressIn","onPressOut","pillStyle","height","paddingLeft","paddingRight","full","alignItems","backgroundColor","pillHover","pill","ring","transitionProperty","transitionDuration","bloomLyricsPill","numberOfLines","onPill"],"sourceRoot":"../../../src","sources":["lyrics/LyricsParts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/lyrics/LyricsPreviewCard.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LyricsPreviewCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _LyricsParts = require("./LyricsParts.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); }
+/**
+ * A card with a few lines of the lyrics around the one playing, for a
+ * now-playing screen below the fold.
+ *
+ *   card      radius 16, padding 20, the lyrics background (`artworkColor`
+ *             shade or the neutral surface)
+ *   heading   headline-bold, active colour
+ *   lines     title-3 (18/26) semibold, the active one bold; 4 or 5 of them,
+ *             the active line second from the top
+ *   footer    "Show lyrics" pill (left) and the provider text
+ *
+ * The window moves one line at a time with playback — the lines do not
+ * animate. Unsynced lyrics show their first lines in the full colour.
+ */
+function LyricsPreviewCardComponent({
+  lines: linesProp,
+  text,
+  currentTime,
+  artworkColor,
+  title = 'Lyrics',
+  visibleLines = 5,
+  onShowLyrics,
+  showLyricsLabel = 'Show lyrics',
+  onSeekLine,
+  providerText,
+  emptyText = _shared.DEFAULT_EMPTY_TEXT,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared.LYRICS_STYLE_ID, _shared.LYRICS_CSS);
+  }, []);
+  const palette = (0, _react.useMemo)(() => (0, _shared.resolveLyricsPalette)(theme, artworkColor), [theme, artworkColor]);
+  const {
+    lines,
+    synced
+  } = (0, _react.useMemo)(() => (0, _shared.normalizeLyricLines)(linesProp, text), [linesProp, text]);
+  const active = synced ? (0, _shared.activeLyricIndex)(lines, currentTime) : -1;
+  // Unsynced text has blank separators between verses; a preview skips them.
+  const pool = synced ? lines : lines.filter(line => line.text.trim().length > 0);
+  const {
+    start,
+    end
+  } = (0, _shared.lyricsPreviewWindow)(pool.length, active, visibleLines);
+  const cardStyle = {
+    borderRadius: 16,
+    paddingTop: 20,
+    paddingBottom: 20,
+    paddingLeft: 20,
+    paddingRight: 20,
+    gap: 16,
+    backgroundColor: palette.background,
+    '--bloom-lyrics-ring': palette.ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "region",
+    accessibilityLabel: title,
+    style: [cardStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "headline-bold",
+      style: {
+        color: palette.active
+      },
+      children: title
+    }), pool.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-medium",
+      style: {
+        color: palette.upcoming
+      },
+      children: emptyText
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        gap: 6
+      },
+      children: pool.slice(start, end).map((line, offset) => {
+        const index = start + offset;
+        const state = !synced ? 'plain' : index === active ? 'active' : index < active ? 'past' : 'upcoming';
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LyricsParts.LyricsLineRow, {
+          line: line,
+          index: index,
+          state: state,
+          variant: state === 'active' ? 'title-3-bold' : 'title-3-semibold',
+          palette: palette,
+          onSeekLine: synced ? onSeekLine : undefined,
+          gapHeight: 16,
+          testID: testID ? `${testID}-line-${index}` : undefined
+        }, line.key ?? index);
+      })
+    }), onShowLyrics || providerText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: 12
+      },
+      children: [onShowLyrics ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LyricsParts.LyricsPill, {
+        label: showLyricsLabel,
+        palette: palette,
+        onPress: onShowLyrics,
+        testID: testID ? `${testID}-show` : undefined
+      }) : null, providerText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-regular",
+        style: {
+          color: palette.muted,
+          flexShrink: 1
+        },
+        children: providerText
+      }) : null]
+    }) : null]
+  });
+}
+const LyricsPreviewCard = exports.LyricsPreviewCard = /*#__PURE__*/(0, _react.memo)(LyricsPreviewCardComponent);
+LyricsPreviewCard.displayName = 'LyricsPreviewCard';
+//# sourceMappingURL=LyricsPreviewCard.js.map

package/lib/commonjs/lyrics/LyricsPreviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_adoptStyleSheet","_useTheme","_index","_LyricsParts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LyricsPreviewCardComponent","lines","linesProp","text","currentTime","artworkColor","title","visibleLines","onShowLyrics","showLyricsLabel","onSeekLine","providerText","emptyText","DEFAULT_EMPTY_TEXT","style","testID","theme","useTheme","useEffect","adoptStyleSheet","LYRICS_STYLE_ID","LYRICS_CSS","palette","useMemo","resolveLyricsPalette","synced","normalizeLyricLines","active","activeLyricIndex","pool","filter","line","trim","length","start","end","lyricsPreviewWindow","cardStyle","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","backgroundColor","background","ring","jsxs","View","role","accessibilityLabel","children","jsx","Text","variant","color","upcoming","slice","map","offset","index","state","LyricsLineRow","undefined","gapHeight","key","flexDirection","alignItems","flexWrap","LyricsPill","label","onPress","muted","flexShrink","LyricsPreviewCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["lyrics/LyricsPreviewCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/lyrics/LyricsView.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LyricsView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _scale = require("../typography/scale.js");
+var _LyricsParts = require("./LyricsParts.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); }
+/**
+ * Synced lyrics that follow playback.
+ *
+ *   size     line type                          gap   padding top / sides
+ *   large    display-4 (32/44) semibold · bold  12    32 / 32
+ *   medium   title-1 (24/34) semibold · bold    8     20 / 24
+ *   small    title-2 (20/26) semibold · bold    8     20 / 20
+ *
+ *   past      the text colour mixed toward the background (≥ 3:1)
+ *   active    the full text colour, bold
+ *   upcoming  mixed less (≥ 4.5:1)
+ *
+ * `size` defaults by width: `large` from 720, `medium` from 480, `small` below. Only colour and weight change
+ * with playback — no line grows, moves or scales.
+ *
+ * Auto-scroll keeps the active line's centre `anchor` (1/3) down the view. A
+ * user scroll (drag, wheel or any scroll the view did not start) pauses it
+ * for `resumeDelay` ms and shows a "Back to current line" pill; pressing it,
+ * or the delay passing, scrolls back. Reduced motion jumps instead of
+ * animating. The bottom is padded by the rest of the view's height so the last
+ * line can reach the anchor too.
+ *
+ * Lines without times draw as plain text in the full colour: nothing scrolls
+ * and nothing seeks.
+ *
+ * Accessibility: a `region` named "Lyrics". With `onSeekLine`, each synced
+ * line is a `button` named by its words; the active line carries
+ * `aria-current` on web.
+ */
+
+/** How long a programmatic scroll's own scroll events are ignored, in ms. */
+const PROGRAMMATIC_WINDOW_MS = 1000;
+function LyricsViewComponent({
+  lines: linesProp,
+  text,
+  currentTime,
+  onSeekLine,
+  artworkColor,
+  providerText,
+  footer,
+  emptyText = _shared.DEFAULT_EMPTY_TEXT,
+  backToCurrentLabel = 'Back to current line',
+  resumeDelay = 3000,
+  anchor = 1 / 3,
+  size: sizeProp,
+  accessibilityLabel = 'Lyrics',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared.LYRICS_STYLE_ID, _shared.LYRICS_CSS);
+  }, []);
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const palette = (0, _react.useMemo)(() => (0, _shared.resolveLyricsPalette)(theme, artworkColor), [theme, artworkColor]);
+  const {
+    lines,
+    synced
+  } = (0, _react.useMemo)(() => (0, _shared.normalizeLyricLines)(linesProp, text), [linesProp, text]);
+  const active = synced ? (0, _shared.activeLyricIndex)(lines, currentTime) : -1;
+  const [width, setWidth] = (0, _react.useState)(0);
+  const [viewport, setViewport] = (0, _react.useState)(0);
+  const size = sizeProp ?? (0, _shared.lyricsSizeForWidth)(width);
+  const large = size === 'large';
+  const gap = large ? 12 : 8;
+  const paddingH = large ? 32 : size === 'medium' ? 24 : 20;
+  const paddingTop = large ? 32 : 20;
+  const scrollRef = (0, _react.useRef)(null);
+  const layouts = (0, _react.useRef)(new Map());
+  const offset = (0, _react.useRef)(0);
+  const content = (0, _react.useRef)(0);
+  const programmaticUntil = (0, _react.useRef)(0);
+  const expected = (0, _react.useRef)(null);
+  const resumeTimer = (0, _react.useRef)(null);
+  const [detached, setDetached] = (0, _react.useState)(false);
+  const scrollToActive = (0, _react.useCallback)(animated => {
+    if (active < 0 || viewport <= 0) return;
+    const layout = layouts.current.get(active);
+    if (!layout) return;
+    const target = (0, _shared.lyricsScrollTarget)({
+      lineTop: layout.y,
+      lineHeight: layout.height,
+      viewport,
+      content: content.current,
+      anchor
+    });
+    if (Math.abs(target - offset.current) < 1) return;
+    const animate = animated && !reducedMotion;
+    programmaticUntil.current = Date.now() + (animate ? PROGRAMMATIC_WINDOW_MS : 100);
+    expected.current = target;
+    scrollRef.current?.scrollTo({
+      y: target,
+      animated: animate
+    });
+  }, [active, viewport, anchor, reducedMotion]);
+
+  // Follow the active line while attached. The first placement never animates.
+  const placed = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (detached) return;
+    scrollToActive(placed.current);
+    if (layouts.current.has(active) && viewport > 0) placed.current = true;
+  }, [active, detached, scrollToActive, viewport]);
+  (0, _react.useEffect)(() => () => {
+    if (resumeTimer.current) clearTimeout(resumeTimer.current);
+  }, []);
+  const attach = (0, _react.useCallback)(() => {
+    if (resumeTimer.current) clearTimeout(resumeTimer.current);
+    resumeTimer.current = null;
+    setDetached(false);
+  }, []);
+  const noteUserScroll = (0, _react.useCallback)(() => {
+    if (!synced) return;
+    programmaticUntil.current = 0;
+    expected.current = null;
+    setDetached(true);
+    if (resumeTimer.current) clearTimeout(resumeTimer.current);
+    resumeTimer.current = setTimeout(() => {
+      resumeTimer.current = null;
+      setDetached(false);
+    }, resumeDelay);
+  }, [synced, resumeDelay]);
+  const onScroll = (0, _react.useCallback)(event => {
+    const y = event.nativeEvent.contentOffset.y;
+    offset.current = y;
+    if (Date.now() < programmaticUntil.current) return;
+    if (expected.current !== null && Math.abs(y - expected.current) < 2) return;
+    noteUserScroll();
+  }, [noteUserScroll]);
+  const onLineLayout = (0, _react.useCallback)((index, event) => {
+    const {
+      y,
+      height
+    } = event.nativeEvent.layout;
+    layouts.current.set(index, {
+      y,
+      height
+    });
+    if (index === active && !detached) scrollToActive(placed.current);
+    if (index === active) placed.current = true;
+  }, [active, detached, scrollToActive]);
+  const onRootLayout = (0, _react.useCallback)(event => {
+    const {
+      width: w,
+      height: h
+    } = event.nativeEvent.layout;
+    setWidth(w);
+    setViewport(h);
+  }, []);
+  const gapHeight = Math.max(16, _scale.TYPE_SCALE[(0, _shared.lyricLineVariant)(size, false)].lineHeight / 2);
+  const empty = lines.length === 0;
+  const rootStyle = {
+    flex: 1,
+    minHeight: 0,
+    overflow: 'hidden',
+    backgroundColor: palette.background,
+    '--bloom-lyrics-ring': palette.ring
+  };
+  const footerNode = footer ?? (providerText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    variant: "caption-1-regular",
+    style: {
+      color: palette.muted
+    },
+    children: providerText
+  }) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "region",
+    accessibilityLabel: accessibilityLabel,
+    onLayout: onRootLayout,
+    style: [rootStyle, style],
+    testID: testID,
+    children: [empty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 24
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "title-3-semibold",
+        style: {
+          color: palette.upcoming,
+          textAlign: 'center'
+        },
+        children: emptyText
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      ref: scrollRef,
+      ...(0, _webData.webDataSet)({
+        bloomLyricsScroll: ''
+      }),
+      showsVerticalScrollIndicator: false,
+      scrollEventThrottle: 16,
+      onScroll: onScroll,
+      onScrollBeginDrag: noteUserScroll
+      // Web: a wheel or touch drag is the user's even while an animated
+      // auto-scroll's own events are still being ignored.
+      ,
+      ...(_shared.IS_WEB ? {
+        onWheel: noteUserScroll,
+        onTouchMove: noteUserScroll
+      } : null),
+      onContentSizeChange: (_w, h) => {
+        content.current = h;
+      },
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: {
+        gap,
+        paddingTop,
+        paddingLeft: paddingH,
+        paddingRight: paddingH,
+        paddingBottom: synced ? Math.max(paddingTop, viewport * (1 - anchor)) : paddingTop
+      },
+      testID: testID ? `${testID}-scroll` : undefined,
+      children: [lines.map((line, index) => {
+        const state = !synced ? 'plain' : index === active ? 'active' : index < active ? 'past' : 'upcoming';
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LyricsParts.LyricsLineRow, {
+          line: line,
+          index: index,
+          state: state,
+          variant: (0, _shared.lyricLineVariant)(size, synced && index === active),
+          palette: palette,
+          onSeekLine: synced ? onSeekLine : undefined,
+          onLineLayout: synced ? onLineLayout : undefined,
+          gapHeight: gapHeight,
+          testID: testID ? `${testID}-line-${index}` : undefined
+        }, line.key ?? index);
+      }), footerNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          marginTop: large ? 32 : 24
+        },
+        children: footerNode
+      }) : null]
+    }), detached && synced && active >= 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        bottom: 24,
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LyricsParts.LyricsPill, {
+        label: backToCurrentLabel,
+        palette: palette,
+        onPress: () => {
+          attach();
+          scrollToActive(true);
+        },
+        testID: testID ? `${testID}-back` : undefined
+      })
+    }) : null]
+  });
+}
+const LyricsView = exports.LyricsView = /*#__PURE__*/(0, _react.memo)(LyricsViewComponent);
+LyricsView.displayName = 'LyricsView';
+//# sourceMappingURL=LyricsView.js.map

package/lib/commonjs/lyrics/LyricsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_adoptStyleSheet","_webData","_useTheme","_index","_scale","_LyricsParts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PROGRAMMATIC_WINDOW_MS","LyricsViewComponent","lines","linesProp","text","currentTime","onSeekLine","artworkColor","providerText","footer","emptyText","DEFAULT_EMPTY_TEXT","backToCurrentLabel","resumeDelay","anchor","size","sizeProp","accessibilityLabel","style","testID","theme","useTheme","useEffect","adoptStyleSheet","LYRICS_STYLE_ID","LYRICS_CSS","reducedMotion","useReducedMotion","palette","useMemo","resolveLyricsPalette","synced","normalizeLyricLines","active","activeLyricIndex","width","setWidth","useState","viewport","setViewport","lyricsSizeForWidth","large","gap","paddingH","paddingTop","scrollRef","useRef","layouts","Map","offset","content","programmaticUntil","expected","resumeTimer","detached","setDetached","scrollToActive","useCallback","animated","layout","current","target","lyricsScrollTarget","lineTop","y","lineHeight","height","Math","abs","animate","Date","now","scrollTo","placed","clearTimeout","attach","noteUserScroll","setTimeout","onScroll","event","nativeEvent","contentOffset","onLineLayout","index","onRootLayout","w","h","gapHeight","max","TYPE_SCALE","lyricLineVariant","empty","length","rootStyle","flex","minHeight","overflow","backgroundColor","background","ring","footerNode","jsx","Text","variant","color","muted","children","jsxs","View","role","onLayout","alignItems","justifyContent","padding","upcoming","textAlign","ScrollView","ref","webDataSet","bloomLyricsScroll","showsVerticalScrollIndicator","scrollEventThrottle","onScrollBeginDrag","IS_WEB","onWheel","onTouchMove","onContentSizeChange","_w","contentContainerStyle","paddingLeft","paddingRight","paddingBottom","undefined","map","line","state","LyricsLineRow","key","marginTop","pointerEvents","position","left","right","bottom","LyricsPill","label","onPress","LyricsView","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["lyrics/LyricsView.tsx"],"mappings":"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","ignoreList":[]}