@oxy.so/bloom 2.8.0 → 2.10.0

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

@@ -0,0 +1,136 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BarListCard } from "../chart-cards/BarListCard.js";
+import { RadialChartCard } from "../chart-cards/RadialChartCard.js";
+import { groupThousands } from "../chart-cards/primitives/format.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * `AudienceBreakdown`: who is listening and where they came from, as four
+ * chart cards laid out on the container's own width.
+ *
+ *   locations  `BarListCard` — Cities / Countries tabs, share of listeners
+ *   age        `BarListCard` — one row per age group, share of listeners
+ *   gender     `RadialChartCard` `stacked` — the half-gauge donut
+ *   sources    `RadialChartCard` `stacked` — the half-gauge donut with a legend
+ *
+ * Two columns (16 apart) from 720px of its own width, one below. Every card
+ * keeps its own hover, motion and accessible summary.
+ */
+
+export const AUDIENCE_BREAKDOWN_LABELS = {
+  locations: 'Top locations',
+  cities: 'Cities',
+  countries: 'Countries',
+  age: 'Age',
+  gender: 'Gender',
+  sources: 'Listening sources',
+  metric: 'Listeners'
+};
+const TWO_COLUMNS_FROM = 720;
+const GAP = 16;
+function AudienceBreakdownComponent({
+  cities,
+  countries,
+  ages,
+  genders,
+  sources,
+  range,
+  format = groupThousands,
+  labels: labelOverrides,
+  style,
+  testID
+}) {
+  const labels = {
+    ...AUDIENCE_BREAKDOWN_LABELS,
+    ...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 twoColumns = width >= TWO_COLUMNS_FROM;
+  // Equal shares in a row only: a zero basis in a column collapses an auto-height card.
+  const cell = twoColumns ? styles.cell : undefined;
+  const tabs = useMemo(() => [{
+    id: 'cities',
+    label: labels.cities,
+    items: cities
+  }, {
+    id: 'countries',
+    label: labels.countries,
+    items: countries
+  }], [labels.cities, labels.countries, cities, countries]);
+  const locations = /*#__PURE__*/_jsx(BarListCard, {
+    tabs: tabs,
+    metricLabel: labels.metric,
+    format: format,
+    style: cell,
+    testID: testID ? `${testID}-locations` : undefined
+  });
+  const age = /*#__PURE__*/_jsx(BarListCard, {
+    title: labels.age,
+    items: ages,
+    metricLabel: labels.metric,
+    format: format,
+    limit: Math.max(5, ages.length),
+    style: cell,
+    testID: testID ? `${testID}-age` : undefined
+  });
+  const gender = /*#__PURE__*/_jsx(RadialChartCard, {
+    variant: "stacked",
+    title: labels.gender,
+    data: genders,
+    range: range,
+    format: format,
+    style: cell,
+    testID: testID ? `${testID}-gender` : undefined
+  });
+  const source = /*#__PURE__*/_jsx(RadialChartCard, {
+    variant: "stacked",
+    title: labels.sources,
+    data: sources,
+    range: range,
+    format: format,
+    style: cell,
+    testID: testID ? `${testID}-sources` : undefined
+  });
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: [styles.root, style],
+    children: twoColumns ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.row,
+        children: [locations, source]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.row,
+        children: [age, gender]
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [locations, source, age, gender]
+    })
+  });
+}
+export const AudienceBreakdown = /*#__PURE__*/memo(AudienceBreakdownComponent);
+AudienceBreakdown.displayName = 'AudienceBreakdown';
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    gap: GAP
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    gap: GAP
+  },
+  cell: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: 0
+  }
+});
+//# sourceMappingURL=AudienceBreakdown.js.map

