@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/components/ContextMenu/index.js

@@ -0,0 +1,476 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Modal, Pressable, StyleSheet, View, useWindowDimensions } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useIsRTL } from '../../hooks/useIsRTL';
+import { useTheme, useThemedStyles } from '../../hooks/useTheme';
+import { useWindowInsets } from '../windowInsets';
+import { BAR_HEIGHT, CLOSE_SCALE, DECELERATE, FOLLOW_MS, MAX_QUICK_REACTIONS, MENU_MIN_WIDTH, timing } from './constants';
+import { MenuCard } from './MenuCard';
+import { cellCenter, getBarWidth, placeMenu } from './placement';
+import { ReactionFlight } from './ReactionFlight';
+import { ReactionsBar } from './ReactionsBar';
+import { createStyles } from './styles';
+import { useExpandPanel } from './useExpandPanel';
+import { useMenuPresence } from './useMenuPresence';
+/*
+ * The long-press menu: a popup card of action rows with the reactions bar above it, over a
+ * black 0.2 scrim.
+ */
+
+const useCloseStyle = closing => {
+  return useAnimatedStyle(() => ({
+    opacity: 1 - closing.value,
+    transform: [{
+      scale: 1 - (1 - CLOSE_SCALE) * closing.value
+    }]
+  }));
+};
+
+/**
+ * The long-press menu. The chat dims under a black scrim while the pressed
+ * message stays lit in place; the reactions bar pops out above the actions, which unroll from
+ * the top beside the finger. A picked reaction grows and flies into the message's reaction
+ * pill; the expand button grows the bar into a full emoji panel. Every way out plays the exit
+ * before calling back. All motion runs on Reanimated and honours Reduce Motion.
+ */
+export const ContextMenu = t0 => {
+  const $ = _c(111);
+  const {
+    visible,
+    items,
+    onDismiss,
+    pageX: t1,
+    pageY: t2,
+    bubbleWidth: t3,
+    bubbleHeight: t4,
+    touchX,
+    touchY,
+    reactions,
+    messagePreview,
+    children
+  } = t0;
+  const pageX = t1 === undefined ? 0 : t1;
+  const pageY = t2 === undefined ? 0 : t2;
+  const bubbleWidth = t3 === undefined ? 0 : t3;
+  const bubbleHeight = t4 === undefined ? 0 : t4;
+  const styles = useThemedStyles(createStyles);
+  const theme = useTheme();
+  const isRTL = useIsRTL();
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = useWindowDimensions();
+  const insets = useWindowInsets();
+  const rowCount = items.length;
+  const revealMs = 150 + 16 * rowCount;
+  const isFlyingRef = useRef(false);
+  const [flight, setFlight] = useState(null);
+  let t5;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => isFlyingRef.current;
+    $[0] = t5;
+  } else {
+    t5 = $[0];
+  }
+  const isFlying = t5;
+  const {
+    scrim,
+    reveal,
+    barIn,
+    closing,
+    expand,
+    menuFade,
+    onFlightEnd,
+    isMounted,
+    close
+  } = useMenuPresence(visible, revealMs, isFlying);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const {
+    handleExpand,
+    handleCollapse
+  } = useExpandPanel(expand, menuFade, setIsExpanded);
+  const anchor = {
+    pageX,
+    pageY,
+    bubbleWidth,
+    bubbleHeight,
+    touchX: touchX ?? pageX + bubbleWidth / 2,
+    touchY: touchY ?? pageY + bubbleHeight / 2
+  };
+  const [openedAt, setOpenedAt] = useState(null);
+  const openAnchor = openedAt ?? anchor;
+  if (!isMounted) {
+    if (openedAt) {
+      setOpenedAt(null);
+    }
+    if (flight) {
+      setFlight(null);
+    }
+    if (isExpanded) {
+      setIsExpanded(false);
+    }
+  } else {
+    if (!openedAt) {
+      setOpenedAt(anchor);
+    }
+  }
+  let t6;
+  let t7;
+  if ($[1] !== isMounted) {
+    t6 = () => {
+      if (!isMounted) {
+        isFlyingRef.current = false;
+      }
+    };
+    t7 = [isMounted];
+    $[1] = isMounted;
+    $[2] = t6;
+    $[3] = t7;
+  } else {
+    t6 = $[2];
+    t7 = $[3];
+  }
+  useLayoutEffect(t6, t7);
+  let t8;
+  if ($[4] !== close || $[5] !== onDismiss) {
+    t8 = () => close(onDismiss);
+    $[4] = close;
+    $[5] = onDismiss;
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  const handleDismiss = t8;
+  let t9;
+  if ($[7] !== close || $[8] !== onDismiss) {
+    t9 = onPress => {
+      close(() => {
+        onPress();
+        onDismiss();
+      });
+    };
+    $[7] = close;
+    $[8] = onDismiss;
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  const handlePress = t9;
+  const hasExpand = !!reactions?.renderExpandedPicker;
+  let t10;
+  if ($[10] !== reactions?.emojis) {
+    t10 = reactions?.emojis ?? [];
+    $[10] = reactions?.emojis;
+    $[11] = t10;
+  } else {
+    t10 = $[11];
+  }
+  let t11;
+  if ($[12] !== hasExpand || $[13] !== t10) {
+    t11 = t10.slice(0, hasExpand ? MAX_QUICK_REACTIONS : undefined);
+    $[12] = hasExpand;
+    $[13] = t10;
+    $[14] = t11;
+  } else {
+    t11 = $[14];
+  }
+  const quickEmojis = t11;
+  const hasReactions = !!reactions && (quickEmojis.length > 0 || !!reactions.renderAccessory || hasExpand);
+  const [accessoryWidth, setAccessoryWidth] = useState(0);
+  let t12;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = event => {
+      setAccessoryWidth(event.nativeEvent.layout.width);
+    };
+    $[15] = t12;
+  } else {
+    t12 = $[15];
+  }
+  const onAccessoryLayout = t12;
+  const barSlots = quickEmojis.length + (hasExpand ? 1 : 0);
+  const barWidth = getBarWidth(barSlots, accessoryWidth, screenWidth);
+  const [menuWidth, setMenuWidth] = useState(MENU_MIN_WIDTH);
+  let t13;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = event_0 => {
+      const width = event_0.nativeEvent.layout.width;
+      setMenuWidth(previous => Math.abs(previous - width) < 0.5 ? previous : width);
+    };
+    $[16] = t13;
+  } else {
+    t13 = $[16];
+  }
+  const onMenuLayout = t13;
+  const {
+    hasMenu,
+    containerLeft,
+    containerWidth,
+    containerTop,
+    followDy,
+    barLeft,
+    pillTop,
+    menuLeft,
+    menuTop,
+    panelWidth,
+    panelHeight,
+    panelLeft,
+    panelTop,
+    flightTarget
+  } = placeMenu({
+    openAnchor,
+    pageX,
+    pageY,
+    bubbleWidth,
+    bubbleHeight,
+    screenWidth,
+    screenHeight,
+    insets,
+    isRTL,
+    hasReactions,
+    barWidth,
+    rowCount,
+    menuWidth
+  });
+  const followY = useSharedValue(0);
+  let t14;
+  let t15;
+  if ($[17] !== followDy || $[18] !== followY) {
+    t14 = () => {
+      followY.set(withTiming(followDy, timing(FOLLOW_MS, DECELERATE)));
+    };
+    t15 = [followDy, followY];
+    $[17] = followDy;
+    $[18] = followY;
+    $[19] = t14;
+    $[20] = t15;
+  } else {
+    t14 = $[19];
+    t15 = $[20];
+  }
+  useEffect(t14, t15);
+  const followStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: followY.value
+    }]
+  }));
+  let t16;
+  if ($[21] !== barLeft || $[22] !== barWidth || $[23] !== close || $[24] !== isRTL || $[25] !== onDismiss || $[26] !== pillTop || $[27] !== reactions) {
+    t16 = (emoji, index) => {
+      if (isFlyingRef.current) {
+        return;
+      }
+      isFlyingRef.current = true;
+      setFlight({
+        emoji,
+        fromX: cellCenter(index, barLeft, barWidth, isRTL),
+        fromY: pillTop + BAR_HEIGHT / 2
+      });
+      reactions?.onSelect(emoji);
+      close(onDismiss);
+    };
+    $[21] = barLeft;
+    $[22] = barWidth;
+    $[23] = close;
+    $[24] = isRTL;
+    $[25] = onDismiss;
+    $[26] = pillTop;
+    $[27] = reactions;
+    $[28] = t16;
+  } else {
+    t16 = $[28];
+  }
+  const handleReaction = t16;
+  let t17;
+  if ($[29] !== close || $[30] !== onDismiss || $[31] !== reactions?.onSelect) {
+    t17 = emoji_0 => {
+      const onSelect = reactions?.onSelect;
+      close(() => {
+        onSelect?.(emoji_0);
+        onDismiss();
+      });
+    };
+    $[29] = close;
+    $[30] = onDismiss;
+    $[31] = reactions?.onSelect;
+    $[32] = t17;
+  } else {
+    t17 = $[32];
+  }
+  reactions?.onSelect;
+  const handleExpandedSelect = t17;
+  const handleOutsidePress = isExpanded ? handleCollapse : handleDismiss;
+  const scrimStyle = useAnimatedStyle(() => ({
+    opacity: scrim.value
+  }));
+  const closeStyle = useCloseStyle(closing);
+  if (!isMounted) {
+    return null;
+  }
+  let t18;
+  if ($[33] !== scrimStyle || $[34] !== styles.scrim) {
+    t18 = <Animated.View style={[StyleSheet.absoluteFill, styles.scrim, scrimStyle]} pointerEvents="none" />;
+    $[33] = scrimStyle;
+    $[34] = styles.scrim;
+    $[35] = t18;
+  } else {
+    t18 = $[35];
+  }
+  let t19;
+  if ($[36] !== handleOutsidePress) {
+    t19 = <Pressable style={StyleSheet.absoluteFill} onPress={handleOutsidePress} accessibilityLabel="dismiss" />;
+    $[36] = handleOutsidePress;
+    $[37] = t19;
+  } else {
+    t19 = $[37];
+  }
+  let t20;
+  if ($[38] !== bubbleWidth || $[39] !== messagePreview || $[40] !== pageX || $[41] !== pageY || $[42] !== styles.preview) {
+    t20 = messagePreview != null && <View style={[styles.preview, {
+      top: pageY,
+      left: pageX,
+      width: bubbleWidth
+    }]} pointerEvents="none">{messagePreview}</View>;
+    $[38] = bubbleWidth;
+    $[39] = messagePreview;
+    $[40] = pageX;
+    $[41] = pageY;
+    $[42] = styles.preview;
+    $[43] = t20;
+  } else {
+    t20 = $[43];
+  }
+  let t21;
+  if ($[44] !== followStyle) {
+    t21 = [StyleSheet.absoluteFill, followStyle];
+    $[44] = followStyle;
+    $[45] = t21;
+  } else {
+    t21 = $[45];
+  }
+  const t22 = `${isRTL ? containerLeft : containerLeft + containerWidth}px ${containerTop}px`;
+  let t23;
+  if ($[46] !== t22) {
+    t23 = {
+      transformOrigin: t22
+    };
+    $[46] = t22;
+    $[47] = t23;
+  } else {
+    t23 = $[47];
+  }
+  let t24;
+  if ($[48] !== closeStyle || $[49] !== t23) {
+    t24 = [StyleSheet.absoluteFill, closeStyle, t23];
+    $[48] = closeStyle;
+    $[49] = t23;
+    $[50] = t24;
+  } else {
+    t24 = $[50];
+  }
+  let t25;
+  if ($[51] !== handlePress || $[52] !== hasMenu || $[53] !== isExpanded || $[54] !== items || $[55] !== menuFade || $[56] !== menuLeft || $[57] !== menuTop || $[58] !== onMenuLayout || $[59] !== reveal || $[60] !== revealMs || $[61] !== styles || $[62] !== theme) {
+    t25 = hasMenu && <MenuCard items={items} revealMs={revealMs} top={menuTop} left={menuLeft} isExpanded={isExpanded} reveal={reveal} menuFade={menuFade} onLayout={onMenuLayout} onPress={handlePress} styles={styles} theme={theme} />;
+    $[51] = handlePress;
+    $[52] = hasMenu;
+    $[53] = isExpanded;
+    $[54] = items;
+    $[55] = menuFade;
+    $[56] = menuLeft;
+    $[57] = menuTop;
+    $[58] = onMenuLayout;
+    $[59] = reveal;
+    $[60] = revealMs;
+    $[61] = styles;
+    $[62] = theme;
+    $[63] = t25;
+  } else {
+    t25 = $[63];
+  }
+  let t26;
+  if ($[64] !== barIn || $[65] !== barLeft || $[66] !== barWidth || $[67] !== expand || $[68] !== flight?.emoji || $[69] !== handleExpand || $[70] !== handleExpandedSelect || $[71] !== handleReaction || $[72] !== hasExpand || $[73] !== hasReactions || $[74] !== isExpanded || $[75] !== isRTL || $[76] !== onAccessoryLayout || $[77] !== panelHeight || $[78] !== panelLeft || $[79] !== panelTop || $[80] !== panelWidth || $[81] !== pillTop || $[82] !== quickEmojis || $[83] !== reactions || $[84] !== styles || $[85] !== theme) {
+    t26 = hasReactions && <ReactionsBar reactions={reactions} quickEmojis={quickEmojis} flyingEmoji={flight?.emoji} hasExpand={hasExpand} isExpanded={isExpanded} isRTL={isRTL} barLeft={barLeft} barWidth={barWidth} pillTop={pillTop} panelLeft={panelLeft} panelTop={panelTop} panelWidth={panelWidth} panelHeight={panelHeight} barIn={barIn} expand={expand} onReaction={handleReaction} onExpand={handleExpand} onExpandedSelect={handleExpandedSelect} onAccessoryLayout={onAccessoryLayout} styles={styles} theme={theme} />;
+    $[64] = barIn;
+    $[65] = barLeft;
+    $[66] = barWidth;
+    $[67] = expand;
+    $[68] = flight?.emoji;
+    $[69] = handleExpand;
+    $[70] = handleExpandedSelect;
+    $[71] = handleReaction;
+    $[72] = hasExpand;
+    $[73] = hasReactions;
+    $[74] = isExpanded;
+    $[75] = isRTL;
+    $[76] = onAccessoryLayout;
+    $[77] = panelHeight;
+    $[78] = panelLeft;
+    $[79] = panelTop;
+    $[80] = panelWidth;
+    $[81] = pillTop;
+    $[82] = quickEmojis;
+    $[83] = reactions;
+    $[84] = styles;
+    $[85] = theme;
+    $[86] = t26;
+  } else {
+    t26 = $[86];
+  }
+  let t27;
+  if ($[87] !== t24 || $[88] !== t25 || $[89] !== t26) {
+    t27 = <Animated.View style={t24} pointerEvents="box-none">{t25}{t26}</Animated.View>;
+    $[87] = t24;
+    $[88] = t25;
+    $[89] = t26;
+    $[90] = t27;
+  } else {
+    t27 = $[90];
+  }
+  let t28;
+  if ($[91] !== t21 || $[92] !== t27) {
+    t28 = <Animated.View style={t21} pointerEvents="box-none">{t27}</Animated.View>;
+    $[91] = t21;
+    $[92] = t27;
+    $[93] = t28;
+  } else {
+    t28 = $[93];
+  }
+  let t29;
+  if ($[94] !== flight || $[95] !== flightTarget || $[96] !== onFlightEnd || $[97] !== reactions?.emojiStyle || $[98] !== styles) {
+    t29 = flight && <ReactionFlight flight={flight} target={flightTarget} onEnd={onFlightEnd} emojiStyle={reactions?.emojiStyle} styles={styles} />;
+    $[94] = flight;
+    $[95] = flightTarget;
+    $[96] = onFlightEnd;
+    $[97] = reactions?.emojiStyle;
+    $[98] = styles;
+    $[99] = t29;
+  } else {
+    t29 = $[99];
+  }
+  let t30;
+  if ($[100] !== children || $[101] !== styles.root || $[102] !== t18 || $[103] !== t19 || $[104] !== t20 || $[105] !== t28 || $[106] !== t29) {
+    t30 = <GestureHandlerRootView style={styles.root}>{t18}{t19}{t20}{t28}{t29}{children}</GestureHandlerRootView>;
+    $[100] = children;
+    $[101] = styles.root;
+    $[102] = t18;
+    $[103] = t19;
+    $[104] = t20;
+    $[105] = t28;
+    $[106] = t29;
+    $[107] = t30;
+  } else {
+    t30 = $[107];
+  }
+  let t31;
+  if ($[108] !== handleOutsidePress || $[109] !== t30) {
+    t31 = <Modal transparent={true} visible={true} animationType="none" onRequestClose={handleOutsidePress} statusBarTranslucent={true}>{t30}</Modal>;
+    $[108] = handleOutsidePress;
+    $[109] = t30;
+    $[110] = t31;
+  } else {
+    t31 = $[110];
+  }
+  return t31;
+};
+//# sourceMappingURL=index.js.map

