@oxy.so/bloom 2.10.0 → 2.12.0

package/lib/module/chat-screen/ChatInfoPanel.js

@@ -0,0 +1,456 @@
+"use strict";
+
+import React, { memo, useMemo, useState } from 'react';
+import { Image, Pressable, ScrollView, View } from 'react-native';
+import { AvatarPresence } from "../chat-indicators/AvatarPresence.js";
+import { Button } from '../button';
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiUserAddLine } from "../icons/remix/RiUserAddLine.js";
+import { Search } from "../search/index.js";
+import { SettingsListGroup, SettingsListItem } from "../settings-list/index.js";
+import { Tabs, TabsTrigger } from "../tabs/index.js";
+import { Text } from "../typography/index.js";
+import { ChatMemberRow } from "./ChatMemberRow.js";
+import { CHAT_INFO_PANE_WIDTH, CHAT_SCREEN_LABELS, useChatScreenPaint, useResolvedImageSource } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Above this the roster gets a search field unless the caller says otherwise. */
+const MEMBER_SEARCH_THRESHOLD = 8;
+function SectionTitle({
+  children,
+  paint
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    variant: "caption-1-semibold",
+    accessibilityRole: "header",
+    style: {
+      color: paint.textSecondary,
+      paddingLeft: 16,
+      paddingRight: 16,
+      paddingBottom: 6,
+      textTransform: 'uppercase',
+      letterSpacing: 0.6
+    },
+    children: children
+  });
+}
+
+/**
+ * One tile in the action row. A tile is a button that draws its own label, so
+ * ARIA names it from its contents; `accessibilityLabel` is for the case where
+ * the visible word is not the whole action ("Mute" → "Mute this conversation").
+ */
+function ActionTile({
+  action,
+  paint
+}) {
+  const Icon = action.icon;
+  const negative = action.tone === 'negative';
+  const tint = negative ? paint.destructive : paint.accentColor;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: action.accessibilityLabel ?? action.label,
+    disabled: action.disabled,
+    onPress: action.onPress,
+    testID: `chat-info-action-${action.key}`,
+    style: {
+      // 56, not 64: five tiles at 64 plus their gaps overflow a 380 pane by a
+      // few pixels, and the fifth wraps onto a row of its own.
+      minWidth: 56,
+      flexGrow: 1,
+      flexBasis: 0,
+      alignItems: 'center',
+      gap: 4,
+      paddingTop: 10,
+      paddingBottom: 10,
+      paddingLeft: 4,
+      paddingRight: 4,
+      borderRadius: 14,
+      backgroundColor: negative ? paint.destructiveSubtle : paint.accentSubtle,
+      opacity: action.disabled ? 0.5 : 1
+    },
+    children: [/*#__PURE__*/_jsx(Icon, {
+      width: 20,
+      height: 20,
+      fill: tint
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-medium",
+      numberOfLines: 1,
+      style: {
+        color: tint
+      },
+      children: action.label
+    })]
+  });
+}
+
+/**
+ * The profile / group panel: who this is, what you can do with them, what you
+ * have shared, and the two or three things you will regret doing by accident.
+ *
+ * ONE COMPONENT, TWO SHAPES. `variant="pane"` is the desktop right-hand column
+ * at a fixed `width` with a left hairline; `variant="screen"` is the mobile full
+ * page with no frame of its own. Nothing else differs — the same props produce
+ * the same sections in the same order, so a responsive app swaps the variant and
+ * not the composition.
+ *
+ * THE SETTINGS BLOCK IS A SLOT, NOT A SCHEMA. A notifications switch owns state,
+ * a disappearing-messages row owns a picker, an encryption key owns a
+ * verification flow — every one of them needs semantics the panel cannot hold.
+ * Compose it from `SettingsListGroup` / `SettingsListItem` (worked example in
+ * `docs/chat-screen.mdx`) and hand it in.
+ *
+ * The SHARED-CONTENT tabs are the same bargain one level up: the panel owns the
+ * strip and the selection, each pane's grid comes from the caller.
+ *
+ * MEMBER SEARCH HAS TWO MODES and they are not the same component. Pass
+ * `memberQuery` and the panel filters NOTHING — the caller owns the result set,
+ * which is the only correct behaviour once the roster lives on a server. Leave
+ * it out and the panel keeps its own query and filters by name.
+ */
+function ChatInfoPanelComponent(props) {
+  const paint = useChatScreenPaint();
+  const {
+    variant = 'pane',
+    width = CHAT_INFO_PANE_WIDTH,
+    title = CHAT_SCREEN_LABELS.info,
+    onClose,
+    closeLabel = CHAT_SCREEN_LABELS.close,
+    headerActions,
+    cover,
+    coverSource,
+    coverHeight = 160,
+    avatar,
+    avatarSource,
+    presence,
+    avatarSize,
+    name,
+    handle,
+    bio,
+    meta,
+    actions,
+    settings,
+    settingsTitle,
+    tabs,
+    tab,
+    onTabChange,
+    defaultTab,
+    members,
+    membersTitle = CHAT_SCREEN_LABELS.members,
+    onPressMember,
+    roleLabels,
+    memberSearch,
+    memberQuery,
+    onMemberQueryChange,
+    memberSearchPlaceholder = CHAT_SCREEN_LABELS.memberSearch,
+    onAddMember,
+    addMemberLabel = CHAT_SCREEN_LABELS.addMember,
+    membersEmptyLabel = CHAT_SCREEN_LABELS.noMembers,
+    destructiveActions,
+    children,
+    scrollable = true,
+    style,
+    contentStyle,
+    testID
+  } = props;
+  const coverImage = useResolvedImageSource(coverSource, 'large');
+  const hasCover = Boolean(cover ?? coverImage);
+  const resolvedAvatarSize = avatarSize ?? (hasCover ? 72 : 96);
+  const [selectedTab, setSelectedTab] = useControllableState({
+    value: tab,
+    defaultValue: defaultTab ?? tabs?.[0]?.value ?? '',
+    onChange: onTabChange
+  });
+  const activeTab = tabs?.find(entry => entry.value === selectedTab) ?? tabs?.[0];
+
+  // Uncontrolled roster query. Controlled callers filter for themselves.
+  const [ownQuery, setOwnQuery] = useState('');
+  const controlledQuery = memberQuery !== undefined;
+  const query = controlledQuery ? memberQuery : ownQuery;
+  const showMemberSearch = memberSearch ?? (members?.length ?? 0) >= MEMBER_SEARCH_THRESHOLD;
+  const visibleMembers = useMemo(() => {
+    if (!members) return [];
+    if (controlledQuery || query.trim() === '') return members;
+    const needle = query.trim().toLowerCase();
+    return members.filter(member => member.name.toLowerCase().includes(needle));
+  }, [controlledQuery, members, query]);
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: [{
+      paddingBottom: 24,
+      gap: 20
+    }, contentStyle],
+    children: [/*#__PURE__*/_jsxs(View, {
+      children: [hasCover ? /*#__PURE__*/_jsx(View, {
+        style: {
+          height: coverHeight,
+          overflow: 'hidden',
+          backgroundColor: paint.surfaceSubtle
+        },
+        children: cover ?? (coverImage ? /*#__PURE__*/_jsx(Image, {
+          source: coverImage,
+          resizeMode: "cover",
+          accessibilityIgnoresInvertColors: true,
+          "aria-hidden": true,
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          testID: testID ? `${testID}-cover` : undefined,
+          style: {
+            width: '100%',
+            height: '100%'
+          }
+        }) : null)
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          alignItems: 'center',
+          gap: 6,
+          paddingLeft: 20,
+          paddingRight: 20,
+          paddingTop: hasCover ? 0 : 12,
+          marginTop: hasCover ? -resolvedAvatarSize / 2 : 0
+        },
+        children: [avatar ?? /*#__PURE__*/_jsx(AvatarPresence, {
+          source: avatarSource ?? undefined,
+          name: name,
+          size: resolvedAvatarSize,
+          status: presence,
+          presenceRingColor: paint.surface
+        }), name ? /*#__PURE__*/_jsx(Text, {
+          variant: "title-2-semibold",
+          accessibilityRole: "header",
+          style: {
+            color: paint.text,
+            textAlign: 'center'
+          },
+          children: name
+        }) : null, handle ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-regular",
+          style: {
+            color: paint.textSecondary,
+            textAlign: 'center'
+          },
+          children: handle
+        }) : null, bio ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-regular",
+          style: {
+            color: paint.text,
+            textAlign: 'center',
+            paddingTop: 4
+          },
+          children: bio
+        }) : null, meta ? /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          style: {
+            color: paint.textTertiary
+          },
+          children: meta
+        }) : null]
+      })]
+    }), actions && actions.length > 0 ? /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-actions` : undefined,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8,
+        paddingLeft: 16,
+        paddingRight: 16
+      },
+      children: actions.map(action => /*#__PURE__*/_jsx(ActionTile, {
+        action: action,
+        paint: paint
+      }, action.key))
+    }) : null, settings ? /*#__PURE__*/_jsxs(View, {
+      testID: testID ? `${testID}-settings` : undefined,
+      children: [settingsTitle ? /*#__PURE__*/_jsx(SectionTitle, {
+        paint: paint,
+        children: settingsTitle
+      }) : null, /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingLeft: 12,
+          paddingRight: 12
+        },
+        children: settings
+      })]
+    }) : null, tabs && tabs.length > 0 ? /*#__PURE__*/_jsxs(View, {
+      testID: testID ? `${testID}-tabs` : undefined,
+      children: [/*#__PURE__*/_jsx(Tabs, {
+        value: activeTab?.value ?? '',
+        onValueChange: setSelectedTab,
+        variant: "underline",
+        style: {
+          paddingLeft: 12,
+          paddingRight: 12
+        },
+        children: tabs.map(entry => /*#__PURE__*/_jsx(TabsTrigger, {
+          value: entry.value,
+          label: entry.label,
+          leadingIcon: entry.icon,
+          count: entry.count
+        }, entry.value))
+      }), /*#__PURE__*/_jsx(View, {
+        testID: testID ? `${testID}-tab-panel` : undefined,
+        style: {
+          paddingTop: 12,
+          paddingLeft: 12,
+          paddingRight: 12
+        },
+        children: activeTab?.content
+      })]
+    }) : null, members ? /*#__PURE__*/_jsxs(View, {
+      testID: testID ? `${testID}-members` : undefined,
+      children: [/*#__PURE__*/_jsx(SectionTitle, {
+        paint: paint,
+        children: membersTitle
+      }), showMemberSearch ? /*#__PURE__*/_jsx(View, {
+        style: {
+          paddingLeft: 16,
+          paddingRight: 16,
+          paddingBottom: 8
+        },
+        children: /*#__PURE__*/_jsx(Search, {
+          value: query,
+          label: memberSearchPlaceholder,
+          onChangeText: controlledQuery ? onMemberQueryChange : setOwnQuery,
+          onClearText: () => controlledQuery ? onMemberQueryChange?.('') : setOwnQuery(''),
+          testID: testID ? `${testID}-member-search` : undefined
+        })
+      }) : null, onAddMember ? /*#__PURE__*/_jsxs(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: addMemberLabel,
+        onPress: onAddMember,
+        testID: testID ? `${testID}-add-member` : undefined,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 12,
+          paddingLeft: 16,
+          paddingRight: 16,
+          paddingTop: 10,
+          paddingBottom: 10
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          style: {
+            width: 40,
+            height: 40,
+            borderRadius: 20,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: paint.accentSubtle
+          },
+          children: /*#__PURE__*/_jsx(RiUserAddLine, {
+            width: 20,
+            height: 20,
+            fill: paint.accentColor
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          style: {
+            color: paint.accentColor
+          },
+          children: addMemberLabel
+        })]
+      }) : null, visibleMembers.length === 0 ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        testID: testID ? `${testID}-members-empty` : undefined,
+        style: {
+          color: paint.textSecondary,
+          paddingLeft: 16,
+          paddingRight: 16
+        },
+        children: membersEmptyLabel
+      }) : visibleMembers.map(member => /*#__PURE__*/_jsx(ChatMemberRow, {
+        member: member,
+        onPress: onPressMember,
+        roleLabels: roleLabels,
+        testID: `chat-info-member-${member.id}`
+      }, member.id))]
+    }) : null, destructiveActions && destructiveActions.length > 0 ? /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-destructive` : undefined,
+      style: {
+        paddingLeft: 12,
+        paddingRight: 12
+      },
+      children: /*#__PURE__*/_jsx(SettingsListGroup, {
+        variant: "filled",
+        children: destructiveActions.map(action => /*#__PURE__*/_jsx(SettingsListItem, {
+          title: action.label,
+          icon: /*#__PURE__*/_jsx(action.icon, {
+            width: 20,
+            height: 20,
+            fill: paint.destructive
+          }),
+          destructive: true,
+          showChevron: false,
+          disabled: action.disabled,
+          onPress: action.onPress,
+          accessibilityLabel: action.accessibilityLabel ?? action.label
+        }, action.key))
+      })
+    }) : null, children]
+  });
+  const frame = variant === 'pane' ? {
+    width,
+    flexShrink: 0,
+    borderLeftWidth: 1,
+    borderLeftColor: paint.border
+  } : {
+    flexGrow: 1,
+    flexShrink: 1
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      minHeight: 0,
+      backgroundColor: paint.surface
+    }, frame, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        minHeight: 52,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        paddingLeft: 16,
+        paddingRight: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderBottomWidth: 1,
+        borderBottomColor: paint.border
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "headline-semibold",
+        numberOfLines: 1,
+        accessibilityRole: "header",
+        style: {
+          flexGrow: 1,
+          flexShrink: 1,
+          color: paint.text
+        },
+        children: title
+      }), headerActions, onClose ? /*#__PURE__*/_jsx(Button, {
+        variant: "text",
+        size: "small",
+        iconOnly: true,
+        icon: /*#__PURE__*/_jsx(RiCloseLine, {
+          width: 18,
+          height: 18,
+          fill: paint.textSecondary
+        }),
+        accessibilityLabel: closeLabel,
+        onPress: onClose,
+        testID: testID ? `${testID}-close` : undefined
+      }) : null]
+    }), scrollable ? /*#__PURE__*/_jsx(ScrollView, {
+      style: {
+        flexGrow: 1,
+        flexShrink: 1
+      },
+      contentContainerStyle: {
+        flexGrow: 1
+      },
+      testID: testID ? `${testID}-scroll` : undefined,
+      children: body
+    }) : body]
+  });
+}
+export const ChatInfoPanel = /*#__PURE__*/memo(ChatInfoPanelComponent);
+ChatInfoPanel.displayName = 'ChatInfoPanel';
+//# sourceMappingURL=ChatInfoPanel.js.map

