@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/chat-list/ChatSearchResults.js

@@ -0,0 +1,220 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { webDataSet } from "../styles/web-data.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { ChatListItemSkeleton } from "./ChatListItemSkeleton.js";
+import { HighlightedText } from "./HighlightedText.js";
+import { ChatAvatar, RowLink, SectionHeading } from "./parts.js";
+import { CHAT_LIST_CSS, CHAT_LIST_STYLE_ID, CHAT_ROW_GEOMETRY, CHAT_ROW_RADIUS, DEFAULT_ITEM_LABELS, DEFAULT_SEARCH_LABELS, IS_WEB, chatMarker, groupSearchResults, resolveChatListPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Search hits, grouped Chats / Messages / Contacts.
+ *
+ * The groups are in a fixed order and an EMPTY group is dropped — a heading over
+ * nothing is a dead end. Inside a group the app's own order is kept, so
+ * relevance stays the backend's decision.
+ *
+ * Each row is `ChatListItem`'s compact geometry with the matched run of the name
+ * and of the detail line marked in the accent colour (`HighlightedText`). The
+ * highlight is COLOUR only; see that component for why.
+ *
+ * ACCESSIBILITY: a region named `accessibilityLabel`, each group a `role="list"`
+ * named by its heading, each row one link/button carrying "name, detail, time".
+ */
+
+function ResultRow({
+  result,
+  query,
+  density,
+  onPress,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const [pressed, setPressed] = useState(false);
+  const geo = CHAT_ROW_GEOMETRY[density];
+  const marker = chatMarker(result.chatKind, result.verified, DEFAULT_ITEM_LABELS);
+  const name = [result.name, marker?.label, result.detail, result.time].filter(part => typeof part === 'string' && part.length > 0).join(', ');
+  const rowStyle = {
+    position: 'relative',
+    height: geo.height,
+    borderRadius: CHAT_ROW_RADIUS,
+    justifyContent: 'center',
+    '--bloom-chat-hover': paint.hover,
+    '--bloom-chat-selected': paint.selected,
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : {
+      backgroundColor: pressed ? paint.hover : 'transparent'
+    })
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomChatRow: '',
+      selected: 'false'
+    }),
+    style: rowStyle,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(RowLink, {
+      name: name,
+      onPress: onPress ? () => onPress(result.id) : undefined,
+      href: result.href,
+      paint: paint,
+      onPressedChange: setPressed,
+      testID: testID ? `${testID}-link` : undefined
+    }), /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "none",
+      "aria-hidden": true,
+      importantForAccessibility: "no-hide-descendants",
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        height: geo.height,
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal
+      },
+      children: [/*#__PURE__*/_jsx(ChatAvatar, {
+        name: result.name,
+        avatar: result.avatar,
+        faces: result.faces,
+        status: result.status,
+        size: geo.avatar,
+        paint: paint
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          marginLeft: geo.gap,
+          gap: geo.lineGap
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 4,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/_jsx(HighlightedText, {
+            text: result.name,
+            query: query,
+            variant: geo.nameVariant,
+            numberOfLines: 1,
+            style: {
+              flexShrink: 1,
+              minWidth: 0
+            },
+            testID: testID ? `${testID}-name` : undefined
+          }), marker ? /*#__PURE__*/_jsx(marker.icon, {
+            width: geo.glyph,
+            height: geo.glyph,
+            fill: marker.accent ? paint.accent : paint.textMuted
+          }) : null]
+        }), result.detail !== undefined ? /*#__PURE__*/_jsx(HighlightedText, {
+          text: result.detail,
+          query: query,
+          variant: geo.previewVariant,
+          color: paint.textMuted,
+          numberOfLines: 1,
+          testID: testID ? `${testID}-detail` : undefined
+        }) : null]
+      }), result.time !== undefined ? /*#__PURE__*/_jsx(Text, {
+        variant: geo.timeVariant,
+        numberOfLines: 1,
+        style: {
+          color: paint.textMuted,
+          marginLeft: geo.gap
+        },
+        children: result.time
+      }) : null]
+    })]
+  });
+}
+function ChatSearchResultsComponent({
+  query,
+  results,
+  labels,
+  onResultPress,
+  loading = false,
+  loadingCount = 6,
+  density = 'comfortable',
+  accessibilityLabel = 'Search results',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(CHAT_LIST_STYLE_ID, CHAT_LIST_CSS);
+  }, []);
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const text = useMemo(() => ({
+    ...DEFAULT_SEARCH_LABELS,
+    ...labels
+  }), [labels]);
+  const groups = useMemo(() => groupSearchResults(results), [results]);
+  const geo = CHAT_ROW_GEOMETRY[density];
+  if (loading) {
+    return /*#__PURE__*/_jsx(View, {
+      role: "region",
+      accessibilityLabel: accessibilityLabel,
+      "aria-busy": true,
+      accessibilityState: {
+        busy: true
+      },
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(ChatListItemSkeleton, {
+        count: loadingCount,
+        density: density,
+        testID: testID ? `${testID}-skeleton` : undefined
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    role: "region",
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    testID: testID,
+    children: groups.length === 0 ? /*#__PURE__*/_jsx(View, {
+      style: {
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal,
+        paddingTop: 24,
+        paddingBottom: 24,
+        alignItems: 'center'
+      },
+      testID: testID ? `${testID}-empty` : undefined,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        style: {
+          color: paint.textMuted
+        },
+        children: text.empty
+      })
+    }) : groups.map(group => /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(SectionHeading, {
+        title: text[group.kind],
+        paint: paint,
+        paddingHorizontal: geo.paddingHorizontal,
+        testID: testID ? `${testID}-heading-${group.kind}` : undefined
+      }), /*#__PURE__*/_jsx(View, {
+        role: "list",
+        accessibilityLabel: text[group.kind],
+        children: group.results.map(result => /*#__PURE__*/_jsx(ResultRow, {
+          result: result,
+          query: query,
+          density: density,
+          onPress: onResultPress,
+          testID: testID ? `${testID}-result-${result.id}` : undefined
+        }, result.id))
+      })]
+    }, group.kind))
+  });
+}
+export const ChatSearchResults = /*#__PURE__*/memo(ChatSearchResultsComponent);
+ChatSearchResults.displayName = 'ChatSearchResults';
+//# sourceMappingURL=ChatSearchResults.js.map

