@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/media-header/ArtistStats.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArtistStats = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../typography/index.js");
+var _parts = require("./parts.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 row of figures: the value title-1-bold over its label body-regular muted,
+ * 32 apart, wrapping. Each figure is one accessible element ("1,204,331 Followers").
+ */
+
+function ArtistStatsComponent({
+  stats,
+  style,
+  testID
+}) {
+  const paint = (0, _parts.useMediaHeaderPaint)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      columnGap: 32,
+      rowGap: 16
+    }, style],
+    testID: testID,
+    children: stats.map((stat, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      accessible: true,
+      accessibilityLabel: `${stat.value} ${stat.label}`,
+      style: {
+        gap: 2
+      },
+      testID: testID ? `${testID}-${i}` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "title-1-bold",
+        style: {
+          color: paint.text
+        },
+        children: stat.value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-regular",
+        style: {
+          color: paint.textMuted
+        },
+        children: stat.label
+      })]
+    }, `${stat.label}-${i}`))
+  });
+}
+const ArtistStats = exports.ArtistStats = /*#__PURE__*/(0, _react.memo)(ArtistStatsComponent);
+ArtistStats.displayName = 'ArtistStats';
+//# sourceMappingURL=ArtistStats.js.map

package/lib/commonjs/media-header/ArtistStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArtistStatsComponent","stats","style","testID","paint","useMediaHeaderPaint","jsx","View","flexDirection","flexWrap","columnGap","rowGap","children","map","stat","jsxs","accessible","accessibilityLabel","value","label","gap","undefined","Text","variant","color","text","textMuted","ArtistStats","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/ArtistStats.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-header/AudiobookHeader.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudiobookHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../rating/index.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.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); }
+/**
+ * The header of an audiobook.
+ *
+ *   band     2:3 cover 200×300 (narrow 160×240 centred), radius 6 · "Audiobook"
+ *            · title (display steps) · author link (title-3-semibold) ·
+ *            narrator (body-medium muted) · duration • chapters · rating
+ *   progress bar 200 + "4 h 10 min left", under the meta, when `progress` is set
+ */
+
+function AudiobookHeaderComponent({
+  title,
+  cover,
+  typeLabel = 'Audiobook',
+  author,
+  onAuthorPress,
+  narrator,
+  duration,
+  chapters,
+  progress,
+  progressLabel,
+  rating,
+  ratingCount,
+  artworkColor,
+  actions,
+  headingLevel = 1,
+  style,
+  testID
+}) {
+  const paint = (0, _parts.useMediaHeaderPaint)(artworkColor);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaHeaderFrame, {
+    paint: paint,
+    style: style,
+    testID: testID,
+    actions: actions,
+    coverWidth: wide => wide ? 200 : 160,
+    cover: ({
+      wide
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Cover, {
+      source: cover,
+      size: wide ? 200 : 160,
+      shape: "book",
+      paint: paint,
+      testID: testID ? `${testID}-cover` : undefined
+    }),
+    children: ({
+      textWidth
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-medium",
+        style: {
+          color: paint.onBand
+        },
+        children: typeLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.HeaderTitle, {
+        variant: (0, _shared.selectTitleVariant)(title, textWidth),
+        color: paint.onBand,
+        level: headingLevel,
+        numberOfLines: 3,
+        testID: testID ? `${testID}-title` : undefined,
+        children: title
+      }), author ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexDirection: 'row'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.InlineLink, {
+          label: author,
+          onPress: onAuthorPress,
+          color: paint.onBand,
+          variant: "title-3-semibold",
+          ring: paint.ring,
+          testID: testID ? `${testID}-author` : undefined
+        })
+      }) : null, narrator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-medium",
+        style: {
+          color: paint.onBandMuted
+        },
+        children: narrator
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          alignItems: 'center',
+          gap: 8,
+          marginTop: 4
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MetaLine, {
+          segments: [duration, chapters],
+          color: paint.onBand,
+          mutedColor: paint.onBandMuted,
+          ring: paint.ring
+        }), rating !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            paddingLeft: 4
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+            value: rating,
+            count: ratingCount,
+            testID: testID ? `${testID}-rating` : undefined
+          })
+        }) : null]
+      }), progress !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8,
+          marginTop: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.ProgressBar, {
+          value: progress,
+          label: "Listening progress",
+          fill: paint.onBand,
+          rail: paint.bandRail,
+          width: 200,
+          testID: testID ? `${testID}-progress` : undefined
+        }), progressLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "body-2-medium",
+          style: {
+            color: paint.onBandMuted
+          },
+          children: progressLabel
+        }) : null]
+      }) : null]
+    })
+  });
+}
+const AudiobookHeader = exports.AudiobookHeader = /*#__PURE__*/(0, _react.memo)(AudiobookHeaderComponent);
+AudiobookHeader.displayName = 'AudiobookHeader';
+//# sourceMappingURL=AudiobookHeader.js.map