package/lib/module/chat-screen/ChatInfoPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useState","Image","Pressable","ScrollView","View","AvatarPresence","Button","useControllableState","RiCloseLine","RiUserAddLine","Search","SettingsListGroup","SettingsListItem","Tabs","TabsTrigger","Text","ChatMemberRow","CHAT_INFO_PANE_WIDTH","CHAT_SCREEN_LABELS","useChatScreenPaint","useResolvedImageSource","jsx","_jsx","jsxs","_jsxs","MEMBER_SEARCH_THRESHOLD","SectionTitle","children","paint","variant","accessibilityRole","style","color","textSecondary","paddingLeft","paddingRight","paddingBottom","textTransform","letterSpacing","ActionTile","action","Icon","icon","negative","tone","tint","destructive","accentColor","accessibilityLabel","label","disabled","onPress","testID","key","minWidth","flexGrow","flexBasis","alignItems","gap","paddingTop","borderRadius","backgroundColor","destructiveSubtle","accentSubtle","opacity","width","height","fill","numberOfLines","ChatInfoPanelComponent","props","title","info","onClose","closeLabel","close","headerActions","cover","coverSource","coverHeight","avatar","avatarSource","presence","avatarSize","name","handle","bio","meta","actions","settings","settingsTitle","tabs","tab","onTabChange","defaultTab","members","membersTitle","onPressMember","roleLabels","memberSearch","memberQuery","onMemberQueryChange","memberSearchPlaceholder","onAddMember","addMemberLabel","addMember","membersEmptyLabel","noMembers","destructiveActions","scrollable","contentStyle","coverImage","hasCover","Boolean","resolvedAvatarSize","selectedTab","setSelectedTab","value","defaultValue","onChange","activeTab","find","entry","ownQuery","setOwnQuery","controlledQuery","undefined","query","showMemberSearch","length","visibleMembers","trim","needle","toLowerCase","filter","member","includes","body","overflow","surfaceSubtle","source","resizeMode","accessibilityIgnoresInvertColors","accessibilityElementsHidden","importantForAccessibility","marginTop","size","status","presenceRingColor","surface","text","textAlign","textTertiary","flexDirection","flexWrap","map","onValueChange","leadingIcon","count","content","onChangeText","onClearText","justifyContent","id","showChevron","frame","flexShrink","borderLeftWidth","borderLeftColor","border","minHeight","borderBottomWidth","borderBottomColor","iconOnly","contentContainerStyle","ChatInfoPanel","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/ChatInfoPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-screen/ChatMemberRow.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Pressable, View } from 'react-native';
+import { AvatarPresence } from "../chat-indicators/AvatarPresence.js";
+import { Text } from "../typography/index.js";
+import { CHAT_SCREEN_LABELS, useChatScreenPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_ROLE_LABELS = {
+  owner: CHAT_SCREEN_LABELS.owner,
+  admin: CHAT_SCREEN_LABELS.admin
+};
+
+/**
+ * One person in a roster: avatar with presence, name, a second line, and a role
+ * badge for the two roles that carry authority.
+ *
+ * `member` draws NO badge. A badge on every row is a badge on nobody — the point
+ * of the mark is that owner and admin stand out from the rest, and a third
+ * spelling of "ordinary" costs the same width it saves.
+ *
+ * The accessible name is composed from the name, the role and the second line in
+ * that order, so a reader hears "Ana Restrepo, Owner, last seen recently" rather
+ * than three separate stops.
+ */
+function ChatMemberRowComponent({
+  member,
+  onPress,
+  roleLabels,
+  avatarSize = 40,
+  style,
+  testID
+}) {
+  const paint = useChatScreenPaint();
+  const labels = {
+    ...DEFAULT_ROLE_LABELS,
+    ...roleLabels
+  };
+  const role = member.role && member.role !== 'member' ? labels[member.role] : undefined;
+  const name = [member.name, role, member.subtitle].filter(Boolean).join(', ');
+  const content = /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      paddingLeft: 16,
+      paddingRight: 16,
+      paddingTop: 8,
+      paddingBottom: 8
+    },
+    children: [/*#__PURE__*/_jsx(AvatarPresence, {
+      source: member.source ?? undefined,
+      name: member.name,
+      size: avatarSize,
+      status: member.status
+      // The dot's ring separates it from the row's surface, not from the page.
+      ,
+      presenceRingColor: paint.surface,
+      presenceLabel: ""
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        minWidth: 0,
+        flexGrow: 1,
+        flexShrink: 1
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        numberOfLines: 1,
+        style: {
+          color: paint.text
+        },
+        children: member.name
+      }), member.subtitle ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        children: member.subtitle
+      }) : null]
+    }), role ? /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-role` : undefined,
+      style: {
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingTop: 2,
+        paddingBottom: 2,
+        borderRadius: 999,
+        backgroundColor: paint.accentSubtle
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "caption-2-medium",
+        style: {
+          color: paint.accentColor
+        },
+        children: role
+      })
+    }) : null]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      accessibilityRole: "none",
+      accessibilityLabel: name,
+      style: style,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    testID: testID,
+    accessibilityRole: "button",
+    accessibilityLabel: name,
+    onPress: () => onPress(member),
+    style: style,
+    children: content
+  });
+}
+export const ChatMemberRow = /*#__PURE__*/memo(ChatMemberRowComponent);
+ChatMemberRow.displayName = 'ChatMemberRow';
+//# sourceMappingURL=ChatMemberRow.js.map

package/lib/module/chat-screen/ChatMemberRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Pressable","View","AvatarPresence","Text","CHAT_SCREEN_LABELS","useChatScreenPaint","jsx","_jsx","jsxs","_jsxs","DEFAULT_ROLE_LABELS","owner","admin","ChatMemberRowComponent","member","onPress","roleLabels","avatarSize","style","testID","paint","labels","role","undefined","name","subtitle","filter","Boolean","join","content","flexDirection","alignItems","gap","paddingLeft","paddingRight","paddingTop","paddingBottom","children","source","size","status","presenceRingColor","surface","presenceLabel","minWidth","flexGrow","flexShrink","variant","numberOfLines","color","text","textSecondary","borderRadius","backgroundColor","accentSubtle","accentColor","accessibilityRole","accessibilityLabel","ChatMemberRow","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/ChatMemberRow.tsx"],"mappings":"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","ignoreList":[]}