package/lib/module/chat-list/ChatSearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useState","View","webDataSet","adoptStyleSheet","useTheme","Text","ChatListItemSkeleton","HighlightedText","ChatAvatar","RowLink","SectionHeading","CHAT_LIST_CSS","CHAT_LIST_STYLE_ID","CHAT_ROW_GEOMETRY","CHAT_ROW_RADIUS","DEFAULT_ITEM_LABELS","DEFAULT_SEARCH_LABELS","IS_WEB","chatMarker","groupSearchResults","resolveChatListPaint","jsx","_jsx","jsxs","_jsxs","ResultRow","result","query","density","onPress","testID","theme","paint","pressed","setPressed","geo","marker","chatKind","verified","name","label","detail","time","filter","part","length","join","rowStyle","position","height","borderRadius","justifyContent","hover","selected","transitionProperty","transitionDuration","backgroundColor","bloomChatRow","style","children","id","undefined","href","onPressedChange","pointerEvents","importantForAccessibility","flexDirection","alignItems","paddingLeft","paddingHorizontal","paddingRight","avatar","faces","status","size","flex","minWidth","marginLeft","gap","lineGap","text","variant","nameVariant","numberOfLines","flexShrink","icon","width","glyph","fill","accent","textMuted","previewVariant","color","timeVariant","ChatSearchResultsComponent","results","labels","onResultPress","loading","loadingCount","accessibilityLabel","groups","role","accessibilityState","busy","count","paddingTop","paddingBottom","empty","map","group","title","kind","ChatSearchResults","displayName"],"sourceRoot":"../../../src","sources":["chat-list/ChatSearchResults.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-list/ChatSwipeRow.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import React, { useCallback, useMemo, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { Text } from "../typography/index.js";
+import { actionPanePaint } from "./parts.js";
+import { CHAT_ROW_RADIUS, SWIPE_ACTION_WIDTH, SWIPE_COMMIT_FRACTION, SWIPE_TAP_SLOP } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The drag affordance behind a chat row, on touch.
+ *
+ * Dragging RIGHT uncovers `actions.left` from the left edge, dragging LEFT
+ * uncovers `actions.right`. The row travels with the finger up to the pane's
+ * full width (`SWIPE_ACTION_WIDTH` per action) and snaps open past
+ * `SWIPE_COMMIT_FRACTION` of it, closed below — so a half-hearted drag never
+ * leaves a row stuck ajar. Anything under `SWIPE_TAP_SLOP` is a tap and the
+ * gesture springs straight back.
+ *
+ * The gesture activates only past a horizontal threshold and FAILS on vertical
+ * travel, so a list scroll never turns into a swipe. Panes are laid under the
+ * row and grow with it rather than sliding in from outside: the row is what
+ * moves, and the action underneath is revealed, not pushed.
+ *
+ * WEB gets none of this. `ChatListItem` renders the same actions as hover
+ * buttons there, because a drag is undiscoverable with a mouse and a
+ * `pointerdown`-driven pan fights text selection.
+ *
+ * Reduced motion keeps the panes and drops the SNAP animation — the row jumps
+ * to its resting position instead of easing to it.
+ */
+export function ChatSwipeRow({
+  actions,
+  onAction,
+  height,
+  paint,
+  closeLabel = 'Close actions',
+  children,
+  testID
+}) {
+  const translateX = useSharedValue(0);
+  const reducedMotion = useReducedMotion();
+  const [open, setOpen] = useState(null);
+  const left = actions.left ?? [];
+  const right = actions.right ?? [];
+  const leftWidth = left.length * SWIPE_ACTION_WIDTH;
+  const rightWidth = right.length * SWIPE_ACTION_WIDTH;
+  const settle = useCallback(next => {
+    setOpen(next);
+  }, []);
+  const close = useCallback(() => {
+    translateX.value = reducedMotion ? 0 : withTiming(0, {
+      duration: 160
+    });
+    setOpen(null);
+  }, [reducedMotion, translateX]);
+  const pan = useMemo(() => Gesture.Pan().activeOffsetX([-12, 12]).failOffsetY([-12, 12]).onChange(event => {
+    'worklet';
+
+    const next = translateX.value + event.changeX;
+    translateX.value = Math.max(-rightWidth, Math.min(leftWidth, next));
+  }).onFinalize(() => {
+    'worklet';
+
+    const travelled = Math.abs(translateX.value);
+    if (travelled < SWIPE_TAP_SLOP) {
+      translateX.value = 0;
+      runOnJS(settle)(null);
+      return;
+    }
+    const opening = translateX.value > 0 ? 'left' : 'right';
+    const full = opening === 'left' ? leftWidth : rightWidth;
+    const commit = travelled >= full * SWIPE_COMMIT_FRACTION && full > 0;
+    const target = commit ? opening === 'left' ? leftWidth : -rightWidth : 0;
+    translateX.value = reducedMotion ? target : withTiming(target, {
+      duration: 160
+    });
+    runOnJS(settle)(commit ? opening : null);
+  }), [leftWidth, reducedMotion, rightWidth, settle, translateX]);
+  const rowStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }), [translateX]);
+  const leftPaneStyle = useAnimatedStyle(() => ({
+    width: Math.max(0, translateX.value)
+  }), [translateX]);
+  const rightPaneStyle = useAnimatedStyle(() => ({
+    width: Math.max(0, -translateX.value)
+  }), [translateX]);
+
+  // The buttons keep their full width and are CLIPPED by the growing pane, so
+  // they are revealed in place rather than squashed as the row travels.
+  const pane = (list, side) => /*#__PURE__*/_jsx(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      ...(side === 'left' ? {
+        left: 0
+      } : {
+        right: 0
+      }),
+      flexDirection: 'row'
+    },
+    children: list.map(action => {
+      const tone = actionPanePaint(action, paint);
+      const Icon = action.icon;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        role: "button",
+        accessibilityLabel: action.label,
+        onPress: () => {
+          action.onPress?.();
+          onAction?.(action.key);
+          close();
+        },
+        style: {
+          width: SWIPE_ACTION_WIDTH,
+          height,
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: 4,
+          backgroundColor: tone.background
+        },
+        testID: testID ? `${testID}-action-${action.key}` : undefined,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          width: 22,
+          height: 22,
+          fill: tone.foreground
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-2-medium",
+          numberOfLines: 1,
+          style: {
+            color: tone.foreground
+          },
+          children: action.label
+        })]
+      }, action.key);
+    })
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      position: 'relative',
+      height,
+      borderRadius: CHAT_ROW_RADIUS,
+      overflow: 'hidden'
+    },
+    testID: testID,
+    children: [leftWidth > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        overflow: 'hidden'
+      }, leftPaneStyle],
+      children: pane(left, 'left')
+    }) : null, rightWidth > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: 'absolute',
+        right: 0,
+        top: 0,
+        bottom: 0,
+        overflow: 'hidden'
+      }, rightPaneStyle],
+      children: pane(right, 'right')
+    }) : null, /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: [{
+          height
+        }, rowStyle],
+        children: [children, open !== null ?
+        /*#__PURE__*/
+        // While a pane is open the row itself closes it rather than opening
+        // the conversation — the same rule a tap outside an open menu follows.
+        _jsx(Pressable, {
+          role: "button",
+          accessibilityLabel: closeLabel,
+          onPress: close,
+          style: StyleSheet.absoluteFill,
+          testID: testID ? `${testID}-dismiss` : undefined
+        }) : null]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ChatSwipeRow.js.map