package/lib/commonjs/media-header/AudiobookHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AudiobookHeaderComponent","title","cover","typeLabel","author","onAuthorPress","narrator","duration","chapters","progress","progressLabel","rating","ratingCount","artworkColor","actions","headingLevel","style","testID","paint","useMediaHeaderPaint","jsx","MediaHeaderFrame","coverWidth","wide","Cover","source","size","shape","undefined","children","textWidth","jsxs","Fragment","Text","variant","color","onBand","HeaderTitle","selectTitleVariant","level","numberOfLines","View","flexDirection","InlineLink","label","onPress","ring","onBandMuted","flexWrap","alignItems","gap","marginTop","MetaLine","segments","mutedColor","paddingLeft","Rating","value","count","ProgressBar","fill","rail","bandRail","width","AudiobookHeader","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/AudiobookHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-header/CollectionHeader.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollectionHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiPencilLine = require("../icons/remix/RiPencilLine.js");
+var _tokens = require("../styles/tokens.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _parts = require("./parts.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); }
+/**
+ * The header of an album, single, EP, playlist, liked songs or audiobook page.
+ *
+ *              wide (≥ 600)                      narrow
+ *   cover      232, radius 6, drop shadow        240 centred (never wider than the band)
+ *   type       body-medium, on-band              same
+ *   title      large-title … title-1 bold,       display-4 … title-1
+ *              by length and width (see `selectTitleVariant`)
+ *   desc.      body-regular, muted, 2 lines
+ *   meta       avatars 24 · names (links) · year · summary · saves
+ *
+ * The band runs from the tinted artwork colour to 55% of it over the page, and
+ * the `actions` area continues that fade into the page. Text on the band is the
+ * theme's text or background colour — whichever reads better over both ends.
+ *
+ * `variant="liked"`: the cover is the accent gradient with a heart and the band
+ * is tinted from the accent.
+ *
+ * `editable`: a pencil badge sits on the cover (on web the cover also darkens
+ * with "Edit" on hover) and the cover and the title press to `onEdit`.
+ */
+
+function CollectionHeaderComponent({
+  typeLabel,
+  title,
+  description,
+  cover,
+  variant = 'default',
+  owners,
+  year,
+  summary,
+  saves,
+  editable = false,
+  onEdit,
+  editLabel = 'Edit details',
+  artworkColor,
+  actions,
+  headingLevel = 1,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const liked = variant === 'liked';
+  const likedStops = (0, _react.useMemo)(() => (0, _shared.resolveLikedGradient)(theme), [theme]);
+  const paint = (0, _parts.useMediaHeaderPaint)(liked ? likedStops[0] : artworkColor);
+  const {
+    state: coverHovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const canEdit = editable && !!onEdit;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaHeaderFrame, {
+    paint: paint,
+    style: style,
+    testID: testID,
+    actions: actions,
+    coverWidth: wide => wide ? 232 : 240,
+    cover: ({
+      wide,
+      width
+    }) => {
+      const size = wide ? 232 : Math.min(240, width - 64);
+      const art = /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Cover, {
+        source: cover,
+        size: size,
+        liked: liked,
+        paint: paint,
+        testID: testID ? `${testID}-cover` : undefined,
+        children: canEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: _shared.IS_WEB && coverHovered ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            pointerEvents: "none",
+            style: {
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              borderRadius: 6,
+              backgroundColor: 'rgba(0, 0, 0, 0.55)',
+              alignItems: 'center',
+              justifyContent: 'center',
+              gap: 8
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiPencilLine.RiPencilLine, {
+              width: 40,
+              height: 40,
+              fill: "#ffffff"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+              variant: "body-semibold",
+              style: {
+                color: '#ffffff'
+              },
+              children: editLabel
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            pointerEvents: "none",
+            style: {
+              position: 'absolute',
+              right: 8,
+              bottom: 8,
+              width: 32,
+              height: 32,
+              borderRadius: _tokens.borderRadius.full,
+              backgroundColor: 'rgba(0, 0, 0, 0.6)',
+              alignItems: 'center',
+              justifyContent: 'center'
+            },
+            testID: testID ? `${testID}-edit-badge` : undefined,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiPencilLine.RiPencilLine, {
+              width: 16,
+              height: 16,
+              fill: "#ffffff"
+            })
+          })
+        }) : null
+      });
+      if (!canEdit) return art;
+      const press = {
+        borderRadius: 6,
+        '--bloom-media-header-ring': paint.ring
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        ...(0, _webData.webDataSet)({
+          bloomMediaHeaderPress: ''
+        }),
+        role: "button",
+        accessibilityLabel: editLabel,
+        onPress: onEdit,
+        onHoverIn: onIn,
+        onHoverOut: onOut,
+        style: press,
+        testID: testID ? `${testID}-edit` : undefined,
+        children: art
+      });
+    },
+    children: ({
+      wide,
+      textWidth
+    }) => {
+      const titleVariant = (0, _shared.selectTitleVariant)(title, textWidth);
+      const titlePress = {
+        alignSelf: 'flex-start',
+        borderRadius: 4,
+        '--bloom-media-header-ring': paint.ring
+      };
+      const heading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.HeaderTitle, {
+        variant: titleVariant,
+        color: paint.onBand,
+        level: headingLevel,
+        numberOfLines: 3,
+        testID: testID ? `${testID}-title` : undefined,
+        children: title
+      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-medium",
+          style: {
+            color: paint.onBand
+          },
+          children: typeLabel
+        }), canEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          ...(0, _webData.webDataSet)({
+            bloomMediaHeaderPress: ''
+          }),
+          role: "button",
+          accessibilityLabel: `${editLabel}: ${title}`,
+          onPress: onEdit,
+          style: titlePress,
+          children: heading
+        }) : heading, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-regular",
+          numberOfLines: 2,
+          style: {
+            color: paint.onBandMuted
+          },
+          children: description
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            marginTop: wide ? 8 : 4
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MetaLine, {
+            people: owners,
+            segments: [year, summary, saves],
+            color: paint.onBand,
+            mutedColor: paint.onBandMuted,
+            ring: paint.ring,
+            testID: testID ? `${testID}-meta` : undefined
+          })
+        })]
+      });
+    }
+  });
+}
+const CollectionHeader = exports.CollectionHeader = /*#__PURE__*/(0, _react.memo)(CollectionHeaderComponent);
+CollectionHeader.displayName = 'CollectionHeader';
+//# sourceMappingURL=CollectionHeader.js.map