package/lib/module/creator-studio/AudienceBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","StyleSheet","View","BarListCard","RadialChartCard","groupThousands","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AUDIENCE_BREAKDOWN_LABELS","locations","cities","countries","age","gender","sources","metric","TWO_COLUMNS_FROM","GAP","AudienceBreakdownComponent","ages","genders","range","format","labels","labelOverrides","style","testID","width","setWidth","onLayout","event","next","Math","round","nativeEvent","layout","prev","twoColumns","cell","styles","undefined","tabs","id","label","items","metricLabel","title","limit","max","length","variant","data","source","root","children","row","AudienceBreakdown","displayName","create","gap","flexDirection","alignItems","flexGrow","flexShrink","flexBasis","minWidth"],"sourceRoot":"../../../src","sources":["creator-studio/AudienceBreakdown.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Sparkline } from "../chart-cards/primitives/Sparkline.js";
+import { RiBookmarkLine } from "../icons/remix/RiBookmarkLine.js";
+import { RiHeadphoneLine } from "../icons/remix/RiHeadphoneLine.js";
+import { RiPlayLine } from "../icons/remix/RiPlayLine.js";
+import { RiUserFollowLine } from "../icons/remix/RiUserFollowLine.js";
+import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from "../segmented-control/index.js";
+import { StatCards } from "../stat-cards/StatCards.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";
+/**
+ * `AudienceOverview`: the dashboard's opening row — a heading with a period
+ * `SegmentedControl`, over `StatCards` (plain) whose tiles carry a
+ * `Sparkline` accessory.
+ *
+ *   header   heading `headline-semibold` + optional caption `body-2-regular`
+ *            text-secondary; the switcher on the right, top-aligned. Below
+ *            560px of its OWN width the switcher drops under the heading
+ *   gap      16 between the header and the tiles
+ *   tiles    `StatCards` — 2 columns, 4 from a 1024px window
+ *   spark    72 × 28, the trend's status colour (up → positive, down →
+ *            negative, flat → text-tertiary), hidden from assistive tech: the
+ *            value and delta chip already say it
+ */
+
+export const AUDIENCE_PERIODS = [{
+  value: '7d',
+  label: '7 days'
+}, {
+  value: '28d',
+  label: '28 days'
+}, {
+  value: '12m',
+  label: '12 months'
+}, {
+  value: 'all',
+  label: 'All time'
+}];
+const KIND_ICONS = {
+  listeners: RiHeadphoneLine,
+  streams: RiPlayLine,
+  followers: RiUserFollowLine,
+  saves: RiBookmarkLine
+};
+
+/** A trend onto the stat card's delta colour. */
+export const TREND_DELTA_COLORS = {
+  up: 'lime',
+  down: 'rose',
+  flat: 'neutral'
+};
+const TREND_SPARK_TONES = {
+  up: 'positive',
+  down: 'negative',
+  flat: 'neutral'
+};
+
+/** Below this own width the switcher stacks under the heading. */
+const STACK_BELOW = 560;
+function AudienceOverviewComponent({
+  metrics,
+  period,
+  onPeriodChange,
+  periods = AUDIENCE_PERIODS,
+  title = 'Audience',
+  caption,
+  periodLabel = 'Period',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveCreatorStudioPaint(theme), [theme]);
+  const [width, setWidth] = useState(0);
+  const onLayout = useCallback(event => {
+    const next = Math.round(event.nativeEvent.layout.width);
+    setWidth(prev => prev === next ? prev : next);
+  }, []);
+  const stacked = width > 0 && width < STACK_BELOW;
+  const stats = useMemo(() => metrics.map(metric => ({
+    icon: metric.icon ?? KIND_ICONS[metric.kind],
+    label: metric.label,
+    value: metric.value,
+    delta: metric.delta,
+    deltaColor: TREND_DELTA_COLORS[metric.trend],
+    accessory: metric.series && metric.series.length > 1 ? /*#__PURE__*/_jsx(Sparkline, {
+      data: metric.series,
+      tone: TREND_SPARK_TONES[metric.trend]
+    }) : undefined
+  })), [metrics]);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: [styles.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: stacked ? styles.headerStacked : styles.header,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.heading,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "headline-semibold",
+          role: "heading",
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          children: title
+        }), caption ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            color: paint.textSecondary
+          },
+          children: caption
+        }) : null]
+      }), /*#__PURE__*/_jsx(View, {
+        testID: testID ? `${testID}-period` : undefined,
+        style: stacked ? styles.periodStacked : null,
+        children: /*#__PURE__*/_jsx(SegmentedControl, {
+          label: periodLabel,
+          type: "radio",
+          size: "small",
+          value: period,
+          onChange: onPeriodChange,
+          children: periods.map(option => /*#__PURE__*/_jsx(SegmentedControlItem, {
+            value: option.value,
+            testID: testID ? `${testID}-period-${option.value}` : undefined,
+            children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+              children: option.label
+            })
+          }, option.value))
+        })
+      })]
+    }), /*#__PURE__*/_jsx(StatCards, {
+      stats: stats,
+      testID: testID ? `${testID}-stats` : undefined
+    })]
+  });
+}
+export const AudienceOverview = /*#__PURE__*/memo(AudienceOverviewComponent);
+AudienceOverview.displayName = 'AudienceOverview';
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    gap: 16
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    gap: 16
+  },
+  headerStacked: {
+    flexDirection: 'column',
+    alignItems: 'stretch',
+    gap: 12
+  },
+  heading: {
+    flexShrink: 1,
+    minWidth: 0,
+    gap: 2
+  },
+  periodStacked: {
+    alignSelf: 'flex-start',
+    maxWidth: '100%'
+  }
+});
+//# sourceMappingURL=AudienceOverview.js.map