package/lib/module/chat-list/ChatSwipeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","Pressable","StyleSheet","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","Text","actionPanePaint","CHAT_ROW_RADIUS","SWIPE_ACTION_WIDTH","SWIPE_COMMIT_FRACTION","SWIPE_TAP_SLOP","jsx","_jsx","jsxs","_jsxs","ChatSwipeRow","actions","onAction","height","paint","closeLabel","children","testID","translateX","reducedMotion","open","setOpen","left","right","leftWidth","length","rightWidth","settle","next","close","value","duration","pan","Pan","activeOffsetX","failOffsetY","onChange","event","changeX","Math","max","min","onFinalize","travelled","abs","opening","full","commit","target","rowStyle","transform","leftPaneStyle","width","rightPaneStyle","pane","list","side","style","position","top","bottom","flexDirection","map","action","tone","Icon","icon","role","accessibilityLabel","label","onPress","key","alignItems","justifyContent","gap","backgroundColor","background","undefined","fill","foreground","variant","numberOfLines","color","borderRadius","overflow","gesture","absoluteFill"],"sourceRoot":"../../../src","sources":["chat-list/ChatSwipeRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-list/GroupAvatar.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { resolveChatListPaint } from "./shared.js";
+
+/**
+ * Two to four faces packed into one avatar-sized cluster, for a group chat.
+ *
+ *   2   diagonal, 62% faces — the two people, with the second overlapping
+ *   3   one above two, 55%
+ *   4   a 2×2 rosette, 48%
+ *
+ * Every face carries a hairline ring in the SURFACE colour, which is what makes
+ * the overlap read as two discs rather than one silhouette; pass `ringColor`
+ * when the cluster sits on a card rather than the page. One face renders as a
+ * plain avatar at the full size, so a group that lost a member does not suddenly
+ * draw a lone 62% disc floating in the corner.
+ *
+ * The cluster is DECORATIVE by default. Inside a `ChatListItem` the row's own
+ * accessible name already says which group this is, and a second announcement of
+ * four unnamed faces is noise; pass `accessibilityLabel` to name it when it
+ * stands alone.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const LAYOUTS = {
+  2: {
+    ratio: 0.62,
+    positions: [[0, 0], [1, 1]]
+  },
+  3: {
+    ratio: 0.55,
+    positions: [[0.5, 0], [0, 1], [1, 1]]
+  },
+  4: {
+    ratio: 0.48,
+    positions: [[0, 0], [1, 0], [0, 1], [1, 1]]
+  }
+};
+export const GROUP_AVATAR_MAX_FACES = 4;
+function GroupAvatarComponent({
+  faces,
+  size = 48,
+  shape = 'circle',
+  ringColor,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const ring = ringColor ?? paint.background;
+  const shown = faces.slice(0, GROUP_AVATAR_MAX_FACES);
+  const named = accessibilityLabel !== undefined && accessibilityLabel !== '';
+  const a11y = named ? {
+    accessibilityLabel,
+    role: 'img'
+  } : {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: 'no-hide-descendants'
+  };
+  const face = (entry, key, diameter) => /*#__PURE__*/_jsx(Avatar, {
+    source: entry.source ?? null,
+    name: entry.name,
+    initials: entry.initials,
+    size: diameter,
+    shape: shape,
+    testID: testID ? `${testID}-face-${key}` : undefined
+  }, key);
+  if (shown.length <= 1) {
+    const only = shown[0] ?? {};
+    return /*#__PURE__*/_jsx(View, {
+      ...a11y,
+      ...(named ? null : {
+        'aria-hidden': true
+      }),
+      style: [{
+        width: size,
+        height: size
+      }, style],
+      testID: testID,
+      children: face(only, 0, size)
+    });
+  }
+  const layout = LAYOUTS[shown.length];
+  const ringWidth = size >= 40 ? 2 : 1.5;
+  const diameter = Math.round(size * layout.ratio);
+  const box = diameter + ringWidth * 2;
+  const free = size - box;
+  return /*#__PURE__*/_jsx(View, {
+    ...a11y,
+    ...(named ? null : {
+      'aria-hidden': true
+    }),
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    testID: testID,
+    children: shown.map((entry, index) => {
+      const spot = layout.positions[index];
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          left: Math.round(free * spot[0]),
+          top: Math.round(free * spot[1]),
+          padding: ringWidth,
+          borderRadius: box / 2,
+          backgroundColor: ring
+        },
+        children: face(entry, index, diameter)
+      }, index);
+    })
+  });
+}
+export const GroupAvatar = /*#__PURE__*/memo(GroupAvatarComponent);
+GroupAvatar.displayName = 'GroupAvatar';
+//# sourceMappingURL=GroupAvatar.js.map

