@oxy.so/bloom 2.10.0 → 2.12.0

package/lib/module/chat-people/NewGroupForm.js

@@ -0,0 +1,220 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { Avatar } from "../avatar/Avatar.js";
+import { Button } from '../button';
+import { RiCameraLine } from "../icons/remix/RiCameraLine.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiUserAddLine } from "../icons/remix/RiUserAddLine.js";
+import { TextFieldInput } from "../text-field/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { NEW_GROUP_LABELS, nameCounterTone, resolveChatPeoplePaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `NewGroupForm`: the sheet that turns a pile of selected people into a group.
+ *
+ *   photo   a 72px round picker — the picked image, or a camera glyph on the
+ *           accent-tinted fill
+ *   name    a field with a live `12/64` counter, the input's own `maxLength`
+ *           set to the same number
+ *   about   an optional multi-line field
+ *   members the chosen people, each removable, over an "Add members" row
+ *
+ * The COUNTER and the LIMIT are one number. Setting `maxLength` on the input
+ * and drawing a denominator from a different constant is how a counter ends up
+ * saying 64 while the field stops at 50, and nothing catches it: both halves
+ * look right on their own.
+ *
+ * The counter goes amber at 90%, not at 100%. The input has already stopped
+ * accepting characters by then, so a warning that arrives at the limit is
+ * telling the user about something that has already happened.
+ */
+
+const PHOTO = 72;
+function NewGroupFormComponent({
+  photo,
+  photoVariant,
+  onPickPhoto,
+  name,
+  onNameChange,
+  nameMaxLength = 64,
+  description,
+  onDescriptionChange,
+  descriptionMaxLength = 255,
+  members = [],
+  onRemoveMember,
+  onAddMembers,
+  labels,
+  children,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatPeoplePaint(theme), [theme]);
+  const l = {
+    ...NEW_GROUP_LABELS,
+    ...labels
+  };
+  const tone = nameCounterTone(name.length, nameMaxLength);
+  const counterColor = tone === 'over' ? paint.negative : tone === 'warn' ? paint.owner : paint.textTertiary;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: 20
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 16
+      },
+      children: [onPickPhoto === undefined ? null : /*#__PURE__*/_jsx(Pressable, {
+        role: "button",
+        accessibilityLabel: l.photo,
+        onPress: onPickPhoto,
+        style: {
+          width: PHOTO,
+          height: PHOTO,
+          borderRadius: PHOTO / 2,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: paint.accentSubtle,
+          overflow: 'hidden'
+        },
+        testID: testID ? `${testID}-photo` : undefined,
+        children: photo === undefined || photo === null ? /*#__PURE__*/_jsx(RiCameraLine, {
+          width: 26,
+          height: 26,
+          fill: paint.onAccentSubtle
+        }) : /*#__PURE__*/_jsx(Avatar, {
+          source: photo,
+          variant: photoVariant,
+          name: "",
+          size: PHOTO
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 6
+        },
+        children: [/*#__PURE__*/_jsx(TextFieldInput, {
+          label: l.name,
+          placeholder: l.namePlaceholder,
+          value: name,
+          onChangeText: onNameChange,
+          maxLength: nameMaxLength,
+          testID: testID ? `${testID}-name` : undefined
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          style: {
+            color: counterColor,
+            alignSelf: 'flex-end',
+            fontVariant: ['tabular-nums']
+          },
+          testID: testID ? `${testID}-counter` : undefined,
+          children: `${name.length}/${nameMaxLength}`
+        })]
+      })]
+    }), onDescriptionChange === undefined ? null : /*#__PURE__*/_jsx(TextFieldInput, {
+      label: l.description,
+      placeholder: l.descriptionPlaceholder,
+      value: description ?? '',
+      onChangeText: onDescriptionChange,
+      maxLength: descriptionMaxLength,
+      multiline: true,
+      numberOfLines: 3,
+      testID: testID ? `${testID}-description` : undefined
+    }), children, members.length === 0 && onAddMembers === undefined ? null : /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 6
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-semibold",
+        style: {
+          color: paint.textSecondary,
+          paddingLeft: 4
+        },
+        testID: testID ? `${testID}-members-title` : undefined,
+        children: l.members(members.length)
+      }), onAddMembers === undefined ? null : /*#__PURE__*/_jsx(View, {
+        style: {
+          alignItems: 'flex-start'
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          variant: "text",
+          size: "small",
+          leadingIcon: RiUserAddLine,
+          onPress: onAddMembers,
+          testID: testID ? `${testID}-add` : undefined,
+          children: l.addMembers
+        })
+      }), members.map(member => /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 12,
+          paddingTop: 6,
+          paddingRight: 8,
+          paddingBottom: 6,
+          paddingLeft: 4
+        },
+        testID: testID ? `${testID}-member-${member.id}` : undefined,
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          source: member.avatar,
+          variant: member.avatarVariant,
+          name: member.name,
+          size: 36
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: paint.text
+            },
+            children: member.name
+          }), member.subtitle === undefined ? null : /*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textSecondary
+            },
+            children: member.subtitle
+          })]
+        }), onRemoveMember === undefined ? null : /*#__PURE__*/_jsx(Pressable, {
+          role: "button",
+          accessibilityLabel: l.remove(member.name),
+          onPress: () => onRemoveMember(member.id),
+          hitSlop: {
+            top: 8,
+            bottom: 8,
+            left: 8,
+            right: 8
+          },
+          style: {
+            width: 28,
+            height: 28,
+            borderRadius: 14,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          testID: testID ? `${testID}-remove-${member.id}` : undefined,
+          children: /*#__PURE__*/_jsx(RiCloseLine, {
+            width: 16,
+            height: 16,
+            fill: paint.textSecondary
+          })
+        })]
+      }, member.id))]
+    })]
+  });
+}
+export const NewGroupForm = /*#__PURE__*/memo(NewGroupFormComponent);
+NewGroupForm.displayName = 'NewGroupForm';
+//# sourceMappingURL=NewGroupForm.js.map