package/lib/module/creator-studio/AudienceOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","StyleSheet","View","Sparkline","RiBookmarkLine","RiHeadphoneLine","RiPlayLine","RiUserFollowLine","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","StatCards","useTheme","Text","resolveCreatorStudioPaint","jsx","_jsx","jsxs","_jsxs","AUDIENCE_PERIODS","value","label","KIND_ICONS","listeners","streams","followers","saves","TREND_DELTA_COLORS","up","down","flat","TREND_SPARK_TONES","STACK_BELOW","AudienceOverviewComponent","metrics","period","onPeriodChange","periods","title","caption","periodLabel","style","testID","theme","paint","width","setWidth","onLayout","event","next","Math","round","nativeEvent","layout","prev","stacked","stats","map","metric","icon","kind","delta","deltaColor","trend","accessory","series","length","data","tone","undefined","styles","root","children","headerStacked","header","heading","variant","role","numberOfLines","color","text","textSecondary","periodStacked","type","size","onChange","option","AudienceOverview","displayName","create","gap","flexDirection","alignItems","justifyContent","flexShrink","minWidth","alignSelf","maxWidth"],"sourceRoot":"../../../src","sources":["creator-studio/AudienceOverview.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,209 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Button } from '../button';
+import { RiAddLine } from "../icons/remix/RiAddLine.js";
+import { RiDeleteBinLine } from "../icons/remix/RiDeleteBinLine.js";
+import { Select, SelectContent, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectTrigger, SelectValue } from '../select';
+import { TextFieldInput } from "../text-field/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DEFAULT_CREDIT_ROLES, resolveCreatorStudioPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `CreditsEditor`: who wrote, produced and performed a track.
+ *
+ *   heading  `body-medium` title + an empty-state line (`body-2-regular`
+ *            text-secondary) while there are no credits
+ *   rows     8 apart: role `Select` (200 wide) · name `TextFieldInput` (fills) ·
+ *            a secondary delete icon button named "Remove credit <n>". Below 480px
+ *            of its own width the role takes its own line over name + delete
+ *   add      a secondary "Add credit" button with a plus glyph; the new row
+ *            takes the first role and an empty name
+ *
+ * Controlled: every change calls `onCreditsChange` with the whole list.
+ */
+
+export const CREDITS_EDITOR_LABELS = {
+  title: 'Credits',
+  role: 'Role',
+  name: 'Name',
+  add: 'Add credit',
+  remove: (index, name) => name ? `Remove credit ${index + 1}, ${name}` : `Remove credit ${index + 1}`,
+  empty: 'Credit the songwriters, producers and performers on this track.'
+};
+const STACK_BELOW = 480;
+let creditCounter = 0;
+function CreditsEditorComponent({
+  credits,
+  onCreditsChange,
+  roles = DEFAULT_CREDIT_ROLES,
+  createId,
+  disabled = false,
+  labels: labelOverrides,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveCreatorStudioPaint(theme), [theme]);
+  const labels = {
+    ...CREDITS_EDITOR_LABELS,
+    ...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 stacked = width > 0 && width < STACK_BELOW;
+  const createIdRef = useRef(createId);
+  createIdRef.current = createId;
+  const update = (id, patch) => onCreditsChange(credits.map(c => c.id === id ? {
+    ...c,
+    ...patch
+  } : c));
+  const remove = id => onCreditsChange(credits.filter(c => c.id !== id));
+  const add = () => {
+    const id = createIdRef.current ? createIdRef.current() : `credit-${Date.now()}-${creditCounter++}`;
+    onCreditsChange([...credits, {
+      id,
+      role: roles[0]?.value ?? '',
+      name: ''
+    }]);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: [styles.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.heading,
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        role: "heading",
+        style: {
+          color: paint.text
+        },
+        children: labels.title
+      }), credits.length === 0 ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textSecondary
+        },
+        children: labels.empty
+      }) : null]
+    }), credits.map((credit, index) => {
+      const roleSelect = /*#__PURE__*/_jsx(View, {
+        style: stacked ? styles.roleStacked : styles.role,
+        children: /*#__PURE__*/_jsxs(Select, {
+          value: credit.role,
+          onValueChange: role => update(credit.id, {
+            role
+          }),
+          disabled: disabled,
+          children: [/*#__PURE__*/_jsxs(SelectTrigger, {
+            label: `${labels.role}, credit ${index + 1}`,
+            testID: testID ? `${testID}-role-${index}` : undefined,
+            children: [/*#__PURE__*/_jsx(SelectValue, {
+              placeholder: labels.role
+            }), /*#__PURE__*/_jsx(SelectIcon, {})]
+          }), /*#__PURE__*/_jsx(SelectContent, {
+            label: labels.role,
+            items: roles,
+            renderItem: item => /*#__PURE__*/_jsxs(SelectItem, {
+              value: item.value,
+              label: item.label,
+              children: [/*#__PURE__*/_jsx(SelectItemIndicator, {}), /*#__PURE__*/_jsx(SelectItemText, {
+                children: item.label
+              })]
+            })
+          })]
+        })
+      });
+      const nameAndRemove = /*#__PURE__*/_jsxs(View, {
+        style: styles.nameRow,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.name,
+          children: /*#__PURE__*/_jsx(TextFieldInput, {
+            label: `${labels.name}, credit ${index + 1}`,
+            placeholder: labels.name,
+            value: credit.name,
+            onChangeText: name => update(credit.id, {
+              name
+            }),
+            disabled: disabled,
+            testID: testID ? `${testID}-name-${index}` : undefined
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          size: "medium",
+          iconOnly: true,
+          leadingIcon: RiDeleteBinLine,
+          disabled: disabled,
+          accessibilityLabel: labels.remove(index, credit.name),
+          onPress: () => remove(credit.id),
+          testID: testID ? `${testID}-remove-${index}` : undefined
+        })]
+      });
+      return /*#__PURE__*/_jsxs(View, {
+        testID: testID ? `${testID}-row-${index}` : undefined,
+        style: stacked ? styles.rowStacked : styles.row,
+        children: [roleSelect, nameAndRemove]
+      }, credit.id);
+    }), /*#__PURE__*/_jsx(Button, {
+      variant: "secondary",
+      size: "medium",
+      leadingIcon: RiAddLine,
+      onPress: add,
+      disabled: disabled,
+      style: styles.add,
+      testID: testID ? `${testID}-add` : undefined,
+      children: labels.add
+    })]
+  });
+}
+export const CreditsEditor = /*#__PURE__*/memo(CreditsEditorComponent);
+CreditsEditor.displayName = 'CreditsEditor';
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    gap: 8,
+    minWidth: 0
+  },
+  heading: {
+    gap: 2,
+    marginBottom: 4
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  rowStacked: {
+    gap: 6
+  },
+  role: {
+    width: 200,
+    flexShrink: 0
+  },
+  roleStacked: {
+    width: '100%'
+  },
+  nameRow: {
+    flexGrow: 1,
+    flexShrink: 1,
+    minWidth: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4
+  },
+  name: {
+    flex: 1,
+    minWidth: 0
+  },
+  add: {
+    alignSelf: 'flex-start',
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=CreditsEditor.js.map

package/lib/module/creator-studio/CreditsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","useState","StyleSheet","View","Button","RiAddLine","RiDeleteBinLine","Select","SelectContent","SelectIcon","SelectItem","SelectItemIndicator","SelectItemText","SelectTrigger","SelectValue","TextFieldInput","useTheme","Text","DEFAULT_CREDIT_ROLES","resolveCreatorStudioPaint","jsx","_jsx","jsxs","_jsxs","CREDITS_EDITOR_LABELS","title","role","name","add","remove","index","empty","STACK_BELOW","creditCounter","CreditsEditorComponent","credits","onCreditsChange","roles","createId","disabled","labels","labelOverrides","style","testID","theme","paint","width","setWidth","onLayout","event","next","Math","round","nativeEvent","layout","prev","stacked","createIdRef","current","update","id","patch","map","c","filter","Date","now","value","styles","root","children","heading","variant","color","text","length","textSecondary","credit","roleSelect","roleStacked","onValueChange","label","undefined","placeholder","items","renderItem","item","nameAndRemove","nameRow","onChangeText","size","iconOnly","leadingIcon","accessibilityLabel","onPress","rowStacked","row","CreditsEditor","displayName","create","gap","minWidth","marginBottom","flexDirection","alignItems","flexShrink","flexGrow","flex","alignSelf","marginTop"],"sourceRoot":"../../../src","sources":["creator-studio/CreditsEditor.tsx"],"mappings":"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","ignoreList":[]}