package/lib/module/chat-list/GroupAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Avatar","useTheme","resolveChatListPaint","jsx","_jsx","LAYOUTS","ratio","positions","GROUP_AVATAR_MAX_FACES","GroupAvatarComponent","faces","size","shape","ringColor","accessibilityLabel","style","testID","theme","paint","ring","background","shown","slice","named","undefined","a11y","role","accessibilityElementsHidden","importantForAccessibility","face","entry","key","diameter","source","name","initials","length","only","width","height","children","layout","ringWidth","Math","round","box","free","map","index","spot","position","left","top","padding","borderRadius","backgroundColor","GroupAvatar","displayName"],"sourceRoot":"../../../src","sources":["chat-list/GroupAvatar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,oBAAoB,QAAQ,aAAU;;AAG/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjBA,SAAAC,GAAA,IAAAC,IAAA;AA0BA,MAAMC,OAAyC,GAAG;EAChD,CAAC,EAAE;IAAEC,KAAK,EAAE,IAAI;IAAEC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAAE,CAAC;EAC/C,CAAC,EAAE;IAAED,KAAK,EAAE,IAAI;IAAEC,SAAS,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAAE,CAAC;EACzD,CAAC,EAAE;IAAED,KAAK,EAAE,IAAI;IAAEC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EAAE;AAChE,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AAEvC,SAASC,oBAAoBA,CAAC;EAC5BC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,QAAQ;EAChBC,SAAS;EACTC,kBAAkB;EAClBC,KAAK;EACLC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,KAAK,GAAGpB,OAAO,CAAC,MAAMI,oBAAoB,CAACe,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACjE,MAAME,IAAI,GAAGN,SAAS,IAAIK,KAAK,CAACE,UAAU;EAE1C,MAAMC,KAAK,GAAGX,KAAK,CAACY,KAAK,CAAC,CAAC,EAAEd,sBAAsB,CAAC;EACpD,MAAMe,KAAK,GAAGT,kBAAkB,KAAKU,SAAS,IAAIV,kBAAkB,KAAK,EAAE;EAC3E,MAAMW,IAAI,GAAGF,KAAK,GACd;IAAET,kBAAkB;IAAEY,IAAI,EAAE;EAAe,CAAC,GAC5C;IAAEC,2BAA2B,EAAE,IAAI;IAAEC,yBAAyB,EAAE;EAA+B,CAAC;EAEpG,MAAMC,IAAI,GAAGA,CAACC,KAAe,EAAEC,GAAW,EAAEC,QAAgB,kBAC1D5B,IAAA,CAACJ,MAAM;IAELiC,MAAM,EAAEH,KAAK,CAACG,MAAM,IAAI,IAAK;IAC7BC,IAAI,EAAEJ,KAAK,CAACI,IAAK;IACjBC,QAAQ,EAAEL,KAAK,CAACK,QAAS;IACzBxB,IAAI,EAAEqB,QAAS;IACfpB,KAAK,EAAEA,KAAM;IACbI,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAASe,GAAG,EAAE,GAAGP;EAAU,GANhDO,GAON,CACF;EAED,IAAIV,KAAK,CAACe,MAAM,IAAI,CAAC,EAAE;IACrB,MAAMC,IAAI,GAAGhB,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,oBACEjB,IAAA,CAACL,IAAI;MAAA,GACC0B,IAAI;MAAA,IACHF,KAAK,GAAG,IAAI,GAAG;QAAE,aAAa,EAAE;MAAK,CAAC;MAC3CR,KAAK,EAAE,CAAC;QAAEuB,KAAK,EAAE3B,IAAI;QAAE4B,MAAM,EAAE5B;MAAK,CAAC,EAAEI,KAAK,CAAE;MAC9CC,MAAM,EAAEA,MAAO;MAAAwB,QAAA,EAEdX,IAAI,CAACQ,IAAI,EAAE,CAAC,EAAE1B,IAAI;IAAC,CAChB,CAAC;EAEX;EAEA,MAAM8B,MAAM,GAAGpC,OAAO,CAACgB,KAAK,CAACe,MAAM,CAAc;EACjD,MAAMM,SAAS,GAAG/B,IAAI,IAAI,EAAE,GAAG,CAAC,GAAG,GAAG;EACtC,MAAMqB,QAAQ,GAAGW,IAAI,CAACC,KAAK,CAACjC,IAAI,GAAG8B,MAAM,CAACnC,KAAK,CAAC;EAChD,MAAMuC,GAAG,GAAGb,QAAQ,GAAGU,SAAS,GAAG,CAAC;EACpC,MAAMI,IAAI,GAAGnC,IAAI,GAAGkC,GAAG;EAEvB,oBACEzC,IAAA,CAACL,IAAI;IAAA,GACC0B,IAAI;IAAA,IACHF,KAAK,GAAG,IAAI,GAAG;MAAE,aAAa,EAAE;IAAK,CAAC;IAC3CR,KAAK,EAAE,CAAC;MAAEuB,KAAK,EAAE3B,IAAI;MAAE4B,MAAM,EAAE5B;IAAK,CAAC,EAAEI,KAAK,CAAE;IAC9CC,MAAM,EAAEA,MAAO;IAAAwB,QAAA,EAEdnB,KAAK,CAAC0B,GAAG,CAAC,CAACjB,KAAK,EAAEkB,KAAK,KAAK;MAC3B,MAAMC,IAAI,GAAGR,MAAM,CAAClC,SAAS,CAACyC,KAAK,CAA8B;MACjE,oBACE5C,IAAA,CAACL,IAAI;QAEHgB,KAAK,EAAE;UACLmC,QAAQ,EAAE,UAAU;UACpBC,IAAI,EAAER,IAAI,CAACC,KAAK,CAACE,IAAI,GAAGG,IAAI,CAAC,CAAC,CAAC,CAAC;UAChCG,GAAG,EAAET,IAAI,CAACC,KAAK,CAACE,IAAI,GAAGG,IAAI,CAAC,CAAC,CAAC,CAAC;UAC/BI,OAAO,EAAEX,SAAS;UAClBY,YAAY,EAAET,GAAG,GAAG,CAAC;UACrBU,eAAe,EAAEpC;QACnB,CAAE;QAAAqB,QAAA,EAEDX,IAAI,CAACC,KAAK,EAAEkB,KAAK,EAAEhB,QAAQ;MAAC,GAVxBgB,KAWD,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,MAAMQ,WAAW,gBAAG3D,IAAI,CAACY,oBAAoB,CAAC;AACrD+C,WAAW,CAACC,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/chat-list/HighlightedText.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { highlightRuns, resolveChatListPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `text` with every occurrence of `query` marked.
+ *
+ * Matching folds case AND accents, so "jose" finds "José" — but the runs are
+ * sliced out of the ORIGINAL string, never out of the folded one, so what is
+ * drawn is exactly what was passed in. Folding is not length-preserving (a
+ * combining mark disappears), which is why `highlightRuns` maps offsets back
+ * through a per-character index rather than assuming the two strings line up.
+ *
+ * The match is marked with COLOUR, not a band: inside a one-line search result a
+ * tinted background reads as a second badge beside the unread pill. Pass
+ * `highlightBackground` where the text has room to breathe.
+ *
+ * One `<Text>` with nested spans, so it truncates and wraps as a single string.
+ */
+
+function HighlightedTextComponent({
+  text,
+  query,
+  variant = 'body-regular',
+  color,
+  highlightColor,
+  highlightBackground,
+  numberOfLines,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const runs = useMemo(() => highlightRuns(text, query), [query, text]);
+  return /*#__PURE__*/_jsx(Text, {
+    variant: variant,
+    numberOfLines: numberOfLines,
+    style: [{
+      color: color ?? paint.text
+    }, style],
+    testID: testID,
+    children: runs.map((run, index) => run.match ? /*#__PURE__*/_jsx(Text, {
+      style: {
+        color: highlightColor ?? paint.accent,
+        ...(highlightBackground ? {
+          backgroundColor: highlightBackground
+        } : null)
+      },
+      children: run.text
+    }, index) : run.text)
+  });
+}
+export const HighlightedText = /*#__PURE__*/memo(HighlightedTextComponent);
+HighlightedText.displayName = 'HighlightedText';
+//# sourceMappingURL=HighlightedText.js.map

package/lib/module/chat-list/HighlightedText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useTheme","Text","highlightRuns","resolveChatListPaint","jsx","_jsx","HighlightedTextComponent","text","query","variant","color","highlightColor","highlightBackground","numberOfLines","style","testID","theme","paint","runs","children","map","run","index","match","accent","backgroundColor","HighlightedText","displayName"],"sourceRoot":"../../../src","sources":["chat-list/HighlightedText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASC,wBAAwBA,CAAC;EAChCC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,cAAc;EACxBC,KAAK;EACLC,cAAc;EACdC,mBAAmB;EACnBC,aAAa;EACbC,KAAK;EACLC;AACoB,CAAC,EAAE;EACvB,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,KAAK,GAAGlB,OAAO,CAAC,MAAMI,oBAAoB,CAACa,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACjE,MAAME,IAAI,GAAGnB,OAAO,CAAC,MAAMG,aAAa,CAACK,IAAI,EAAEC,KAAK,CAAC,EAAE,CAACA,KAAK,EAAED,IAAI,CAAC,CAAC;EAErE,oBACEF,IAAA,CAACJ,IAAI;IACHQ,OAAO,EAAEA,OAAQ;IACjBI,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAAEA,KAAK,IAAIO,KAAK,CAACV;IAAK,CAAC,EAAEO,KAAK,CAAE;IAC/CC,MAAM,EAAEA,MAAO;IAAAI,QAAA,EAEdD,IAAI,CAACE,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACnBD,GAAG,CAACE,KAAK,gBACPlB,IAAA,CAACJ,IAAI;MAEHa,KAAK,EAAE;QACLJ,KAAK,EAAEC,cAAc,IAAIM,KAAK,CAACO,MAAM;QACrC,IAAIZ,mBAAmB,GAAG;UAAEa,eAAe,EAAEb;QAAoB,CAAC,GAAG,IAAI;MAC3E,CAAE;MAAAO,QAAA,EAEDE,GAAG,CAACd;IAAI,GANJe,KAOD,CAAC,GAEPD,GAAG,CAACd,IAER;EAAC,CACG,CAAC;AAEX;AAEA,OAAO,MAAMmB,eAAe,gBAAG5B,IAAI,CAACQ,wBAAwB,CAAC;AAC7DoB,eAAe,CAACC,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/module/chat-list/NewChatButton.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Fab } from '../fab';
+import { RiEditBoxLine } from "../icons/remix/RiEditBoxLine.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The round "New chat" action.
+ *
+ * It IS Bloom's `Fab` — placement, sizing, the minimize behaviour that follows a
+ * tab bar and the web/native fork all come from there; this only fixes the glyph
+ * and the name, so every messaging screen spells the same action the same way
+ * instead of each one picking an icon. Every `Fab` prop passes through, so a
+ * screen that wants it bottom-LEFT, small, or `static` inside its own container
+ * says so exactly as it would to a `Fab`.
+ *
+ * `extended` promotes it to the pill, with `accessibilityLabel` as the text — the
+ * one place the name is also the label, which is why it is not a separate prop.
+ */
+
+function NewChatButtonComponent({
+  icon,
+  accessibilityLabel = 'New chat',
+  extended = false,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Fab, {
+    ...rest,
+    icon: icon ?? /*#__PURE__*/_jsx(RiEditBoxLine, {}),
+    label: extended ? accessibilityLabel : undefined,
+    accessibilityLabel: accessibilityLabel
+  });
+}
+export const NewChatButton = /*#__PURE__*/memo(NewChatButtonComponent);
+NewChatButton.displayName = 'NewChatButton';
+//# sourceMappingURL=NewChatButton.js.map