package/lib/module/chat-people/NewGroupForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Pressable","View","Avatar","Button","RiCameraLine","RiCloseLine","RiUserAddLine","TextFieldInput","useTheme","Text","NEW_GROUP_LABELS","nameCounterTone","resolveChatPeoplePaint","jsx","_jsx","jsxs","_jsxs","PHOTO","NewGroupFormComponent","photo","photoVariant","onPickPhoto","name","onNameChange","nameMaxLength","description","onDescriptionChange","descriptionMaxLength","members","onRemoveMember","onAddMembers","labels","children","style","testID","theme","paint","l","tone","length","counterColor","negative","owner","textTertiary","gap","flexDirection","alignItems","undefined","role","accessibilityLabel","onPress","width","height","borderRadius","justifyContent","backgroundColor","accentSubtle","overflow","fill","onAccentSubtle","source","variant","size","flex","minWidth","label","placeholder","namePlaceholder","value","onChangeText","maxLength","color","alignSelf","fontVariant","descriptionPlaceholder","multiline","numberOfLines","textSecondary","paddingLeft","leadingIcon","addMembers","map","member","paddingTop","paddingRight","paddingBottom","id","avatar","avatarVariant","text","subtitle","remove","hitSlop","top","bottom","left","right","NewGroupForm","displayName"],"sourceRoot":"../../../src","sources":["chat-people/NewGroupForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-people/SelectedChipsRow.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Pressable, ScrollView, View } from 'react-native';
+import { Avatar } from "../avatar/Avatar.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveChatPeoplePaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `SelectedChipsRow`: the people already picked, above the search field.
+ *
+ *   one 32-tall pill each — 24 avatar, the name in `body-2-medium`, a × button
+ *   layout="scroll"  one row that scrolls sideways (the default): a picker
+ *                    whose chip row grows downwards pushes the field and the
+ *                    list it is filtering off the screen as you type
+ *   layout="wrap"    every chip visible, for a sheet that has the room
+ *
+ * The × is its OWN button inside the chip, named "Remove <name>". The chip
+ * itself is not pressable: there is nothing else it could do, and a chip that
+ * removes on any press removes people who were only being read.
+ */
+
+const CHIP_HEIGHT = 32;
+function PersonChip({
+  person,
+  onRemove,
+  removeLabel,
+  paint,
+  testID
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      height: CHIP_HEIGHT,
+      borderRadius: CHIP_HEIGHT / 2,
+      backgroundColor: paint.chip,
+      paddingTop: 0,
+      paddingRight: onRemove === undefined ? 12 : 4,
+      paddingBottom: 0,
+      paddingLeft: 4,
+      maxWidth: 200
+    },
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Avatar, {
+      source: person.avatar,
+      variant: person.avatarVariant,
+      name: person.name,
+      size: 24
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.onChip,
+        flexShrink: 1
+      },
+      children: person.name
+    }), onRemove === undefined ? null : /*#__PURE__*/_jsx(Pressable, {
+      role: "button",
+      accessibilityLabel: removeLabel,
+      onPress: onRemove,
+      hitSlop: {
+        top: 6,
+        bottom: 6,
+        left: 4,
+        right: 6
+      },
+      style: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      testID: testID ? `${testID}-remove` : undefined,
+      children: /*#__PURE__*/_jsx(RiCloseLine, {
+        width: 14,
+        height: 14,
+        fill: paint.textSecondary
+      })
+    })]
+  });
+}
+function SelectedChipsRowComponent({
+  people,
+  onRemove,
+  layout = 'scroll',
+  formatRemoveLabel,
+  emptyState,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatPeoplePaint(theme), [theme]);
+  const removeLabel = formatRemoveLabel ?? (name => `Remove ${name}`);
+  if (people.length === 0) {
+    return emptyState === undefined ? null : /*#__PURE__*/_jsx(View, {
+      style: style,
+      testID: testID,
+      children: emptyState
+    });
+  }
+  const chips = people.map(person => /*#__PURE__*/_jsx(PersonChip, {
+    person: person,
+    paint: paint,
+    removeLabel: removeLabel(person.name),
+    onRemove: onRemove === undefined ? undefined : () => onRemove(person.id),
+    testID: testID ? `${testID}-chip-${person.id}` : undefined
+  }, person.id));
+  if (layout === 'wrap') {
+    return /*#__PURE__*/_jsx(View, {
+      style: [{
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8
+      }, style],
+      testID: testID,
+      children: chips
+    });
+  }
+  return /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    style: style,
+    contentContainerStyle: {
+      flexDirection: 'row',
+      gap: 8,
+      paddingRight: 4,
+      paddingLeft: 4
+    },
+    testID: testID,
+    children: chips
+  });
+}
+export const SelectedChipsRow = /*#__PURE__*/memo(SelectedChipsRowComponent);
+SelectedChipsRow.displayName = 'SelectedChipsRow';
+//# sourceMappingURL=SelectedChipsRow.js.map

