@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/chat-composer/EmojiPicker.js

@@ -0,0 +1,438 @@
+"use strict";
+
+/**
+ * A controlled, presentational emoji grid.
+ *
+ * BLOOM SHIPS NO EMOJI DATASET, and that is the design rather than an omission:
+ * a full set with names and keywords is tens of kilobytes that every app with
+ * its own would still pay for, and emoji names are localised. `groups` arrives
+ * as a prop. The object form of an entry (`{ char, name, keywords }`) is what
+ * the built-in search matches on; a dataset of bare glyphs still renders, it
+ * just only matches a pasted glyph — which is the honest behaviour, not a
+ * silent one.
+ *
+ * The grid is a `FlatList` on BOTH platforms, over pre-chunked ROWS rather than
+ * single emoji, with exact `getItemLayout` offsets. A few thousand entries is
+ * the normal case: at eight columns that is a few hundred rows, of which a
+ * dozen are mounted, and the exact offsets are what let a category tab jump
+ * straight to its header instead of estimating.
+ */
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { FlatList, Pressable, TextInput, View } from 'react-native';
+import { RiEmotionLine } from "../icons/remix/RiEmotionLine.js";
+import { RiSearchLine } from "../icons/remix/RiSearchLine.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { EMOJI_CATEGORY_ICONS, EMOJI_CATEGORY_SIZE, EMOJI_CELL, PANEL_RADIUS, SKIN_TONE_SWATCHES, applySkinTone, emojiChar, filterEmojiGroups, resolveChatComposerPalette } from "./shared.js";
+import { dataHook, useChatComposerWebCss } from "./web-hooks.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const HEADER_HEIGHT = 26;
+const EMOJI_TAB = '__emoji';
+const DEFAULT_LABELS = {
+  search: 'Search emoji',
+  empty: 'No emoji found',
+  frequent: 'Frequently used',
+  skinTone: 'Skin tone',
+  emojiTab: 'Emoji'
+};
+function chunk(entries, columns) {
+  const out = [];
+  for (let i = 0; i < entries.length; i += columns) out.push(entries.slice(i, i + columns));
+  return out;
+}
+function entryName(entry, char) {
+  return typeof entry === 'string' ? char : entry.name ?? char;
+}
+export function EmojiPicker({
+  groups,
+  onSelectEmoji,
+  activeGroup,
+  defaultActiveGroup,
+  onActiveGroupChange,
+  query,
+  defaultQuery = '',
+  onQueryChange,
+  filter = true,
+  frequentlyUsed,
+  skinTone,
+  defaultSkinTone = 0,
+  onSkinToneChange,
+  columns = 8,
+  height = 288,
+  tabs,
+  activeTab,
+  onActiveTabChange,
+  labels: labelOverrides,
+  style,
+  testID,
+  accessibilityLabel = 'Emoji picker'
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  useChatComposerWebCss();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelOverrides
+  };
+  const [search, setSearch] = useControllableState({
+    value: query,
+    defaultValue: defaultQuery,
+    onChange: onQueryChange
+  });
+  const [tone, setTone] = useControllableState({
+    value: skinTone,
+    defaultValue: defaultSkinTone,
+    onChange: onSkinToneChange
+  });
+  const [category, setCategory] = useControllableState({
+    value: activeGroup,
+    defaultValue: defaultActiveGroup ?? groups[0]?.key ?? '',
+    onChange: onActiveGroupChange
+  });
+  const [tab, setTab] = useControllableState({
+    value: activeTab,
+    defaultValue: EMOJI_TAB,
+    onChange: onActiveTabChange
+  });
+  const [toneOpen, setToneOpen] = useState(false);
+  const listRef = useRef(null);
+  const visible = useMemo(() => filter ? filterEmojiGroups(groups, search) : groups, [filter, groups, search]);
+  const {
+    rows,
+    offsets,
+    heights,
+    headerIndex
+  } = useMemo(() => {
+    const all = [];
+    if (frequentlyUsed && frequentlyUsed.length > 0 && !search.trim()) {
+      all.push({
+        key: 'frequent',
+        label: labels.frequent,
+        emojis: frequentlyUsed
+      });
+    }
+    all.push(...visible);
+    const built = [];
+    const index = {};
+    for (const group of all) {
+      index[group.key] = built.length;
+      built.push({
+        kind: 'header',
+        key: `h-${group.key}`,
+        label: group.label
+      });
+      chunk(group.emojis, columns).forEach((entries, i) => built.push({
+        kind: 'emojis',
+        key: `${group.key}-${i}`,
+        entries
+      }));
+    }
+    const rowHeights = built.map(row => row.kind === 'header' ? HEADER_HEIGHT : EMOJI_CELL);
+    const rowOffsets = [];
+    let running = 0;
+    for (const h of rowHeights) {
+      rowOffsets.push(running);
+      running += h;
+    }
+    return {
+      rows: built,
+      offsets: rowOffsets,
+      heights: rowHeights,
+      headerIndex: index
+    };
+  }, [columns, frequentlyUsed, labels.frequent, search, visible]);
+  const jumpTo = useCallback(key => {
+    setCategory(key);
+    const at = headerIndex[key];
+    if (at === undefined) return;
+    listRef.current?.scrollToOffset({
+      offset: offsets[at] ?? 0,
+      animated: true
+    });
+  }, [headerIndex, offsets, setCategory]);
+  const renderRow = useCallback(({
+    item
+  }) => {
+    if (item.kind === 'header') {
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          height: HEADER_HEIGHT,
+          justifyContent: 'flex-end',
+          paddingLeft: 6
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: {
+            color: palette.textSecondary
+          },
+          children: item.label
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        height: EMOJI_CELL
+      },
+      children: item.entries.map((entry, i) => {
+        const base = emojiChar(entry);
+        const char = applySkinTone(base, tone);
+        return /*#__PURE__*/_jsx(Pressable, {
+          ...dataHook('bloomChatComposerControl', 'inset'),
+          accessibilityRole: "button",
+          accessibilityLabel: entryName(entry, char),
+          onPress: () => onSelectEmoji?.(char),
+          style: {
+            width: EMOJI_CELL,
+            height: EMOJI_CELL,
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 8
+          },
+          testID: testID ? `${testID}-emoji-${base}` : undefined,
+          children: /*#__PURE__*/_jsx(Text, {
+            variant: "title-2-regular",
+            children: char
+          })
+        }, `${base}-${i}`);
+      })
+    });
+  }, [onSelectEmoji, palette.textSecondary, testID, tone]);
+  const panel = {
+    borderRadius: PANEL_RADIUS,
+    borderWidth: 1,
+    borderColor: palette.border,
+    backgroundColor: palette.surface,
+    boxShadow: palette.shadowPanel,
+    paddingTop: 8,
+    paddingBottom: 8,
+    paddingLeft: 8,
+    paddingRight: 8,
+    gap: 8,
+    overflow: 'hidden',
+    '--bloom-chat-composer-ring': palette.focusRing
+  };
+  const topTabs = [{
+    key: EMOJI_TAB,
+    label: labels.emojiTab,
+    icon: RiEmotionLine
+  }, ...(tabs ?? [])];
+  const activeCustom = tabs?.find(t => t.key === tab);
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLabel: accessibilityLabel,
+    style: [panel, style],
+    testID: testID,
+    children: [tabs && tabs.length > 0 ? /*#__PURE__*/_jsx(View, {
+      accessibilityRole: "tablist",
+      style: {
+        flexDirection: 'row',
+        gap: 4
+      },
+      testID: testID ? `${testID}-tabs` : undefined,
+      children: topTabs.map(entry => {
+        const selected = entry.key === tab;
+        return /*#__PURE__*/_jsx(Pressable, {
+          ...dataHook('bloomChatComposerRow'),
+          accessibilityRole: "tab",
+          accessibilityLabel: entry.label,
+          "aria-selected": selected,
+          accessibilityState: {
+            selected
+          },
+          onPress: () => setTab(entry.key),
+          style: {
+            flexGrow: 1,
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: 30,
+            borderRadius: 9999,
+            backgroundColor: selected ? palette.accentSoft : 'transparent'
+          },
+          testID: testID ? `${testID}-tab-${entry.key}` : undefined,
+          children: /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-medium",
+            style: {
+              color: selected ? palette.accentStrong : palette.textSecondary
+            },
+            children: entry.label
+          })
+        }, entry.key);
+      })
+    }) : null, activeCustom ? /*#__PURE__*/_jsx(View, {
+      style: {
+        height
+      },
+      children: activeCustom.content
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexGrow: 1,
+            flexShrink: 1,
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 6,
+            height: 32,
+            borderRadius: 10,
+            backgroundColor: palette.inset,
+            paddingLeft: 8,
+            paddingRight: 8
+          },
+          children: [/*#__PURE__*/_jsx(RiSearchLine, {
+            width: 16,
+            height: 16,
+            fill: palette.iconSecondary
+          }), /*#__PURE__*/_jsx(TextInput, {
+            ...dataHook('bloomChatComposerInput'),
+            accessibilityLabel: labels.search,
+            placeholder: labels.search,
+            placeholderTextColor: palette.textPlaceholder,
+            value: search,
+            onChangeText: setSearch,
+            selectionColor: palette.accent,
+            style: {
+              flexGrow: 1,
+              flexShrink: 1,
+              padding: 0,
+              margin: 0,
+              ...TYPE_SCALE['body-2-regular'],
+              color: palette.text,
+              backgroundColor: 'transparent'
+            },
+            testID: testID ? `${testID}-search` : undefined
+          })]
+        }), /*#__PURE__*/_jsx(Pressable, {
+          ...dataHook('bloomChatComposerControl'),
+          accessibilityRole: "button",
+          accessibilityLabel: labels.skinTone,
+          "aria-expanded": toneOpen,
+          accessibilityState: {
+            expanded: toneOpen
+          },
+          onPress: () => setToneOpen(!toneOpen),
+          style: {
+            width: 32,
+            height: 32,
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 9999,
+            backgroundColor: toneOpen ? palette.hover : palette.inset
+          },
+          testID: testID ? `${testID}-skin-tone` : undefined,
+          children: /*#__PURE__*/_jsx(Text, {
+            variant: "body-regular",
+            children: SKIN_TONE_SWATCHES[tone] ?? SKIN_TONE_SWATCHES[0]
+          })
+        })]
+      }), toneOpen ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          gap: 2,
+          justifyContent: 'flex-end'
+        },
+        testID: testID ? `${testID}-skin-tones` : undefined,
+        children: SKIN_TONE_SWATCHES.map((swatch, index) => {
+          const selected = index === tone;
+          return /*#__PURE__*/_jsx(Pressable, {
+            ...dataHook('bloomChatComposerControl'),
+            accessibilityRole: "button",
+            accessibilityLabel: `${labels.skinTone} ${index + 1}`,
+            "aria-pressed": selected,
+            accessibilityState: {
+              selected
+            },
+            onPress: () => {
+              setTone(index);
+              setToneOpen(false);
+            },
+            style: {
+              width: 30,
+              height: 30,
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderRadius: 9999,
+              backgroundColor: selected ? palette.accentSoft : 'transparent'
+            },
+            testID: testID ? `${testID}-skin-tone-${index}` : undefined,
+            children: /*#__PURE__*/_jsx(Text, {
+              variant: "body-regular",
+              children: swatch
+            })
+          }, index);
+        })
+      }) : null, /*#__PURE__*/_jsx(View, {
+        accessibilityRole: "tablist",
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between'
+        },
+        testID: testID ? `${testID}-categories` : undefined,
+        children: groups.map(group => {
+          const selected = group.key === category;
+          const Glyph = group.icon ?? EMOJI_CATEGORY_ICONS[group.key] ?? RiEmotionLine;
+          return /*#__PURE__*/_jsx(Pressable, {
+            ...dataHook('bloomChatComposerControl'),
+            accessibilityRole: "tab",
+            accessibilityLabel: group.label,
+            "aria-selected": selected,
+            accessibilityState: {
+              selected
+            },
+            onPress: () => jumpTo(group.key),
+            style: {
+              width: EMOJI_CATEGORY_SIZE,
+              height: EMOJI_CATEGORY_SIZE,
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderRadius: 9999,
+              backgroundColor: selected ? palette.accentSoft : 'transparent'
+            },
+            testID: testID ? `${testID}-category-${group.key}` : undefined,
+            children: /*#__PURE__*/_jsx(Glyph, {
+              width: 18,
+              height: 18,
+              fill: selected ? palette.accentStrong : palette.iconSecondary
+            })
+          }, group.key);
+        })
+      }), rows.length === 0 ? /*#__PURE__*/_jsx(View, {
+        style: {
+          height,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            color: palette.textSecondary
+          },
+          children: labels.empty
+        })
+      }) : /*#__PURE__*/_jsx(FlatList, {
+        ref: listRef,
+        ...dataHook('bloomChatComposerScroll'),
+        data: rows,
+        keyExtractor: row => row.key,
+        renderItem: renderRow,
+        getItemLayout: (_data, index) => ({
+          length: heights[index] ?? EMOJI_CELL,
+          offset: offsets[index] ?? 0,
+          index
+        }),
+        style: {
+          height
+        },
+        showsVerticalScrollIndicator: false,
+        testID: testID ? `${testID}-grid` : undefined
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=EmojiPicker.js.map

package/lib/module/chat-composer/EmojiPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","useState","FlatList","Pressable","TextInput","View","RiEmotionLine","RiSearchLine","useControllableState","useTheme","Text","TYPE_SCALE","EMOJI_CATEGORY_ICONS","EMOJI_CATEGORY_SIZE","EMOJI_CELL","PANEL_RADIUS","SKIN_TONE_SWATCHES","applySkinTone","emojiChar","filterEmojiGroups","resolveChatComposerPalette","dataHook","useChatComposerWebCss","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HEADER_HEIGHT","EMOJI_TAB","DEFAULT_LABELS","search","empty","frequent","skinTone","emojiTab","chunk","entries","columns","out","i","length","push","slice","entryName","entry","char","name","EmojiPicker","groups","onSelectEmoji","activeGroup","defaultActiveGroup","onActiveGroupChange","query","defaultQuery","onQueryChange","filter","frequentlyUsed","defaultSkinTone","onSkinToneChange","height","tabs","activeTab","onActiveTabChange","labels","labelOverrides","style","testID","accessibilityLabel","theme","palette","setSearch","value","defaultValue","onChange","tone","setTone","category","setCategory","key","tab","setTab","toneOpen","setToneOpen","listRef","visible","rows","offsets","heights","headerIndex","all","trim","label","emojis","built","index","group","kind","forEach","rowHeights","map","row","rowOffsets","running","h","jumpTo","at","undefined","current","scrollToOffset","offset","animated","renderRow","item","justifyContent","paddingLeft","children","variant","color","textSecondary","flexDirection","base","accessibilityRole","onPress","width","alignItems","borderRadius","panel","borderWidth","borderColor","border","backgroundColor","surface","boxShadow","shadowPanel","paddingTop","paddingBottom","paddingRight","gap","overflow","focusRing","topTabs","icon","activeCustom","find","t","selected","accessibilityState","flexGrow","accentSoft","accentStrong","content","flexShrink","inset","fill","iconSecondary","placeholder","placeholderTextColor","textPlaceholder","onChangeText","selectionColor","accent","padding","margin","text","expanded","hover","swatch","Glyph","ref","data","keyExtractor","renderItem","getItemLayout","_data","showsVerticalScrollIndicator"],"sourceRoot":"../../../src","sources":["chat-composer/EmojiPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-composer/MessageContextMenu.js

@@ -0,0 +1,97 @@
+"use strict";
+
+/**
+ * The long-press / right-click menu for one message: the quick reaction bar on
+ * top, then the rows the app decided apply.
+ *
+ * Built on `DropdownMenu`, which is already an anchored panel on a pointer and
+ * a bottom sheet on a phone — so the rows, their destructive colour, their
+ * dismissal and their keyboard behaviour are the ones Bloom already gates,
+ * and this part only decides what goes in them.
+ *
+ * `items` is a prop and not a fixed list: which actions exist depends on who
+ * sent the message, how old it is and what the channel allows, and a menu that
+ * hid its own rows would be deciding policy the app owns.
+ */
+import React from 'react';
+import { View } from 'react-native';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from '../dropdown-menu';
+import { useTheme } from "../theme/use-theme.js";
+import { ReactionPicker } from "./ReactionPicker.js";
+import { REACTION_PICKER_EMOJIS, resolveChatComposerPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MessageContextMenu({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  items,
+  onSelect,
+  reactions = REACTION_PICKER_EMOJIS,
+  selectedReaction,
+  onSelectReaction,
+  onMoreReactions,
+  label = 'Message actions',
+  style,
+  reactionBarStyle,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  const showReactions = reactions !== false && reactions.length > 0;
+  return /*#__PURE__*/_jsxs(DropdownMenu, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/_jsx(DropdownMenuTrigger, {
+      asChild: true,
+      children: children
+    }), /*#__PURE__*/_jsxs(DropdownMenuContent, {
+      label: label,
+      minWidth: 224,
+      style: style,
+      testID: testID,
+      children: [showReactions ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          paddingBottom: 4
+        },
+        children: [/*#__PURE__*/_jsx(ReactionPicker, {
+          emojis: reactions,
+          selected: selectedReaction,
+          onSelectEmoji: onSelectReaction,
+          onMorePress: onMoreReactions,
+          size: "small",
+          surface: false,
+          style: [{
+            alignSelf: 'stretch',
+            justifyContent: 'space-between'
+          }, reactionBarStyle],
+          testID: testID ? `${testID}-reactions` : undefined
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            height: 1,
+            backgroundColor: palette.border,
+            marginTop: 4
+          }
+        })]
+      }) : null, items.map(item => /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [item.separated ? /*#__PURE__*/_jsx(DropdownMenuSeparator, {}) : null, /*#__PURE__*/_jsx(DropdownMenuItem, {
+          disabled: item.disabled,
+          variant: item.variant,
+          leading: item.icon ? /*#__PURE__*/_jsx(item.icon, {
+            width: 18,
+            height: 18,
+            fill: item.variant === 'destructive' ? palette.destructive : palette.iconSecondary
+          }) : undefined,
+          trailing: item.shortcut ? /*#__PURE__*/_jsx(DropdownMenuShortcut, {
+            children: item.shortcut
+          }) : undefined,
+          onPress: () => onSelect?.(item.id, item),
+          testID: testID ? `${testID}-${item.id}` : undefined,
+          children: item.label
+        })]
+      }, item.id))]
+    })]
+  });
+}
+//# sourceMappingURL=MessageContextMenu.js.map

package/lib/module/chat-composer/MessageContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuTrigger","useTheme","ReactionPicker","REACTION_PICKER_EMOJIS","resolveChatComposerPalette","jsx","_jsx","jsxs","_jsxs","MessageContextMenu","children","open","defaultOpen","onOpenChange","items","onSelect","reactions","selectedReaction","onSelectReaction","onMoreReactions","label","style","reactionBarStyle","testID","theme","palette","showReactions","length","asChild","minWidth","paddingBottom","emojis","selected","onSelectEmoji","onMorePress","size","surface","alignSelf","justifyContent","undefined","height","backgroundColor","border","marginTop","map","item","Fragment","separated","disabled","variant","leading","icon","width","fill","destructive","iconSecondary","trailing","shortcut","onPress","id"],"sourceRoot":"../../../src","sources":["chat-composer/MessageContextMenu.tsx"],"mappings":"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","ignoreList":[]}