@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/emoji/EmojiGrid/index.js

@@ -0,0 +1,450 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FlatList, Platform, Pressable, Text, View } from 'react-native';
+import { selectionHaptic } from '../../components/haptics';
+import { useColorScheme } from '../../hooks/useColorScheme';
+import { useIsRTL } from '../../hooks/useIsRTL';
+import { useLabels } from '../../hooks/useLabels';
+import { useTheme, useThemedStyles } from '../../hooks/useTheme';
+import { emojiRecents, getEmojiCategories, withSkinTone } from '../emojiStore';
+import { BackspaceButton } from './BackspaceButton';
+import { CATEGORY_LABEL, GRID_PADDING_BOTTOM, GRID_PADDING_H, SEARCH_ROW } from './constants';
+import { EmojiRow } from './EmojiRow';
+import { buildItems, itemLength } from './items';
+import { SearchField, SearchHint } from './Search';
+import { createStyles } from './styles';
+import { TabStrip } from './TabStrip';
+import { TonePopup } from './TonePopup';
+import { useTabScroll } from './useTabScroll';
+/*
+ * The emoji grid. Only the rows on screen are rendered, each cell is a plain Text,
+ * and nothing animates per cell, so a screenful mounts as cheaply as a screenful of text.
+ */
+
+/**
+ * The built-in emoji grid with its tab strip, section headers,
+ * search, recents and skin tones. The composer's emoji keyboard and the expanded reactions
+ * panel are both this component.
+ */
+export const EmojiGrid = t0 => {
+  const $ = _c(114);
+  const {
+    onSelect,
+    variant: t1,
+    columns: columnsProp,
+    categories: categoryKeys,
+    isRecentsEnabled: t2,
+    isSearchEnabled: t3,
+    onBackspace,
+    onSearchModeChange,
+    bottomInset: t4
+  } = t0;
+  const variant = t1 === undefined ? "keyboard" : t1;
+  const isRecentsEnabled = t2 === undefined ? true : t2;
+  const isSearchEnabled = t3 === undefined ? true : t3;
+  const bottomInset = t4 === undefined ? 0 : t4;
+  const theme = useTheme();
+  const styles = useThemedStyles(createStyles);
+  const labels = useLabels();
+  const isRTL = useIsRTL();
+  const isDark = useColorScheme() === "dark";
+  const isKeyboard = variant === "keyboard";
+  const [width, setWidth] = useState(0);
+  let t5;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = event => {
+      const next = Math.round(event.nativeEvent.layout.width);
+      if (next > 0) {
+        setWidth(previous => previous === next ? previous : next);
+      }
+    };
+    $[0] = t5;
+  } else {
+    t5 = $[0];
+  }
+  const onLayout = t5;
+  const [query, setQuery] = useState("");
+  const [isSearching, setIsSearching] = useState(false);
+  const searchInputRef = useRef(null);
+  const [recents, setRecents] = useState(_temp);
+  const [toneVersion, setToneVersion] = useState(0);
+  let t6;
+  let t7;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => emojiRecents.subscribe(() => {
+      setToneVersion(_temp2);
+      setRecents(emojiRecents.getRecents());
+    });
+    t7 = [];
+    $[1] = t6;
+    $[2] = t7;
+  } else {
+    t6 = $[1];
+    t7 = $[2];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[3] !== categoryKeys) {
+    t8 = getEmojiCategories(categoryKeys);
+    $[3] = categoryKeys;
+    $[4] = t8;
+  } else {
+    t8 = $[4];
+  }
+  const categories = t8;
+  const hasRecents = isRecentsEnabled && recents.length > 0;
+  let t9;
+  if ($[5] !== hasRecents || $[6] !== labels) {
+    t9 = hasRecents ? [{
+      key: "recent",
+      label: labels.emojiRecent
+    }] : [];
+    $[5] = hasRecents;
+    $[6] = labels;
+    $[7] = t9;
+  } else {
+    t9 = $[7];
+  }
+  let t10;
+  if ($[8] !== categories || $[9] !== labels || $[10] !== t9) {
+    let t11;
+    if ($[12] !== labels) {
+      t11 = category => ({
+        key: category.key,
+        label: labels[CATEGORY_LABEL[category.key]]
+      });
+      $[12] = labels;
+      $[13] = t11;
+    } else {
+      t11 = $[13];
+    }
+    t10 = [...t9, ...categories.map(t11)];
+    $[8] = categories;
+    $[9] = labels;
+    $[10] = t9;
+    $[11] = t10;
+  } else {
+    t10 = $[11];
+  }
+  const tabs = t10;
+  const columns = columnsProp ?? Math.max(1, Math.floor(width / theme.emojiKeyboard.cellSize));
+  const cellSize = width > 0 ? Math.floor((width - GRID_PADDING_H * 2) / columns) : 0;
+  const t11 = theme.emojiKeyboard.emojiSize;
+  let t12;
+  if ($[14] !== cellSize) {
+    t12 = Math.round(cellSize * 0.66);
+    $[14] = cellSize;
+    $[15] = t12;
+  } else {
+    t12 = $[15];
+  }
+  const fontSize = Math.min(t11, t12);
+  const hasListSearch = isKeyboard && isSearchEnabled && !isSearching;
+  let t13;
+  if ($[16] !== categories || $[17] !== cellSize || $[18] !== columns || $[19] !== hasListSearch || $[20] !== hasRecents || $[21] !== isSearching || $[22] !== labels || $[23] !== query || $[24] !== recents) {
+    t13 = buildItems({
+      hasListSearch,
+      isSearching,
+      query,
+      hasRecents,
+      recents,
+      categories,
+      columns,
+      cellSize,
+      labels
+    });
+    $[16] = categories;
+    $[17] = cellSize;
+    $[18] = columns;
+    $[19] = hasListSearch;
+    $[20] = hasRecents;
+    $[21] = isSearching;
+    $[22] = labels;
+    $[23] = query;
+    $[24] = recents;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  const {
+    items,
+    offsets,
+    firstItemOfTab
+  } = t13;
+  const {
+    listRef,
+    activeTabRef,
+    viewabilityConfig,
+    onViewableItemsChanged,
+    scrollToTab,
+    endScrub
+  } = useTabScroll(firstItemOfTab, offsets);
+  let t14;
+  if ($[26] !== cellSize || $[27] !== items || $[28] !== offsets) {
+    t14 = (_, index) => {
+      const length = itemLength(items[index], cellSize);
+      return {
+        length,
+        offset: offsets[index] ?? 0,
+        index
+      };
+    };
+    $[26] = cellSize;
+    $[27] = items;
+    $[28] = offsets;
+    $[29] = t14;
+  } else {
+    t14 = $[29];
+  }
+  const getItemLayout = t14;
+  let t15;
+  if ($[30] !== onSelect) {
+    t15 = emoji => {
+      emojiRecents.add(emoji);
+      onSelect(emoji);
+    };
+    $[30] = onSelect;
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  const handleSelect = t15;
+  const containerRef = useRef(null);
+  const [tonePopup, setTonePopup] = useState(null);
+  let t16;
+  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = (emoji_0, event_0) => {
+      const {
+        pageX,
+        pageY,
+        locationY
+      } = event_0.nativeEvent;
+      selectionHaptic();
+      containerRef.current?.measureInWindow((x, y) => {
+        const cellTop = pageY - y - (locationY ?? 0);
+        setTonePopup({
+          emoji: emoji_0,
+          x: pageX - x,
+          y: cellTop
+        });
+      });
+    };
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  const handleLongPress = t16;
+  let t17;
+  if ($[33] !== handleSelect || $[34] !== tonePopup) {
+    t17 = tone => {
+      const popup = tonePopup;
+      setTonePopup(null);
+      if (!popup) {
+        return;
+      }
+      emojiRecents.setTone(popup.emoji, tone);
+      handleSelect(withSkinTone(popup.emoji, tone));
+    };
+    $[33] = handleSelect;
+    $[34] = tonePopup;
+    $[35] = t17;
+  } else {
+    t17 = $[35];
+  }
+  const pickTone = t17;
+  let t18;
+  if ($[36] !== onSearchModeChange) {
+    t18 = () => {
+      setIsSearching(true);
+      onSearchModeChange?.(true);
+      if (Platform.OS !== "android") {
+        requestAnimationFrame(() => searchInputRef.current?.focus());
+      }
+    };
+    $[36] = onSearchModeChange;
+    $[37] = t18;
+  } else {
+    t18 = $[37];
+  }
+  const enterSearch = t18;
+  let t19;
+  if ($[38] !== onSearchModeChange) {
+    t19 = () => {
+      setIsSearching(false);
+      setQuery("");
+      searchInputRef.current?.blur();
+      onSearchModeChange?.(false);
+    };
+    $[38] = onSearchModeChange;
+    $[39] = t19;
+  } else {
+    t19 = $[39];
+  }
+  const leaveSearch = t19;
+  let t20;
+  if ($[40] !== cellSize || $[41] !== enterSearch || $[42] !== fontSize || $[43] !== handleSelect || $[44] !== isRTL || $[45] !== labels || $[46] !== styles || $[47] !== theme.emojiKeyboard.searchIcon || $[48] !== toneVersion) {
+    t20 = t21 => {
+      const {
+        item
+      } = t21;
+      switch (item.type) {
+        case "search":
+          {
+            return <Pressable onPress={enterSearch} accessibilityRole="search" accessibilityLabel={labels.emojiSearch}><SearchHint styles={styles} isRTL={isRTL} color={theme.emojiKeyboard.searchIcon} label={labels.emojiSearch} /></Pressable>;
+          }
+        case "header":
+          {
+            return <Text style={[styles.header, isRTL && styles.textRTL]} numberOfLines={1}>{item.title}</Text>;
+          }
+        case "empty":
+          {
+            return <Text style={styles.empty}>{labels.emojiNoResults}</Text>;
+          }
+        default:
+          {
+            return <EmojiRow emojis={item.emojis} cellSize={cellSize} fontSize={fontSize} isRTL={isRTL} toneVersion={toneVersion} onPress={handleSelect} onLongPress={handleLongPress} styles={styles} />;
+          }
+      }
+    };
+    $[40] = cellSize;
+    $[41] = enterSearch;
+    $[42] = fontSize;
+    $[43] = handleSelect;
+    $[44] = isRTL;
+    $[45] = labels;
+    $[46] = styles;
+    $[47] = theme.emojiKeyboard.searchIcon;
+    $[48] = toneVersion;
+    $[49] = t20;
+  } else {
+    t20 = $[49];
+  }
+  const renderItem = t20;
+  const showTabs = !isSearching && tabs.length > 1;
+  const showFixedSearch = isSearchEnabled && (!isKeyboard || isSearching);
+  let t21;
+  if ($[50] !== activeTabRef || $[51] !== endScrub || $[52] !== isKeyboard || $[53] !== isRTL || $[54] !== scrollToTab || $[55] !== showTabs || $[56] !== styles || $[57] !== tabs || $[58] !== theme) {
+    t21 = isKeyboard && showTabs && <TabStrip tabs={tabs} activeRef={activeTabRef} onPress={scrollToTab} onScrubEnd={endScrub} styles={styles} theme={theme} isRTL={isRTL} />;
+    $[50] = activeTabRef;
+    $[51] = endScrub;
+    $[52] = isKeyboard;
+    $[53] = isRTL;
+    $[54] = scrollToTab;
+    $[55] = showTabs;
+    $[56] = styles;
+    $[57] = tabs;
+    $[58] = theme;
+    $[59] = t21;
+  } else {
+    t21 = $[59];
+  }
+  let t22;
+  if ($[60] !== isDark || $[61] !== isKeyboard || $[62] !== isRTL || $[63] !== labels || $[64] !== leaveSearch || $[65] !== query || $[66] !== showFixedSearch || $[67] !== styles || $[68] !== theme) {
+    t22 = showFixedSearch && <SearchField inputRef={searchInputRef} query={query} setQuery={setQuery} setIsSearching={setIsSearching} leaveSearch={leaveSearch} isKeyboard={isKeyboard} isRTL={isRTL} isDark={isDark} styles={styles} theme={theme} labels={labels} />;
+    $[60] = isDark;
+    $[61] = isKeyboard;
+    $[62] = isRTL;
+    $[63] = labels;
+    $[64] = leaveSearch;
+    $[65] = query;
+    $[66] = showFixedSearch;
+    $[67] = styles;
+    $[68] = theme;
+    $[69] = t22;
+  } else {
+    t22 = $[69];
+  }
+  let t23;
+  if ($[70] !== activeTabRef || $[71] !== endScrub || $[72] !== isKeyboard || $[73] !== isRTL || $[74] !== scrollToTab || $[75] !== showTabs || $[76] !== styles || $[77] !== tabs || $[78] !== theme) {
+    t23 = !isKeyboard && showTabs && <TabStrip tabs={tabs} activeRef={activeTabRef} onPress={scrollToTab} onScrubEnd={endScrub} styles={styles} theme={theme} isRTL={isRTL} />;
+    $[70] = activeTabRef;
+    $[71] = endScrub;
+    $[72] = isKeyboard;
+    $[73] = isRTL;
+    $[74] = scrollToTab;
+    $[75] = showTabs;
+    $[76] = styles;
+    $[77] = tabs;
+    $[78] = theme;
+    $[79] = t23;
+  } else {
+    t23 = $[79];
+  }
+  let t24;
+  if ($[80] !== bottomInset || $[81] !== cellSize || $[82] !== getItemLayout || $[83] !== hasListSearch || $[84] !== items || $[85] !== listRef || $[86] !== onBackspace || $[87] !== onViewableItemsChanged || $[88] !== renderItem || $[89] !== styles.listContent || $[90] !== toneVersion || $[91] !== viewabilityConfig) {
+    t24 = cellSize > 0 && <FlatList key={hasListSearch ? "with-search" : "plain"} ref={listRef} data={items} keyExtractor={_temp3} renderItem={renderItem} extraData={toneVersion} getItemLayout={getItemLayout} contentOffset={hasListSearch ? {
+      x: 0,
+      y: SEARCH_ROW
+    } : undefined} contentContainerStyle={[styles.listContent, {
+      paddingBottom: (onBackspace ? GRID_PADDING_BOTTOM : 8) + bottomInset
+    }]} initialNumToRender={9} maxToRenderPerBatch={6} updateCellsBatchingPeriod={30} windowSize={5} removeClippedSubviews={true} keyboardShouldPersistTaps="always" keyboardDismissMode="none" viewabilityConfig={viewabilityConfig} onViewableItemsChanged={onViewableItemsChanged} showsVerticalScrollIndicator={false} />;
+    $[80] = bottomInset;
+    $[81] = cellSize;
+    $[82] = getItemLayout;
+    $[83] = hasListSearch;
+    $[84] = items;
+    $[85] = listRef;
+    $[86] = onBackspace;
+    $[87] = onViewableItemsChanged;
+    $[88] = renderItem;
+    $[89] = styles.listContent;
+    $[90] = toneVersion;
+    $[91] = viewabilityConfig;
+    $[92] = t24;
+  } else {
+    t24 = $[92];
+  }
+  let t25;
+  if ($[93] !== bottomInset || $[94] !== isRTL || $[95] !== isSearching || $[96] !== labels || $[97] !== onBackspace || $[98] !== styles || $[99] !== theme.emojiKeyboard.backspace) {
+    t25 = onBackspace && !isSearching && <View style={[styles.backspaceWrap, isRTL ? styles.backspaceWrapRTL : null, {
+      bottom: bottomInset
+    }]} pointerEvents="box-none"><BackspaceButton onBackspace={onBackspace} isRTL={isRTL} styles={styles} color={theme.emojiKeyboard.backspace} label={labels.backspace} /></View>;
+    $[93] = bottomInset;
+    $[94] = isRTL;
+    $[95] = isSearching;
+    $[96] = labels;
+    $[97] = onBackspace;
+    $[98] = styles;
+    $[99] = theme.emojiKeyboard.backspace;
+    $[100] = t25;
+  } else {
+    t25 = $[100];
+  }
+  let t26;
+  if ($[101] !== pickTone || $[102] !== styles || $[103] !== tonePopup || $[104] !== width) {
+    t26 = tonePopup && <TonePopup popup={tonePopup} width={width} onPick={pickTone} onClose={() => setTonePopup(null)} styles={styles} />;
+    $[101] = pickTone;
+    $[102] = styles;
+    $[103] = tonePopup;
+    $[104] = width;
+    $[105] = t26;
+  } else {
+    t26 = $[105];
+  }
+  let t27;
+  if ($[106] !== styles.container || $[107] !== t21 || $[108] !== t22 || $[109] !== t23 || $[110] !== t24 || $[111] !== t25 || $[112] !== t26) {
+    t27 = <View ref={containerRef} testID="emoji-grid" style={styles.container} onLayout={onLayout}>{t21}{t22}{t23}{t24}{t25}{t26}</View>;
+    $[106] = styles.container;
+    $[107] = t21;
+    $[108] = t22;
+    $[109] = t23;
+    $[110] = t24;
+    $[111] = t25;
+    $[112] = t26;
+    $[113] = t27;
+  } else {
+    t27 = $[113];
+  }
+  return t27;
+};
+function _temp() {
+  emojiRecents.sort();
+  return emojiRecents.getRecents();
+}
+function _temp2(version) {
+  return version + 1;
+}
+function _temp3(item_0) {
+  return item_0.key;
+}
+//# sourceMappingURL=index.js.map

package/lib/emoji/EmojiGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","Platform","Pressable","Text","View","selectionHaptic","useColorScheme","useIsRTL","useLabels","useTheme","useThemedStyles","emojiRecents","getEmojiCategories","withSkinTone","BackspaceButton","CATEGORY_LABEL","GRID_PADDING_BOTTOM","GRID_PADDING_H","SEARCH_ROW","EmojiRow","buildItems","itemLength","SearchField","SearchHint","createStyles","TabStrip","TonePopup","useTabScroll","EmojiGrid","t0","$","_c","onSelect","variant","t1","columns","columnsProp","categories","categoryKeys","isRecentsEnabled","t2","isSearchEnabled","t3","onBackspace","onSearchModeChange","bottomInset","t4","undefined","theme","styles","labels","isRTL","isDark","isKeyboard","width","setWidth","t5","Symbol","for","event","next","Math","round","nativeEvent","layout","previous","onLayout","query","setQuery","isSearching","setIsSearching","searchInputRef","recents","setRecents","_temp","toneVersion","setToneVersion","t6","t7","subscribe","_temp2","getRecents","t8","hasRecents","length","t9","key","label","emojiRecent","t10","t11","category","map","tabs","max","floor","emojiKeyboard","cellSize","emojiSize","t12","fontSize","min","hasListSearch","t13","items","offsets","firstItemOfTab","listRef","activeTabRef","viewabilityConfig","onViewableItemsChanged","scrollToTab","endScrub","t14","_","index","offset","getItemLayout","t15","emoji","add","handleSelect","containerRef","tonePopup","setTonePopup","t16","emoji_0","event_0","pageX","pageY","locationY","current","measureInWindow","x","y","cellTop","handleLongPress","t17","tone","popup","setTone","pickTone","t18","OS","requestAnimationFrame","focus","enterSearch","t19","blur","leaveSearch","t20","searchIcon","t21","item","type","emojiSearch","header","textRTL","title","empty","emojiNoResults","emojis","renderItem","showTabs","showFixedSearch","t22","t23","t24","listContent","_temp3","paddingBottom","t25","backspace","backspaceWrap","backspaceWrapRTL","bottom","t26","t27","container","sort","version","item_0"],"sources":["../../../src/emoji/EmojiGrid/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  FlatList,\n  GestureResponderEvent,\n  LayoutChangeEvent,\n  ListRenderItemInfo,\n  Platform,\n  Pressable,\n  Text,\n  TextInput,\n  View,\n} from 'react-native'\n\nimport { selectionHaptic } from '../../components/haptics'\nimport { useColorScheme } from '../../hooks/useColorScheme'\nimport { useIsRTL } from '../../hooks/useIsRTL'\nimport { useLabels } from '../../hooks/useLabels'\nimport { useTheme, useThemedStyles } from '../../hooks/useTheme'\nimport { emojiRecents, getEmojiCategories, withSkinTone } from '../emojiStore'\nimport { BackspaceButton } from './BackspaceButton'\nimport { CATEGORY_LABEL, GRID_PADDING_BOTTOM, GRID_PADDING_H, SEARCH_ROW } from './constants'\nimport { EmojiRow } from './EmojiRow'\nimport { buildItems, itemLength } from './items'\nimport { SearchField, SearchHint } from './Search'\nimport { createStyles } from './styles'\nimport { TabStrip } from './TabStrip'\nimport { TonePopup } from './TonePopup'\nimport { EmojiGridProps, Item, Tab, TonePopupState } from './types'\nimport { useTabScroll } from './useTabScroll'\n\nexport type { EmojiGridProps } from './types'\n\n/*\n * The emoji grid. Only the rows on screen are rendered, each cell is a plain Text,\n * and nothing animates per cell, so a screenful mounts as cheaply as a screenful of text.\n */\n\n/**\n * The built-in emoji grid with its tab strip, section headers,\n * search, recents and skin tones. The composer's emoji keyboard and the expanded reactions\n * panel are both this component.\n */\nexport const EmojiGrid = ({\n  onSelect,\n  variant = 'keyboard',\n  columns: columnsProp,\n  categories: categoryKeys,\n  isRecentsEnabled = true,\n  isSearchEnabled = true,\n  onBackspace,\n  onSearchModeChange,\n  bottomInset = 0,\n}: EmojiGridProps) => {\n  const theme = useTheme()\n  const styles = useThemedStyles(createStyles)\n  const labels = useLabels()\n  const isRTL = useIsRTL()\n  const isDark = useColorScheme() === 'dark'\n  const isKeyboard = variant === 'keyboard'\n\n  const [width, setWidth] = useState(0)\n  const onLayout = useCallback((event: LayoutChangeEvent) => {\n    const next = Math.round(event.nativeEvent.layout.width)\n    // A hidden panel can report 0; keep the last real width so the rows stay laid out.\n    if (next > 0)\n      setWidth(previous => (previous === next ? previous : next))\n  }, [])\n\n  const [query, setQuery] = useState('')\n  const [isSearching, setIsSearching] = useState(false)\n  const searchInputRef = useRef<React.ComponentRef<typeof TextInput>>(null)\n\n  // Recents are sorted when the panel opens, then held still while it is up (`sortEmoji`).\n  const [recents, setRecents] = useState<string[]>(() => {\n    emojiRecents.sort()\n    return emojiRecents.getRecents()\n  })\n  const [toneVersion, setToneVersion] = useState(0)\n  // A remembered tone changed, or the stored recents finished loading.\n  useEffect(() => emojiRecents.subscribe(() => {\n    setToneVersion(version => version + 1)\n    setRecents(emojiRecents.getRecents())\n  }), [])\n\n  const categories = useMemo(() => getEmojiCategories(categoryKeys), [categoryKeys])\n  const hasRecents = isRecentsEnabled && recents.length > 0\n\n  const tabs = useMemo<Tab[]>(() => [\n    ...(hasRecents ? [{ key: 'recent' as const, label: labels.emojiRecent }] : []),\n    ...categories.map(category => ({ key: category.key, label: labels[CATEGORY_LABEL[category.key]] })),\n  ], [hasRecents, categories, labels])\n\n  const columns = columnsProp ?? Math.max(1, Math.floor(width / theme.emojiKeyboard.cellSize))\n  const cellSize = width > 0 ? Math.floor((width - GRID_PADDING_H * 2) / columns) : 0\n  const fontSize = Math.min(theme.emojiKeyboard.emojiSize, Math.round(cellSize * 0.66))\n\n  // In the keyboard the search row is the first item, scrolled away under the tabs; in the\n  // reactions panel (and while searching) it is a fixed header instead.\n  const hasListSearch = isKeyboard && isSearchEnabled && !isSearching\n\n  const { items, offsets, firstItemOfTab } = useMemo(\n    () => buildItems({ hasListSearch, isSearching, query, hasRecents, recents, categories, columns, cellSize, labels }),\n    [hasListSearch, isSearching, query, hasRecents, recents, categories, columns, cellSize, labels]\n  )\n\n  const { listRef, activeTabRef, viewabilityConfig, onViewableItemsChanged, scrollToTab, endScrub } = useTabScroll(firstItemOfTab, offsets)\n\n  const getItemLayout = useCallback((_: ArrayLike<Item> | null | undefined, index: number) => {\n    const length = itemLength(items[index], cellSize)\n    return { length, offset: offsets[index] ?? 0, index }\n  }, [items, offsets, cellSize])\n\n  const handleSelect = useCallback((emoji: string) => {\n    emojiRecents.add(emoji)\n    onSelect(emoji)\n  }, [onSelect])\n\n  // Long-press on an emoji that takes a skin tone opens the tone popup above it.\n  const containerRef = useRef<React.ComponentRef<typeof View>>(null)\n  const [tonePopup, setTonePopup] = useState<TonePopupState | null>(null)\n  const handleLongPress = useCallback((emoji: string, event: GestureResponderEvent) => {\n    const { pageX, pageY, locationY } = event.nativeEvent\n    selectionHaptic()\n    containerRef.current?.measureInWindow((x, y) => {\n      // The popup sits above the cell, whose top is the touch less its offset in the cell.\n      const cellTop = pageY - y - (locationY ?? 0)\n      setTonePopup({ emoji, x: pageX - x, y: cellTop })\n    })\n  }, [])\n  const pickTone = useCallback((tone: number | null) => {\n    const popup = tonePopup\n    setTonePopup(null)\n    if (!popup)\n      return\n    emojiRecents.setTone(popup.emoji, tone)\n    handleSelect(withSkinTone(popup.emoji, tone))\n  }, [tonePopup, handleSelect])\n\n  const enterSearch = useCallback(() => {\n    setIsSearching(true)\n    onSearchModeChange?.(true)\n    // Android does not raise the soft keyboard for a field focused in the frame it mounts in\n    // (the cursor shows, the keyboard never comes), so there the field asks for focus itself\n    // once it is attached, through `autoFocus`.\n    if (Platform.OS !== 'android')\n      requestAnimationFrame(() => searchInputRef.current?.focus())\n  }, [onSearchModeChange])\n\n  const leaveSearch = useCallback(() => {\n    setIsSearching(false)\n    setQuery('')\n    searchInputRef.current?.blur()\n    onSearchModeChange?.(false)\n  }, [onSearchModeChange])\n\n  const renderItem = useCallback(({ item }: ListRenderItemInfo<Item>) => {\n    switch (item.type) {\n      case 'search':\n        return (\n          <Pressable onPress={enterSearch} accessibilityRole='search' accessibilityLabel={labels.emojiSearch}>\n            <SearchHint styles={styles} isRTL={isRTL} color={theme.emojiKeyboard.searchIcon} label={labels.emojiSearch} />\n          </Pressable>\n        )\n      case 'header':\n        return <Text style={[styles.header, isRTL && styles.textRTL]} numberOfLines={1}>{item.title}</Text>\n      case 'empty':\n        return <Text style={styles.empty}>{labels.emojiNoResults}</Text>\n      default:\n        return (\n          <EmojiRow\n            emojis={item.emojis}\n            cellSize={cellSize}\n            fontSize={fontSize}\n            isRTL={isRTL}\n            toneVersion={toneVersion}\n            onPress={handleSelect}\n            onLongPress={handleLongPress}\n            styles={styles}\n          />\n        )\n    }\n  }, [enterSearch, labels, styles, isRTL, theme.emojiKeyboard.searchIcon, cellSize, fontSize, toneVersion, handleSelect, handleLongPress])\n\n  const showTabs = !isSearching && tabs.length > 1\n  const showFixedSearch = isSearchEnabled && (!isKeyboard || isSearching)\n\n  return (\n    <View ref={containerRef} testID='emoji-grid' style={styles.container} onLayout={onLayout}>\n      {isKeyboard && showTabs && (\n        <TabStrip tabs={tabs} activeRef={activeTabRef} onPress={scrollToTab} onScrubEnd={endScrub} styles={styles} theme={theme} isRTL={isRTL} />\n      )}\n      {showFixedSearch && (\n        <SearchField\n          inputRef={searchInputRef}\n          query={query}\n          setQuery={setQuery}\n          setIsSearching={setIsSearching}\n          leaveSearch={leaveSearch}\n          isKeyboard={isKeyboard}\n          isRTL={isRTL}\n          isDark={isDark}\n          styles={styles}\n          theme={theme}\n          labels={labels}\n        />\n      )}\n      {!isKeyboard && showTabs && (\n        <TabStrip tabs={tabs} activeRef={activeTabRef} onPress={scrollToTab} onScrubEnd={endScrub} styles={styles} theme={theme} isRTL={isRTL} />\n      )}\n      {cellSize > 0 && (\n        <FlatList\n          // A new list when search starts or ends, so its initial offset applies again.\n          key={hasListSearch ? 'with-search' : 'plain'}\n          ref={listRef}\n          data={items}\n          keyExtractor={item => item.key}\n          renderItem={renderItem}\n          extraData={toneVersion}\n          getItemLayout={getItemLayout}\n          contentOffset={hasListSearch ? { x: 0, y: SEARCH_ROW } : undefined}\n          contentContainerStyle={[styles.listContent, { paddingBottom: (onBackspace ? GRID_PADDING_BOTTOM : 8) + bottomInset }]}\n          // About one panel of rows up front, then small batches: the panel is about 7 rows tall.\n          initialNumToRender={9}\n          maxToRenderPerBatch={6}\n          updateCellsBatchingPeriod={30}\n          windowSize={5}\n          removeClippedSubviews\n          keyboardShouldPersistTaps='always'\n          keyboardDismissMode='none'\n          viewabilityConfig={viewabilityConfig}\n          onViewableItemsChanged={onViewableItemsChanged}\n          showsVerticalScrollIndicator={false}\n        />\n      )}\n      {onBackspace && !isSearching && (\n        <View style={[styles.backspaceWrap, isRTL ? styles.backspaceWrapRTL : null, { bottom: bottomInset }]} pointerEvents='box-none'>\n          <BackspaceButton onBackspace={onBackspace} isRTL={isRTL} styles={styles} color={theme.emojiKeyboard.backspace} label={labels.backspace} />\n        </View>\n      )}\n      {tonePopup && (\n        <TonePopup popup={tonePopup} width={width} onPick={pickTone} onClose={() => setTonePopup(null)} styles={styles} />\n      )}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/emoji/EmojiGrid/items.d.ts

@@ -0,0 +1,25 @@
+import { ChatLabels } from '../../i18n';
+import { getEmojiCategories } from '../emojiStore';
+import { Item } from './types';
+/** Every item is a fixed height, so offsets are exact and `getItemLayout` needs no measuring. */
+export declare const itemLength: (item: Item | undefined, cellSize: number) => number;
+/**
+ * The list's items - the search row, section headers and emoji rows - with each item's offset
+ * and the first item of each tab.
+ */
+export declare const buildItems: ({ hasListSearch, isSearching, query, hasRecents, recents, categories, columns, cellSize, labels, }: {
+    hasListSearch: boolean;
+    isSearching: boolean;
+    query: string;
+    hasRecents: boolean;
+    recents: string[];
+    categories: ReturnType<typeof getEmojiCategories>;
+    columns: number;
+    cellSize: number;
+    labels: ChatLabels;
+}) => {
+    items: Item[];
+    offsets: number[];
+    firstItemOfTab: number[];
+};
+//# sourceMappingURL=items.d.ts.map

package/lib/emoji/EmojiGrid/items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/items.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,iGAAiG;AACjG,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,GAAG,SAAS,EAAE,UAAU,MAAM,WAC+D,CAAA;AAElI;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,oGAUxB;IACD,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;IACjD,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,UAAU,CAAA;CACnB;;;;CAsCA,CAAA"}

package/lib/emoji/EmojiGrid/items.js

@@ -0,0 +1,75 @@
+import { searchEmojis } from '../emojiStore';
+import { CATEGORY_LABEL, HEADER_HEIGHT, SEARCH_ROW } from './constants';
+/** Every item is a fixed height, so offsets are exact and `getItemLayout` needs no measuring. */
+export const itemLength = (item, cellSize) => !item ? 0 : item.type === 'search' ? SEARCH_ROW : item.type === 'header' ? HEADER_HEIGHT : item.type === 'empty' ? 80 : cellSize;
+
+/**
+ * The list's items - the search row, section headers and emoji rows - with each item's offset
+ * and the first item of each tab.
+ */
+export const buildItems = ({
+  hasListSearch,
+  isSearching,
+  query,
+  hasRecents,
+  recents,
+  categories,
+  columns,
+  cellSize,
+  labels
+}) => {
+  const list = [];
+  const firstOfTab = [];
+  const pushRows = (emojis, tab, keyPrefix) => {
+    for (let i = 0; i < emojis.length; i += columns) list.push({
+      type: 'row',
+      key: `${keyPrefix}-${i}`,
+      emojis: emojis.slice(i, i + columns),
+      tab
+    });
+  };
+  if (hasListSearch) list.push({
+    type: 'search',
+    key: 'search',
+    tab: 0
+  });
+  if (isSearching) {
+    const found = searchEmojis(query);
+    if (query.trim() && found.length === 0) list.push({
+      type: 'empty',
+      key: 'empty',
+      tab: 0
+    });
+    pushRows(found, 0, `found-${query}`);
+  } else {
+    let tab = 0;
+    if (hasRecents) {
+      firstOfTab[tab] = list.length;
+      pushRows(recents, tab, 'recent');
+      tab += 1;
+    }
+    for (const category of categories) {
+      firstOfTab[tab] = list.length;
+      list.push({
+        type: 'header',
+        key: `h-${category.key}`,
+        title: labels[CATEGORY_LABEL[category.key]],
+        tab
+      });
+      pushRows(category.emojis, tab, category.key);
+      tab += 1;
+    }
+  }
+  let offset = 0;
+  const itemOffsets = list.map(item => {
+    const start = offset;
+    offset += itemLength(item, cellSize);
+    return start;
+  });
+  return {
+    items: list,
+    offsets: itemOffsets,
+    firstItemOfTab: firstOfTab
+  };
+};
+//# sourceMappingURL=items.js.map

package/lib/emoji/EmojiGrid/items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.js","names":["searchEmojis","CATEGORY_LABEL","HEADER_HEIGHT","SEARCH_ROW","itemLength","item","cellSize","type","buildItems","hasListSearch","isSearching","query","hasRecents","recents","categories","columns","labels","list","firstOfTab","pushRows","emojis","tab","keyPrefix","i","length","push","key","slice","found","trim","category","title","offset","itemOffsets","map","start","items","offsets","firstItemOfTab"],"sources":["../../../src/emoji/EmojiGrid/items.ts"],"sourcesContent":["import { ChatLabels } from '../../i18n'\nimport { getEmojiCategories, searchEmojis } from '../emojiStore'\nimport { CATEGORY_LABEL, HEADER_HEIGHT, SEARCH_ROW } from './constants'\nimport { Item } from './types'\n\n/** Every item is a fixed height, so offsets are exact and `getItemLayout` needs no measuring. */\nexport const itemLength = (item: Item | undefined, cellSize: number) =>\n  !item ? 0 : item.type === 'search' ? SEARCH_ROW : item.type === 'header' ? HEADER_HEIGHT : item.type === 'empty' ? 80 : cellSize\n\n/**\n * The list's items - the search row, section headers and emoji rows - with each item's offset\n * and the first item of each tab.\n */\nexport const buildItems = ({\n  hasListSearch,\n  isSearching,\n  query,\n  hasRecents,\n  recents,\n  categories,\n  columns,\n  cellSize,\n  labels,\n}: {\n  hasListSearch: boolean\n  isSearching: boolean\n  query: string\n  hasRecents: boolean\n  recents: string[]\n  categories: ReturnType<typeof getEmojiCategories>\n  columns: number\n  cellSize: number\n  labels: ChatLabels\n}) => {\n  const list: Item[] = []\n  const firstOfTab: number[] = []\n  const pushRows = (emojis: string[], tab: number, keyPrefix: string) => {\n    for (let i = 0; i < emojis.length; i += columns)\n      list.push({ type: 'row', key: `${keyPrefix}-${i}`, emojis: emojis.slice(i, i + columns), tab })\n  }\n\n  if (hasListSearch)\n    list.push({ type: 'search', key: 'search', tab: 0 })\n\n  if (isSearching) {\n    const found = searchEmojis(query)\n    if (query.trim() && found.length === 0)\n      list.push({ type: 'empty', key: 'empty', tab: 0 })\n    pushRows(found, 0, `found-${query}`)\n  } else {\n    let tab = 0\n    if (hasRecents) {\n      firstOfTab[tab] = list.length\n      pushRows(recents, tab, 'recent')\n      tab += 1\n    }\n    for (const category of categories) {\n      firstOfTab[tab] = list.length\n      list.push({ type: 'header', key: `h-${category.key}`, title: labels[CATEGORY_LABEL[category.key]], tab })\n      pushRows(category.emojis, tab, category.key)\n      tab += 1\n    }\n  }\n\n  let offset = 0\n  const itemOffsets = list.map(item => {\n    const start = offset\n    offset += itemLength(item, cellSize)\n    return start\n  })\n  return { items: list, offsets: itemOffsets, firstItemOfTab: firstOfTab }\n}\n"],"mappings":"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","ignoreList":[]}