package/lib/components/ContextMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useLayoutEffect","useRef","useState","Modal","Pressable","StyleSheet","View","useWindowDimensions","GestureHandlerRootView","Animated","useAnimatedStyle","useSharedValue","withTiming","useIsRTL","useTheme","useThemedStyles","useWindowInsets","BAR_HEIGHT","CLOSE_SCALE","DECELERATE","FOLLOW_MS","MAX_QUICK_REACTIONS","MENU_MIN_WIDTH","timing","MenuCard","cellCenter","getBarWidth","placeMenu","ReactionFlight","ReactionsBar","createStyles","useExpandPanel","useMenuPresence","useCloseStyle","closing","opacity","value","transform","scale","ContextMenu","t0","$","_c","visible","items","onDismiss","pageX","t1","pageY","t2","bubbleWidth","t3","bubbleHeight","t4","touchX","touchY","reactions","messagePreview","children","undefined","styles","theme","isRTL","width","screenWidth","height","screenHeight","insets","rowCount","length","revealMs","isFlyingRef","flight","setFlight","t5","Symbol","for","current","isFlying","scrim","reveal","barIn","expand","menuFade","onFlightEnd","isMounted","close","isExpanded","setIsExpanded","handleExpand","handleCollapse","anchor","openedAt","setOpenedAt","openAnchor","t6","t7","t8","handleDismiss","t9","onPress","handlePress","hasExpand","renderExpandedPicker","t10","emojis","t11","slice","quickEmojis","hasReactions","renderAccessory","accessoryWidth","setAccessoryWidth","t12","event","nativeEvent","layout","onAccessoryLayout","barSlots","barWidth","menuWidth","setMenuWidth","t13","event_0","previous","Math","abs","onMenuLayout","hasMenu","containerLeft","containerWidth","containerTop","followDy","barLeft","pillTop","menuLeft","menuTop","panelWidth","panelHeight","panelLeft","panelTop","flightTarget","followY","t14","t15","set","followStyle","translateY","t16","emoji","index","fromX","fromY","onSelect","handleReaction","t17","emoji_0","handleExpandedSelect","handleOutsidePress","scrimStyle","closeStyle","t18","absoluteFill","t19","t20","preview","top","left","t21","t22","t23","transformOrigin","t24","t25","t26","t27","t28","t29","emojiStyle","t30","root","t31"],"sources":["../../../src/components/ContextMenu/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport {\n  LayoutChangeEvent,\n  Modal,\n  Pressable,\n  StyleSheet,\n  View,\n  useWindowDimensions,\n} from 'react-native'\nimport { GestureHandlerRootView } from 'react-native-gesture-handler'\nimport Animated, {\n  SharedValue,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { useIsRTL } from '../../hooks/useIsRTL'\nimport { useTheme, useThemedStyles } from '../../hooks/useTheme'\nimport { useWindowInsets } from '../windowInsets'\nimport {\n  BAR_HEIGHT,\n  CLOSE_SCALE,\n  DECELERATE,\n  FOLLOW_MS,\n  MAX_QUICK_REACTIONS,\n  MENU_MIN_WIDTH,\n  timing,\n} from './constants'\nimport { MenuCard } from './MenuCard'\nimport { MenuAnchor, cellCenter, getBarWidth, placeMenu } from './placement'\nimport { ReactionFlight } from './ReactionFlight'\nimport { ReactionsBar } from './ReactionsBar'\nimport { createStyles } from './styles'\nimport { ContextMenuProps, Flight } from './types'\nimport { useExpandPanel } from './useExpandPanel'\nimport { useMenuPresence } from './useMenuPresence'\n\nexport type { ContextMenuProps, ContextMenuReactions } from './types'\n\n/*\n * The long-press menu: a popup card of action rows with the reactions bar above it, over a\n * black 0.2 scrim.\n */\n\nconst useCloseStyle = (closing: SharedValue<number>) => useAnimatedStyle(() => ({\n  opacity: 1 - closing.value,\n  transform: [{ scale: 1 - (1 - CLOSE_SCALE) * closing.value }],\n}))\n\n/**\n * The long-press menu. The chat dims under a black scrim while the pressed\n * message stays lit in place; the reactions bar pops out above the actions, which unroll from\n * the top beside the finger. A picked reaction grows and flies into the message's reaction\n * pill; the expand button grows the bar into a full emoji panel. Every way out plays the exit\n * before calling back. All motion runs on Reanimated and honours Reduce Motion.\n */\nexport const ContextMenu = ({\n  visible,\n  items,\n  onDismiss,\n  pageX = 0,\n  pageY = 0,\n  bubbleWidth = 0,\n  bubbleHeight = 0,\n  touchX,\n  touchY,\n  reactions,\n  messagePreview,\n  children,\n}: ContextMenuProps) => {\n  const styles = useThemedStyles(createStyles)\n  const theme = useTheme()\n  const isRTL = useIsRTL()\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions()\n  const insets = useWindowInsets()\n\n  const rowCount = items.length\n  const revealMs = 150 + 16 * rowCount\n\n  // While a picked reaction is flying, the overlay stays up until it has landed.\n  const isFlyingRef = useRef(false)\n  const [flight, setFlight] = useState<Flight | null>(null)\n  const isFlying = useCallback(() => isFlyingRef.current, [])\n  const {\n    scrim,\n    reveal,\n    barIn,\n    closing,\n    expand,\n    menuFade,\n    onFlightEnd,\n    isMounted,\n    close,\n  } = useMenuPresence(visible, revealMs, isFlying)\n  const [isExpanded, setIsExpanded] = useState(false)\n  const { handleExpand, handleCollapse } = useExpandPanel(expand, menuFade, setIsExpanded)\n\n  // Placement is worked out once, when the overlay opens. Presenting the Modal can still move\n  // the list underneath (it dismisses the keyboard); the lit copy follows the message, and the\n  // bar and card follow the copy by the same distance (see `followY`), so they never end up\n  // over a message they are not for.\n  const anchor: MenuAnchor = {\n    pageX,\n    pageY,\n    bubbleWidth,\n    bubbleHeight,\n    touchX: touchX ?? pageX + bubbleWidth / 2,\n    touchY: touchY ?? pageY + bubbleHeight / 2,\n  }\n  const [openedAt, setOpenedAt] = useState<MenuAnchor | null>(null)\n  const openAnchor = openedAt ?? anchor\n\n  if (!isMounted) {\n    if (openedAt)\n      setOpenedAt(null)\n    if (flight)\n      setFlight(null)\n    if (isExpanded)\n      setIsExpanded(false)\n  } else if (!openedAt) {\n    setOpenedAt(anchor)\n  }\n  // A flight cut short by the overlay unmounting must not hold up the next close.\n  useLayoutEffect(() => {\n    if (!isMounted)\n      isFlyingRef.current = false\n  }, [isMounted])\n\n  const handleDismiss = useCallback(() => close(onDismiss), [close, onDismiss])\n\n  const handlePress = useCallback((onPress: () => void) => {\n    close(() => {\n      onPress()\n      onDismiss()\n    })\n  }, [close, onDismiss])\n\n  const hasExpand = !!reactions?.renderExpandedPicker\n  const quickEmojis = (reactions?.emojis ?? []).slice(0, hasExpand ? MAX_QUICK_REACTIONS : undefined)\n  const hasReactions = !!reactions && (quickEmojis.length > 0 || !!reactions.renderAccessory || hasExpand)\n\n  // The bar is sized from its cells; an accessory can widen it, so correct once it has drawn.\n  const [accessoryWidth, setAccessoryWidth] = useState(0)\n  const onAccessoryLayout = useCallback((event: LayoutChangeEvent) => {\n    setAccessoryWidth(event.nativeEvent.layout.width)\n  }, [])\n  const barSlots = quickEmojis.length + (hasExpand ? 1 : 0)\n  const barWidth = getBarWidth(barSlots, accessoryWidth, screenWidth)\n\n  // The card sizes to its longest label, at least 200 wide.\n  const [menuWidth, setMenuWidth] = useState(MENU_MIN_WIDTH)\n  const onMenuLayout = useCallback((event: LayoutChangeEvent) => {\n    const width = event.nativeEvent.layout.width\n    setMenuWidth(previous => (Math.abs(previous - width) < 0.5 ? previous : width))\n  }, [])\n\n  const {\n    hasMenu,\n    containerLeft,\n    containerWidth,\n    containerTop,\n    followDy,\n    barLeft,\n    pillTop,\n    menuLeft,\n    menuTop,\n    panelWidth,\n    panelHeight,\n    panelLeft,\n    panelTop,\n    flightTarget,\n  } = placeMenu({\n    openAnchor,\n    pageX,\n    pageY,\n    bubbleWidth,\n    bubbleHeight,\n    screenWidth,\n    screenHeight,\n    insets,\n    isRTL,\n    hasReactions,\n    barWidth,\n    rowCount,\n    menuWidth,\n  })\n\n  const followY = useSharedValue(0)\n  useEffect(() => {\n    followY.set(withTiming(followDy, timing(FOLLOW_MS, DECELERATE)))\n  }, [followDy, followY])\n  const followStyle = useAnimatedStyle(() => ({ transform: [{ translateY: followY.value }] }))\n\n  const handleReaction = useCallback((emoji: string, index: number) => {\n    if (isFlyingRef.current)\n      return\n\n    isFlyingRef.current = true\n    setFlight({ emoji, fromX: cellCenter(index, barLeft, barWidth, isRTL), fromY: pillTop + BAR_HEIGHT / 2 })\n    reactions?.onSelect(emoji)\n    close(onDismiss)\n  }, [close, reactions, onDismiss, barLeft, barWidth, pillTop, isRTL])\n\n  // A pick from the expanded panel has no bar slot to fly from, so the overlay simply closes.\n  const handleExpandedSelect = useCallback((emoji: string) => {\n    const onSelect = reactions?.onSelect\n    close(() => {\n      onSelect?.(emoji)\n      onDismiss()\n    })\n  }, [close, reactions?.onSelect, onDismiss])\n\n  const handleOutsidePress = isExpanded ? handleCollapse : handleDismiss\n\n  const scrimStyle = useAnimatedStyle(() => ({ opacity: scrim.value }))\n  const closeStyle = useCloseStyle(closing)\n\n  if (!isMounted)\n    return null\n\n  return (\n    <Modal transparent visible animationType='none' onRequestClose={handleOutsidePress} statusBarTranslucent>\n      {/* The lit copy can carry gesture-driven content (a waveform's scrubber); a Modal is its\n          own native root, so it needs its own. */}\n      <GestureHandlerRootView style={styles.root}>\n        <Animated.View style={[StyleSheet.absoluteFill, styles.scrim, scrimStyle]} pointerEvents='none' />\n        <Pressable style={StyleSheet.absoluteFill} onPress={handleOutsidePress} accessibilityLabel='dismiss' />\n\n        {messagePreview != null && (\n          <View\n            style={[styles.preview, { top: pageY, left: pageX, width: bubbleWidth }]}\n            pointerEvents='none'\n          >\n            {messagePreview}\n          </View>\n        )}\n\n        <Animated.View style={[StyleSheet.absoluteFill, followStyle]} pointerEvents='box-none'>\n          <Animated.View style={[StyleSheet.absoluteFill, closeStyle, { transformOrigin: `${isRTL ? containerLeft : containerLeft + containerWidth}px ${containerTop}px` }]} pointerEvents='box-none'>\n            {hasMenu && (\n              <MenuCard\n                items={items}\n                revealMs={revealMs}\n                top={menuTop}\n                left={menuLeft}\n                isExpanded={isExpanded}\n                reveal={reveal}\n                menuFade={menuFade}\n                onLayout={onMenuLayout}\n                onPress={handlePress}\n                styles={styles}\n                theme={theme}\n              />\n            )}\n\n            {hasReactions && (\n              <ReactionsBar\n                reactions={reactions}\n                quickEmojis={quickEmojis}\n                flyingEmoji={flight?.emoji}\n                hasExpand={hasExpand}\n                isExpanded={isExpanded}\n                isRTL={isRTL}\n                barLeft={barLeft}\n                barWidth={barWidth}\n                pillTop={pillTop}\n                panelLeft={panelLeft}\n                panelTop={panelTop}\n                panelWidth={panelWidth}\n                panelHeight={panelHeight}\n                barIn={barIn}\n                expand={expand}\n                onReaction={handleReaction}\n                onExpand={handleExpand}\n                onExpandedSelect={handleExpandedSelect}\n                onAccessoryLayout={onAccessoryLayout}\n                styles={styles}\n                theme={theme}\n              />\n            )}\n          </Animated.View>\n        </Animated.View>\n\n        {flight && (\n          <ReactionFlight\n            flight={flight}\n            target={flightTarget}\n            onEnd={onFlightEnd}\n            emojiStyle={reactions?.emojiStyle}\n            styles={styles}\n          />\n        )}\n\n        {children}\n      </GestureHandlerRootView>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContextMenu/placement.d.ts

@@ -0,0 +1,50 @@
+import { FlightTarget } from './types';
+/** Where the pressed message is, and where the finger was, in window coordinates. */
+export interface MenuAnchor {
+    pageX: number;
+    pageY: number;
+    bubbleWidth: number;
+    bubbleHeight: number;
+    touchX: number;
+    touchY: number;
+}
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const cellCenter: (index: number, barLeft: number, barWidth: number, isRTL: boolean) => number;
+export declare const getBarWidth: (barSlots: number, accessoryWidth: number, screenWidth: number) => number;
+export interface MenuPlacementInput {
+    /** The anchor as it was when the overlay opened. */
+    openAnchor: MenuAnchor;
+    /** The message's live position, which the list can move while the overlay is up. */
+    pageX: number;
+    pageY: number;
+    bubbleWidth: number;
+    bubbleHeight: number;
+    screenWidth: number;
+    screenHeight: number;
+    insets: {
+        top: number;
+        bottom: number;
+    };
+    isRTL: boolean;
+    hasReactions: boolean;
+    barWidth: number;
+    rowCount: number;
+    menuWidth: number;
+}
+export declare const placeMenu: ({ openAnchor, pageX, pageY, bubbleWidth, bubbleHeight, screenWidth, screenHeight, insets, isRTL, hasReactions, barWidth, rowCount, menuWidth, }: MenuPlacementInput) => {
+    hasMenu: boolean;
+    containerLeft: number;
+    containerWidth: number;
+    containerTop: number;
+    followDy: number;
+    barLeft: number;
+    pillTop: number;
+    menuLeft: number;
+    menuTop: number;
+    panelWidth: number;
+    panelHeight: number;
+    panelLeft: number;
+    panelTop: number;
+    flightTarget: FlightTarget;
+};
+//# sourceMappingURL=placement.d.ts.map

package/lib/components/ContextMenu/placement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/placement.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,qFAAqF;AACrF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WAAuD,CAAA;AAGpH,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,EAAE,UAAU,MAAM,EAAE,OAAO,OAAO,WAElC,CAAA;AAGzD,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,gBAAgB,MAAM,EAAE,aAAa,MAAM,WACK,CAAA;AA0C9F,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,UAAU,EAAE,UAAU,CAAA;IACtB,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,GAAI,iJAcvB,kBAAkB;;;;;;;;;;;;;;;CA4DpB,CAAA"}