package/lib/module/chat-people/SelectedChipsRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Pressable","ScrollView","View","Avatar","RiCloseLine","useTheme","Text","resolveChatPeoplePaint","jsx","_jsx","jsxs","_jsxs","CHIP_HEIGHT","PersonChip","person","onRemove","removeLabel","paint","testID","style","flexDirection","alignItems","gap","height","borderRadius","backgroundColor","chip","paddingTop","paddingRight","undefined","paddingBottom","paddingLeft","maxWidth","children","source","avatar","variant","avatarVariant","name","size","numberOfLines","color","onChip","flexShrink","role","accessibilityLabel","onPress","hitSlop","top","bottom","left","right","width","justifyContent","fill","textSecondary","SelectedChipsRowComponent","people","layout","formatRemoveLabel","emptyState","theme","length","chips","map","id","flexWrap","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","SelectedChipsRow","displayName"],"sourceRoot":"../../../src","sources":["chat-people/SelectedChipsRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-people/StoryProgressBars.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useTheme } from "../theme/use-theme.js";
+import { STORY_DURATION_MS, STORY_VIEWER_LABELS, resolveChatPeoplePaint, storyProgressFill } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `StoryProgressBars`: the segmented strip at the top of a story.
+ *
+ * One bar per story, equal width. Everything BEFORE the current one is full,
+ * everything after it is empty, and only the current one moves — which is
+ * `storyProgressFill(bar, index, progress)`, a pure function of three numbers,
+ * so the maths is tested without rendering anything. Writing it per-segment
+ * inside the map is how a viewer ends up drawing an empty bar for a story the
+ * user has already watched: a segment knows its own position and nothing about
+ * the sequence.
+ *
+ * TWO MODES, and the difference is who owns the clock:
+ *   - `progress` given: CONTROLLED. The strip draws what it is told and runs
+ *     no timer, for an app already driving a video's playback.
+ *   - `progress` omitted: the strip animates 0→1 over `duration` and calls
+ *     `onComplete`. `paused` freezes it where it is.
+ *
+ * REDUCED MOTION stops the ANIMATION, not the story. The bar jumps to full and
+ * the `onComplete` timer still runs, so a story set still advances — a viewer
+ * that stops advancing under reduced motion strands the user on story one with
+ * no indication that anything is meant to happen.
+ */
+
+const HEIGHT = 3;
+function Bar({
+  fill,
+  animate,
+  duration,
+  paused,
+  color,
+  trackColor,
+  height,
+  reduced,
+  restartKey,
+  testID
+}) {
+  const value = useSharedValue(animate ? 0 : fill);
+
+  // Rewind FIRST, on the story changing and nothing else. Without it, stepping
+  // BACKWARDS hands the animating effect a bar that is already at 1 — remaining
+  // duration zero — so the previous story completes the instant it is reopened.
+  useEffect(() => {
+    if (animate) value.value = 0;
+  }, [restartKey, animate, value]);
+  useEffect(() => {
+    if (!animate) {
+      value.value = fill;
+      return;
+    }
+    if (reduced) {
+      value.value = 1;
+      return;
+    }
+    if (paused) {
+      cancelAnimation(value);
+      return;
+    }
+    const remaining = Math.max(0, duration * (1 - value.value));
+    value.value = withTiming(1, {
+      duration: remaining,
+      easing: Easing.linear
+    });
+  }, [animate, duration, fill, paused, reduced, restartKey, value]);
+  const style = useAnimatedStyle(() => ({
+    width: `${Math.min(100, Math.max(0, value.value * 100))}%`
+  }), [value]);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      flex: 1,
+      height,
+      borderRadius: height / 2,
+      backgroundColor: trackColor,
+      overflow: 'hidden'
+    },
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        height,
+        borderRadius: height / 2,
+        backgroundColor: color
+      }, style]
+    })
+  });
+}
+function StoryProgressBarsComponent({
+  count,
+  index,
+  progress,
+  duration = STORY_DURATION_MS,
+  paused = false,
+  onComplete,
+  height = HEIGHT,
+  gap = 4,
+  color,
+  trackColor,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatPeoplePaint(theme), [theme]);
+  const reduced = useReducedMotion();
+  const controlled = progress !== undefined;
+  const bars = Math.max(0, Math.floor(count));
+  const [restartKey, setRestartKey] = useState(0);
+  const completeRef = useRef(onComplete);
+  completeRef.current = onComplete;
+
+  // Restarting is keyed on the STORY, not on a render: a parent re-rendering
+  // for any reason must not put the current bar back to zero.
+  useEffect(() => {
+    setRestartKey(n => n + 1);
+  }, [index, count]);
+  useEffect(() => {
+    if (controlled || paused || bars === 0) return undefined;
+    const timer = setTimeout(() => completeRef.current?.(), duration);
+    return () => clearTimeout(timer);
+  }, [controlled, paused, duration, bars, restartKey]);
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityLabel: accessibilityLabel ?? STORY_VIEWER_LABELS.progress(index, bars),
+    style: [{
+      flexDirection: 'row',
+      gap
+    }, style],
+    testID: testID,
+    children: Array.from({
+      length: bars
+    }, (_, bar) => {
+      const fill = storyProgressFill(bar, index, progress ?? 0);
+      return /*#__PURE__*/_jsx(Bar, {
+        fill: fill,
+        animate: !controlled && bar === index,
+        duration: duration,
+        paused: paused,
+        reduced: reduced,
+        restartKey: restartKey,
+        color: color ?? paint.onStage,
+        trackColor: trackColor ?? paint.stageTrack,
+        height: height,
+        testID: testID ? `${testID}-bar-${bar}` : undefined
+      }, bar);
+    })
+  });
+}
+export const StoryProgressBars = /*#__PURE__*/memo(StoryProgressBarsComponent);
+StoryProgressBars.displayName = 'StoryProgressBars';
+//# sourceMappingURL=StoryProgressBars.js.map

package/lib/module/chat-people/StoryProgressBars.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useRef","useState","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","useTheme","STORY_DURATION_MS","STORY_VIEWER_LABELS","resolveChatPeoplePaint","storyProgressFill","jsx","_jsx","HEIGHT","Bar","fill","animate","duration","paused","color","trackColor","height","reduced","restartKey","testID","value","remaining","Math","max","easing","linear","style","width","min","flex","borderRadius","backgroundColor","overflow","children","StoryProgressBarsComponent","count","index","progress","onComplete","gap","accessibilityLabel","theme","paint","controlled","undefined","bars","floor","setRestartKey","completeRef","current","n","timer","setTimeout","clearTimeout","flexDirection","Array","from","length","_","bar","onStage","stageTrack","StoryProgressBars","displayName"],"sourceRoot":"../../../src","sources":["chat-people/StoryProgressBars.tsx"],"mappings":"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","ignoreList":[]}