package/lib/commonjs/media-header/CollectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInteractionState","_RiPencilLine","_tokens","_webData","_useTheme","_index","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionHeaderComponent","typeLabel","title","description","cover","variant","owners","year","summary","saves","editable","onEdit","editLabel","artworkColor","actions","headingLevel","style","testID","theme","useTheme","liked","likedStops","useMemo","resolveLikedGradient","paint","useMediaHeaderPaint","state","coverHovered","onIn","onOut","useInteractionState","canEdit","jsx","MediaHeaderFrame","coverWidth","wide","width","size","Math","min","art","Cover","source","undefined","children","Fragment","IS_WEB","jsxs","View","pointerEvents","position","top","left","right","bottom","borderRadius","backgroundColor","alignItems","justifyContent","gap","RiPencilLine","height","fill","Text","color","full","press","ring","Pressable","webDataSet","bloomMediaHeaderPress","role","accessibilityLabel","onPress","onHoverIn","onHoverOut","textWidth","titleVariant","selectTitleVariant","titlePress","alignSelf","heading","HeaderTitle","onBand","level","numberOfLines","onBandMuted","marginTop","MetaLine","people","segments","mutedColor","CollectionHeader","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/CollectionHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-header/DiscographyFilter.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DiscographyFilter = exports.DEFAULT_DISCOGRAPHY_OPTIONS = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../chip/index.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _webData = require("../styles/web-data.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.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); }
+/**
+ * The heading and chips over an artist's discography.
+ *
+ *   heading    title-1-bold, with a "Show all" link at the right
+ *   chips      `Chip` medium; the chosen one is `selected` (aria-pressed)
+ */
+
+const DEFAULT_DISCOGRAPHY_OPTIONS = exports.DEFAULT_DISCOGRAPHY_OPTIONS = [{
+  value: 'albums',
+  label: 'Albums'
+}, {
+  value: 'singles',
+  label: 'Singles and EPs'
+}, {
+  value: 'compilations',
+  label: 'Compilations'
+}];
+function DiscographyFilterComponent({
+  value,
+  onValueChange,
+  options = DEFAULT_DISCOGRAPHY_OPTIONS,
+  title = 'Discography',
+  onShowAll,
+  showAllLabel = 'Show all',
+  style,
+  testID
+}) {
+  const paint = (0, _parts.useMediaHeaderPaint)();
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const linkStyle = {
+    borderRadius: 4,
+    '--bloom-media-header-ring': paint.ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 12
+    }, style],
+    testID: testID,
+    children: [title !== null || onShowAll ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        gap: 12
+      },
+      children: [title !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "title-1-bold",
+        role: "heading",
+        "aria-level": 2,
+        style: {
+          color: paint.text
+        },
+        children: title
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), onShowAll ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        ...(0, _webData.webDataSet)({
+          bloomMediaHeaderPress: ''
+        }),
+        role: "link",
+        accessibilityLabel: showAllLabel,
+        onPress: onShowAll,
+        onHoverIn: onIn,
+        onHoverOut: onOut,
+        style: linkStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "body-semibold",
+          style: {
+            color: paint.textMuted,
+            textDecorationLine: hovered ? 'underline' : 'none'
+          },
+          children: showAllLabel
+        })
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8
+      },
+      children: options.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+        size: "medium",
+        selected: option.value === value,
+        onPress: () => onValueChange(option.value),
+        accessibilityLabel: option.label,
+        testID: testID ? `${testID}-${option.value}` : undefined,
+        children: option.label
+      }, option.value))
+    })]
+  });
+}
+const DiscographyFilter = exports.DiscographyFilter = /*#__PURE__*/(0, _react.memo)(DiscographyFilterComponent);
+DiscographyFilter.displayName = 'DiscographyFilter';
+//# sourceMappingURL=DiscographyFilter.js.map

package/lib/commonjs/media-header/DiscographyFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useInteractionState","_webData","_index2","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_DISCOGRAPHY_OPTIONS","exports","value","label","DiscographyFilterComponent","onValueChange","options","title","onShowAll","showAllLabel","style","testID","paint","useMediaHeaderPaint","state","hovered","onIn","onOut","useInteractionState","linkStyle","borderRadius","ring","jsxs","View","gap","children","flexDirection","alignItems","justifyContent","jsx","Text","variant","role","color","text","Pressable","webDataSet","bloomMediaHeaderPress","accessibilityLabel","onPress","onHoverIn","onHoverOut","textMuted","textDecorationLine","flexWrap","map","option","Chip","size","selected","undefined","DiscographyFilter","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/DiscographyFilter.tsx"],"mappings":"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","ignoreList":[]}