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

package/lib/emoji/EmojiGrid/TabStrip.js

@@ -0,0 +1,237 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { Text, View } from 'react-native';
+import { GestureDetector, GestureStateManager, usePanGesture } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { selectionHaptic } from '../../components/haptics';
+import { Icon } from '../../components/Icon';
+import { INDICATOR_MOVE, TAB_FALLBACK, TAB_GAP, TAB_ICON, TAB_ICONS, TAB_SIZE } from './constants';
+/** The tab strip with its sliding indicator; owns the active tab so a scroll re-renders only it. */
+export const TabStrip = memo(t0 => {
+  const $ = _c(56);
+  const {
+    tabs,
+    activeRef,
+    onPress,
+    onScrubEnd,
+    styles,
+    theme,
+    isRTL
+  } = t0;
+  const [active, setActive] = useState(0);
+  const activeIndexRef = useRef(0);
+  const position = useSharedValue(0);
+  let t1;
+  if ($[0] !== position) {
+    t1 = index => {
+      if (activeIndexRef.current === index) {
+        return;
+      }
+      activeIndexRef.current = index;
+      position.set(withTiming(index, INDICATOR_MOVE));
+      setActive(index);
+    };
+    $[0] = position;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const select = t1;
+  let t2;
+  let t3;
+  if ($[2] !== activeRef || $[3] !== select) {
+    t2 = () => {
+      activeRef.current = select;
+    };
+    t3 = [activeRef, select];
+    $[2] = activeRef;
+    $[3] = select;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+  const step = TAB_SIZE + TAB_GAP;
+  const direction = isRTL ? -1 : 1;
+  const indicatorStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: position.value * step * direction
+    }]
+  }));
+  const lastTouchedRef = useRef(-1);
+  let t4;
+  if ($[6] !== isRTL || $[7] !== onPress || $[8] !== select || $[9] !== tabs.length) {
+    t4 = (x, isFirst) => {
+      const slot = Math.min(tabs.length - 1, Math.max(0, Math.floor(x / step)));
+      const index_0 = isRTL ? tabs.length - 1 - slot : slot;
+      if (!isFirst && index_0 === lastTouchedRef.current) {
+        return;
+      }
+      if (!isFirst) {
+        selectionHaptic();
+      }
+      lastTouchedRef.current = index_0;
+      select(index_0);
+      onPress(index_0, !isFirst);
+    };
+    $[6] = isRTL;
+    $[7] = onPress;
+    $[8] = select;
+    $[9] = tabs.length;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const touchAt = t4;
+  let t5;
+  if ($[11] !== onScrubEnd) {
+    t5 = () => {
+      lastTouchedRef.current = -1;
+      onScrubEnd();
+    };
+    $[11] = onScrubEnd;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const endTouch = t5;
+  let t6;
+  let t7;
+  if ($[13] !== touchAt) {
+    t6 = event => {
+      GestureStateManager.activate(event.handlerTag);
+      runOnJS(touchAt)(event.changedTouches[0].x, true);
+    };
+    t7 = event_0 => {
+      runOnJS(touchAt)(event_0.x, false);
+    };
+    $[13] = touchAt;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t6 = $[14];
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== endTouch) {
+    t8 = () => {
+      runOnJS(endTouch)();
+    };
+    $[16] = endTouch;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
+    t9 = {
+      manualActivation: true,
+      onTouchesDown: t6,
+      onUpdate: t7,
+      onFinalize: t8
+    };
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  const gesture = usePanGesture(t9);
+  const t10 = styles.tabs;
+  const t11 = isRTL && styles.rowReverse;
+  let t12;
+  if ($[22] !== styles.tabRow || $[23] !== t11) {
+    t12 = [styles.tabRow, t11];
+    $[22] = styles.tabRow;
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  const t13 = isRTL ? styles.indicatorRTL : null;
+  let t14;
+  if ($[25] !== indicatorStyle || $[26] !== styles.indicator || $[27] !== t13) {
+    t14 = <Animated.View style={[styles.indicator, t13, indicatorStyle]} />;
+    $[25] = indicatorStyle;
+    $[26] = styles.indicator;
+    $[27] = t13;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  let t15;
+  if ($[29] !== active || $[30] !== onPress || $[31] !== select || $[32] !== styles.tab || $[33] !== styles.tabFallback || $[34] !== styles.tabFallbackIdle || $[35] !== tabs || $[36] !== theme) {
+    let t16;
+    if ($[38] !== active || $[39] !== onPress || $[40] !== select || $[41] !== styles.tab || $[42] !== styles.tabFallback || $[43] !== styles.tabFallbackIdle || $[44] !== theme) {
+      t16 = (tab, index_1) => {
+        const color = index_1 === active ? theme.emojiKeyboard.iconSelected : theme.emojiKeyboard.icon;
+        const activate = () => {
+          select(index_1);
+          onPress(index_1, false);
+        };
+        return <View key={tab.key} style={styles.tab} accessible={true} accessibilityRole="tab" accessibilityState={{
+          selected: index_1 === active
+        }} accessibilityLabel={tab.label} accessibilityActions={TAB_ACCESSIBILITY_ACTIONS} onAccessibilityAction={activate} onAccessibilityTap={activate}><Icon name={TAB_ICONS[tab.key]} color={color} size={TAB_ICON} fallback={<Text style={[styles.tabFallback, index_1 !== active && styles.tabFallbackIdle]}>{TAB_FALLBACK[tab.key]}</Text>} /></View>;
+      };
+      $[38] = active;
+      $[39] = onPress;
+      $[40] = select;
+      $[41] = styles.tab;
+      $[42] = styles.tabFallback;
+      $[43] = styles.tabFallbackIdle;
+      $[44] = theme;
+      $[45] = t16;
+    } else {
+      t16 = $[45];
+    }
+    t15 = tabs.map(t16);
+    $[29] = active;
+    $[30] = onPress;
+    $[31] = select;
+    $[32] = styles.tab;
+    $[33] = styles.tabFallback;
+    $[34] = styles.tabFallbackIdle;
+    $[35] = tabs;
+    $[36] = theme;
+    $[37] = t15;
+  } else {
+    t15 = $[37];
+  }
+  let t16;
+  if ($[46] !== t12 || $[47] !== t14 || $[48] !== t15) {
+    t16 = <View style={t12}>{t14}{t15}</View>;
+    $[46] = t12;
+    $[47] = t14;
+    $[48] = t15;
+    $[49] = t16;
+  } else {
+    t16 = $[49];
+  }
+  let t17;
+  if ($[50] !== gesture || $[51] !== t16) {
+    t17 = <GestureDetector gesture={gesture}>{t16}</GestureDetector>;
+    $[50] = gesture;
+    $[51] = t16;
+    $[52] = t17;
+  } else {
+    t17 = $[52];
+  }
+  let t18;
+  if ($[53] !== styles.tabs || $[54] !== t17) {
+    t18 = <View style={t10}>{t17}</View>;
+    $[53] = styles.tabs;
+    $[54] = t17;
+    $[55] = t18;
+  } else {
+    t18 = $[55];
+  }
+  return t18;
+});
+TabStrip.displayName = 'TabStrip';
+const TAB_ACCESSIBILITY_ACTIONS = [{
+  name: 'activate'
+}];
+//# sourceMappingURL=TabStrip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabStrip.js","names":["React","memo","useCallback","useEffect","useRef","useState","Text","View","GestureDetector","GestureStateManager","usePanGesture","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","selectionHaptic","Icon","INDICATOR_MOVE","TAB_FALLBACK","TAB_GAP","TAB_ICON","TAB_ICONS","TAB_SIZE","TabStrip","t0","$","_c","tabs","activeRef","onPress","onScrubEnd","styles","theme","isRTL","active","setActive","activeIndexRef","position","t1","index","current","set","select","t2","t3","step","direction","indicatorStyle","transform","translateX","value","lastTouchedRef","t4","length","x","isFirst","slot","Math","min","max","floor","index_0","touchAt","t5","endTouch","t6","t7","event","activate","handlerTag","changedTouches","event_0","t8","t9","manualActivation","onTouchesDown","onUpdate","onFinalize","gesture","t10","t11","rowReverse","t12","tabRow","t13","indicatorRTL","t14","indicator","t15","tab","tabFallback","tabFallbackIdle","t16","index_1","color","emojiKeyboard","iconSelected","icon","key","selected","label","TAB_ACCESSIBILITY_ACTIONS","map","t17","t18","displayName","name"],"sources":["../../../src/emoji/EmojiGrid/TabStrip.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useRef, useState } from 'react'\nimport { Text, View } from 'react-native'\nimport { GestureDetector, GestureStateManager, usePanGesture } from 'react-native-gesture-handler'\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { selectionHaptic } from '../../components/haptics'\nimport { Icon } from '../../components/Icon'\nimport { ChatTheme } from '../../Theme'\nimport { INDICATOR_MOVE, TAB_FALLBACK, TAB_GAP, TAB_ICON, TAB_ICONS, TAB_SIZE } from './constants'\nimport { Styles } from './styles'\nimport { Tab } from './types'\n\n/** The tab strip with its sliding indicator; owns the active tab so a scroll re-renders only it. */\nexport const TabStrip = memo(({ tabs, activeRef, onPress, onScrubEnd, styles, theme, isRTL }: {\n  tabs: Tab[]\n  activeRef: React.MutableRefObject<(index: number) => void>\n  /** A tab was touched (`isScrub` false) or the finger slid onto it along the strip. */\n  onPress: (index: number, isScrub: boolean) => void\n  onScrubEnd: () => void\n  styles: Styles\n  theme: ChatTheme\n  isRTL: boolean\n}) => {\n  const [active, setActive] = useState(0)\n  const activeIndexRef = useRef(0)\n  const position = useSharedValue(0)\n  const select = useCallback((index: number) => {\n    if (activeIndexRef.current === index)\n      return\n    activeIndexRef.current = index\n    position.set(withTiming(index, INDICATOR_MOVE))\n    setActive(index)\n  }, [position])\n  useEffect(() => {\n    activeRef.current = select\n  }, [activeRef, select])\n\n  const step = TAB_SIZE + TAB_GAP\n  const direction = isRTL ? -1 : 1\n  const indicatorStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: position.value * step * direction }],\n  }))\n\n  // One native gesture over the whole strip, not a pressable per tab: React Native's responder\n  // system lets a moving list claim the next touch to stop itself, so inside the reactions panel\n  // a tab tapped mid-fling only stopped the fling. A gesture-handler pan is recognised natively\n  // and fires either way. It activates on touch-down, so a touch picks the tab under the finger,\n  // and sliding along the strip moves through the categories, a haptic tick on each.\n  const lastTouchedRef = useRef(-1)\n  const touchAt = useCallback((x: number, isFirst: boolean) => {\n    const slot = Math.min(tabs.length - 1, Math.max(0, Math.floor(x / step)))\n    const index = isRTL ? tabs.length - 1 - slot : slot\n    if (!isFirst && index === lastTouchedRef.current)\n      return\n    if (!isFirst)\n      selectionHaptic()\n    lastTouchedRef.current = index\n    select(index)\n    onPress(index, !isFirst)\n  }, [tabs.length, step, isRTL, select, onPress])\n  const endTouch = useCallback(() => {\n    lastTouchedRef.current = -1\n    onScrubEnd()\n  }, [onScrubEnd])\n  const gesture = usePanGesture({\n    manualActivation: true,\n    onTouchesDown: event => {\n      GestureStateManager.activate(event.handlerTag)\n      runOnJS(touchAt)(event.changedTouches[0].x, true)\n    },\n    onUpdate: event => {\n      runOnJS(touchAt)(event.x, false)\n    },\n    onFinalize: () => {\n      runOnJS(endTouch)()\n    },\n  })\n\n  return (\n    <View style={styles.tabs}>\n      <GestureDetector gesture={gesture}>\n        <View style={[styles.tabRow, isRTL && styles.rowReverse]}>\n          <Animated.View style={[styles.indicator, isRTL ? styles.indicatorRTL : null, indicatorStyle]} />\n          {tabs.map((tab, index) => {\n            const color = index === active ? theme.emojiKeyboard.iconSelected : theme.emojiKeyboard.icon\n            const activate = () => {\n              select(index)\n              onPress(index, false)\n            }\n            return (\n              <View\n                key={tab.key}\n                style={styles.tab}\n                accessible\n                accessibilityRole='tab'\n                accessibilityState={{ selected: index === active }}\n                accessibilityLabel={tab.label}\n                accessibilityActions={TAB_ACCESSIBILITY_ACTIONS}\n                onAccessibilityAction={activate}\n                onAccessibilityTap={activate}\n              >\n                <Icon\n                  name={TAB_ICONS[tab.key]}\n                  color={color}\n                  size={TAB_ICON}\n                  fallback={<Text style={[styles.tabFallback, index !== active && styles.tabFallbackIdle]}>{TAB_FALLBACK[tab.key]}</Text>}\n                />\n              </View>\n            )\n          })}\n        </View>\n      </GestureDetector>\n    </View>\n  )\n})\nTabStrip.displayName = 'TabStrip'\n\nconst TAB_ACCESSIBILITY_ACTIONS = [{ name: 'activate' }]\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Styles } from './styles';
+import { TonePopupState } from './types';
+/** The skin-tone picker: the emoji plus five tones in a bubble above the pressed cell. */
+export declare const TonePopup: ({ popup, width, onPick, onClose, styles }: {
+    popup: TonePopupState;
+    width: number;
+    onPick: (tone: number | null) => void;
+    onClose: () => void;
+    styles: Styles;
+}) => React.JSX.Element;
+//# sourceMappingURL=TonePopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TonePopup.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/TonePopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,0FAA0F;AAC1F,eAAO,MAAM,SAAS,GAAI,2CAA2C;IACnE,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;CACf,sBAiCA,CAAA"}

package/lib/emoji/EmojiGrid/TonePopup.js

@@ -0,0 +1,137 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { emojiRecents, withSkinTone } from '../emojiStore';
+import { TONE_ARROW, TONE_POPUP_HEIGHT, TONE_POPUP_WIDTH } from './constants';
+/** The skin-tone picker: the emoji plus five tones in a bubble above the pressed cell. */
+export const TonePopup = t0 => {
+  const $ = _c(33);
+  const {
+    popup,
+    width,
+    onPick,
+    onClose,
+    styles
+  } = t0;
+  let t1;
+  if ($[0] !== popup.emoji) {
+    t1 = emojiRecents.getTone(popup.emoji);
+    $[0] = popup.emoji;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const current = t1;
+  const left = Math.max(5, Math.min(popup.x - TONE_POPUP_WIDTH / 2, width - TONE_POPUP_WIDTH - 5));
+  const top = Math.max(0, popup.y - TONE_POPUP_HEIGHT - TONE_ARROW);
+  const arrowLeft = Math.max(12, Math.min(popup.x - left - TONE_ARROW, TONE_POPUP_WIDTH - 12 - TONE_ARROW * 2));
+  const appear = useSharedValue(0);
+  let t2;
+  let t3;
+  if ($[2] !== appear) {
+    t2 = () => {
+      appear.set(withTiming(1, {
+        duration: 125,
+        easing: Easing.bezier(0.23, 1, 0.32, 1)
+      }));
+    };
+    t3 = [appear];
+    $[2] = appear;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+  const appearStyle = useAnimatedStyle(() => ({
+    opacity: appear.value,
+    transform: [{
+      scale: 0.9 + 0.1 * appear.value
+    }]
+  }));
+  let t4;
+  if ($[5] !== onClose) {
+    t4 = <Pressable style={StyleSheet.absoluteFill} onPress={onClose} accessibilityLabel="close" />;
+    $[5] = onClose;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== left || $[8] !== top) {
+    t5 = {
+      left,
+      top
+    };
+    $[7] = left;
+    $[8] = top;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== appearStyle || $[11] !== styles.tonePopup || $[12] !== t5) {
+    t6 = [styles.tonePopup, t5, appearStyle];
+    $[10] = appearStyle;
+    $[11] = styles.tonePopup;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== current || $[15] !== onPick || $[16] !== popup.emoji || $[17] !== styles.toneCell || $[18] !== styles.toneCellSelected || $[19] !== styles.toneEmoji) {
+    t7 = [null, 0, 1, 2, 3, 4].map(tone => <Pressable key={String(tone)} onPress={() => onPick(tone)} style={[styles.toneCell, tone === current && styles.toneCellSelected]} accessibilityRole="button" accessibilityLabel={withSkinTone(popup.emoji, tone)}><Text style={styles.toneEmoji} allowFontScaling={false}>{withSkinTone(popup.emoji, tone)}</Text></Pressable>);
+    $[14] = current;
+    $[15] = onPick;
+    $[16] = popup.emoji;
+    $[17] = styles.toneCell;
+    $[18] = styles.toneCellSelected;
+    $[19] = styles.toneEmoji;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== arrowLeft) {
+    t8 = {
+      left: arrowLeft
+    };
+    $[21] = arrowLeft;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== styles.toneArrow || $[24] !== t8) {
+    t9 = <View style={[styles.toneArrow, t8]} />;
+    $[23] = styles.toneArrow;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  let t10;
+  if ($[26] !== t6 || $[27] !== t7 || $[28] !== t9) {
+    t10 = <Animated.View style={t6}>{t7}{t9}</Animated.View>;
+    $[26] = t6;
+    $[27] = t7;
+    $[28] = t9;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  let t11;
+  if ($[30] !== t10 || $[31] !== t4) {
+    t11 = <View style={StyleSheet.absoluteFill}>{t4}{t10}</View>;
+    $[30] = t10;
+    $[31] = t4;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  return t11;
+};
+//# sourceMappingURL=TonePopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TonePopup.js","names":["React","useEffect","Pressable","StyleSheet","Text","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","emojiRecents","withSkinTone","TONE_ARROW","TONE_POPUP_HEIGHT","TONE_POPUP_WIDTH","TonePopup","t0","$","_c","popup","width","onPick","onClose","styles","t1","emoji","getTone","current","left","Math","max","min","x","top","y","arrowLeft","appear","t2","t3","set","duration","easing","bezier","appearStyle","opacity","value","transform","scale","t4","absoluteFill","t5","t6","tonePopup","t7","toneCell","toneCellSelected","toneEmoji","map","tone","String","t8","t9","toneArrow","t10","t11"],"sources":["../../../src/emoji/EmojiGrid/TonePopup.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { Pressable, StyleSheet, Text, View } from 'react-native'\nimport Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { emojiRecents, withSkinTone } from '../emojiStore'\nimport { TONE_ARROW, TONE_POPUP_HEIGHT, TONE_POPUP_WIDTH } from './constants'\nimport { Styles } from './styles'\nimport { TonePopupState } from './types'\n\n/** The skin-tone picker: the emoji plus five tones in a bubble above the pressed cell. */\nexport const TonePopup = ({ popup, width, onPick, onClose, styles }: {\n  popup: TonePopupState\n  width: number\n  onPick: (tone: number | null) => void\n  onClose: () => void\n  styles: Styles\n}) => {\n  const current = emojiRecents.getTone(popup.emoji)\n  const left = Math.max(5, Math.min(popup.x - TONE_POPUP_WIDTH / 2, width - TONE_POPUP_WIDTH - 5))\n  const top = Math.max(0, popup.y - TONE_POPUP_HEIGHT - TONE_ARROW)\n  const arrowLeft = Math.max(12, Math.min(popup.x - left - TONE_ARROW, TONE_POPUP_WIDTH - 12 - TONE_ARROW * 2))\n  const appear = useSharedValue(0)\n  useEffect(() => {\n    appear.set(withTiming(1, { duration: 125, easing: Easing.bezier(0.23, 1, 0.32, 1) }))\n  }, [appear])\n  const appearStyle = useAnimatedStyle(() => ({\n    opacity: appear.value,\n    transform: [{ scale: 0.9 + 0.1 * appear.value }],\n  }))\n\n  return (\n    <View style={StyleSheet.absoluteFill}>\n      <Pressable style={StyleSheet.absoluteFill} onPress={onClose} accessibilityLabel='close' />\n      <Animated.View style={[styles.tonePopup, { left, top }, appearStyle]}>\n        {[null, 0, 1, 2, 3, 4].map(tone => (\n          <Pressable\n            key={String(tone)}\n            onPress={() => onPick(tone)}\n            style={[styles.toneCell, tone === current && styles.toneCellSelected]}\n            accessibilityRole='button'\n            accessibilityLabel={withSkinTone(popup.emoji, tone)}\n          >\n            <Text style={styles.toneEmoji} allowFontScaling={false}>{withSkinTone(popup.emoji, tone)}</Text>\n          </Pressable>\n        ))}\n        <View style={[styles.toneArrow, { left: arrowLeft }]} />\n      </Animated.View>\n    </View>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAExG,SAASC,YAAY,EAAEC,YAAY,QAAQ,eAAe;AAC1D,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,aAAa;AAI7E;AACA,OAAO,MAAMC,SAAS,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAP,EAMzB;EAAA,IAAAQ,EAAA;EAAA,IAAAP,CAAA,QAAAE,KAAA,CAAAM,KAAA;IACiBD,EAAA,GAAAd,YAAY,CAAAgB,OAAQ,CAACP,KAAK,CAAAM,KAAM,CAAC;IAAAR,CAAA,MAAAE,KAAA,CAAAM,KAAA;IAAAR,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAjD,MAAAU,OAAA,GAAgBH,EAAiC;EACjD,MAAAI,IAAA,GAAaC,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAED,IAAI,CAAAE,GAAI,CAACZ,KAAK,CAAAa,CAAE,GAAGlB,gBAAgB,GAAG,CAAC,EAAEM,KAAK,GAAGN,gBAAgB,GAAG,CAAC,CAAC,CAAC;EAChG,MAAAmB,GAAA,GAAYJ,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAEX,KAAK,CAAAe,CAAE,GAAGrB,iBAAiB,GAAGD,UAAU,CAAC;EACjE,MAAAuB,SAAA,GAAkBN,IAAI,CAAAC,GAAI,CAAC,EAAE,EAAED,IAAI,CAAAE,GAAI,CAACZ,KAAK,CAAAa,CAAE,GAAGJ,IAAI,GAAGhB,UAAU,EAAEE,gBAAgB,GAAG,EAAE,GAAGF,UAAU,GAAG,CAAC,CAAC,CAAC;EAC7G,MAAAwB,MAAA,GAAe5B,cAAc,CAAC,CAAC,CAAC;EAAA,IAAA6B,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAmB,MAAA;IACtBC,EAAA,GAAAA,CAAA;MACRD,MAAM,CAAAG,GAAI,CAAC9B,UAAU,CAAC,CAAC,EAAE;QAAA+B,QAAA,EAAY,GAAG;QAAAC,MAAA,EAAUnC,MAAM,CAAAoC,MAAO,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;MAAE,CAAC,CAAC,CAAC;IAAA,CACtF;IAAEJ,EAAA,IAACF,MAAM,CAAC;IAAAnB,CAAA,MAAAmB,MAAA;IAAAnB,CAAA,MAAAoB,EAAA;IAAApB,CAAA,MAAAqB,EAAA;EAAA;IAAAD,EAAA,GAAApB,CAAA;IAAAqB,EAAA,GAAArB,CAAA;EAAA;EAFXjB,SAAS,CAACqC,EAET,EAAEC,EAAQ,CAAC;EACZ,MAAAK,WAAA,GAAoBpC,gBAAgB,CAAC,OAAO;IAAAqC,OAAA,EACjCR,MAAM,CAAAS,KAAM;IAAAC,SAAA,EACV,CAAC;MAAAC,KAAA,EAAS,GAAG,GAAG,GAAG,GAAGX,MAAM,CAAAS;IAAO,CAAC;EACjD,CAAC,CAAC,CAAC;EAAA,IAAAG,EAAA;EAAA,IAAA/B,CAAA,QAAAK,OAAA;IAIC0B,EAAA,IAAC,SAAS,CAAQ,KAAuB,CAAvB,CAAA9C,UAAU,CAAA+C,YAAY,CAAC,CAAW3B,OAAO,CAAPA,QAAM,CAAC,CAAqB,kBAAO,CAAP,OAAO,GAAG;IAAAL,CAAA,MAAAK,OAAA;IAAAL,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAAA,IAAAiC,EAAA;EAAA,IAAAjC,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAgB,GAAA;IACjDiB,EAAA;MAAAtB,IAAA;MAAAK;IAAY,CAAC;IAAAhB,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAgB,GAAA;IAAAhB,CAAA,MAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAAA,IAAAkC,EAAA;EAAA,IAAAlC,CAAA,SAAA0B,WAAA,IAAA1B,CAAA,SAAAM,MAAA,CAAA6B,SAAA,IAAAnC,CAAA,SAAAiC,EAAA;IAAhCC,EAAA,IAAC5B,MAAM,CAAA6B,SAAU,EAAEF,EAAa,EAAEP,WAAW,CAAC;IAAA1B,CAAA,OAAA0B,WAAA;IAAA1B,CAAA,OAAAM,MAAA,CAAA6B,SAAA;IAAAnC,CAAA,OAAAiC,EAAA;IAAAjC,CAAA,OAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EAAA,IAAAoC,EAAA;EAAA,IAAApC,CAAA,SAAAU,OAAA,IAAAV,CAAA,SAAAI,MAAA,IAAAJ,CAAA,SAAAE,KAAA,CAAAM,KAAA,IAAAR,CAAA,SAAAM,MAAA,CAAA+B,QAAA,IAAArC,CAAA,SAAAM,MAAA,CAAAgC,gBAAA,IAAAtC,CAAA,SAAAM,MAAA,CAAAiC,SAAA;IACjEH,EAAA,IAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAAI,GAAI,CAACC,IAAA,IACzB,CAAC,SAAS,CACH,GAAY,CAAZ,CAAAC,MAAM,CAACD,IAAI,EAAC,CACR,OAAkB,CAAlB,OAAMrC,MAAM,CAACqC,IAAI,EAAC,CACpB,KAA8D,CAA9D,EAACnC,MAAM,CAAA+B,QAAS,EAAEI,IAAI,KAAK/B,OAAkC,IAAvBJ,MAAM,CAAAgC,gBAAiB,EAAC,CACnD,iBAAQ,CAAR,QAAQ,CACN,kBAA+B,CAA/B,CAAA5C,YAAY,CAACQ,KAAK,CAAAM,KAAM,EAAEiC,IAAI,EAAC,CAEnD,CAAC,IAAI,CAAQ,KAAgB,CAAhB,CAAAnC,MAAM,CAAAiC,SAAS,CAAC,CAAoB,gBAAK,CAAL,MAAI,CAAC,CAAG,CAAA7C,YAAY,CAACQ,KAAK,CAAAM,KAAM,EAAEiC,IAAI,EAAE,EAAxF,IAAI,CACP,EARC,SAAS,CASX,CAAC;IAAAzC,CAAA,OAAAU,OAAA;IAAAV,CAAA,OAAAI,MAAA;IAAAJ,CAAA,OAAAE,KAAA,CAAAM,KAAA;IAAAR,CAAA,OAAAM,MAAA,CAAA+B,QAAA;IAAArC,CAAA,OAAAM,MAAA,CAAAgC,gBAAA;IAAAtC,CAAA,OAAAM,MAAA,CAAAiC,SAAA;IAAAvC,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAAA,IAAA2C,EAAA;EAAA,IAAA3C,CAAA,SAAAkB,SAAA;IAC8ByB,EAAA;MAAAhC,IAAA,EAAQO;IAAU,CAAC;IAAAlB,CAAA,OAAAkB,SAAA;IAAAlB,CAAA,OAAA2C,EAAA;EAAA;IAAAA,EAAA,GAAA3C,CAAA;EAAA;EAAA,IAAA4C,EAAA;EAAA,IAAA5C,CAAA,SAAAM,MAAA,CAAAuC,SAAA,IAAA7C,CAAA,SAAA2C,EAAA;IAAnDC,EAAA,IAAC,IAAI,CAAQ,KAAuC,CAAvC,EAACtC,MAAM,CAAAuC,SAAU,EAAEF,EAAmB,EAAC,GAAI;IAAA3C,CAAA,OAAAM,MAAA,CAAAuC,SAAA;IAAA7C,CAAA,OAAA2C,EAAA;IAAA3C,CAAA,OAAA4C,EAAA;EAAA;IAAAA,EAAA,GAAA5C,CAAA;EAAA;EAAA,IAAA8C,GAAA;EAAA,IAAA9C,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAoC,EAAA,IAAApC,CAAA,SAAA4C,EAAA;IAZ1DE,GAAA,kBAAsB,KAA8C,CAA9C,CAAAZ,EAA6C,CAAC,CACjE,CAAAE,EAUA,CACD,CAAAQ,EAAuD,CACzD,gBAAgB;IAAA5C,CAAA,OAAAkC,EAAA;IAAAlC,CAAA,OAAAoC,EAAA;IAAApC,CAAA,OAAA4C,EAAA;IAAA5C,CAAA,OAAA8C,GAAA;EAAA;IAAAA,GAAA,GAAA9C,CAAA;EAAA;EAAA,IAAA+C,GAAA;EAAA,IAAA/C,CAAA,SAAA8C,GAAA,IAAA9C,CAAA,SAAA+B,EAAA;IAflBgB,GAAA,IAAC,IAAI,CAAQ,KAAuB,CAAvB,CAAA9D,UAAU,CAAA+C,YAAY,CAAC,CAClC,CAAAD,EAAyF,CACzF,CAAAe,GAae,CACjB,EAhBC,IAAI,CAgBE;IAAA9C,CAAA,OAAA8C,GAAA;IAAA9C,CAAA,OAAA+B,EAAA;IAAA/B,CAAA,OAAA+C,GAAA;EAAA;IAAAA,GAAA,GAAA/C,CAAA;EAAA;EAAA,OAhBP+C,GAgBO;AAAA,CAEV","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+import { ChatLabels } from '../../i18n';
+import { IconName } from '../../Icons';
+import { EmojiCategoryKey } from '../emojiStore';
+export declare const TABS_HEIGHT = 36;
+export declare const TAB_SIZE = 30;
+export declare const TAB_GAP = 3;
+export declare const TAB_ICON = 22;
+export declare const INDICATOR_MOVE: {
+    duration: number;
+    easing: import("react-native-reanimated").EasingFunctionFactory;
+};
+export declare const GRID_PADDING_H = 5;
+export declare const GRID_PADDING_BOTTOM = 44;
+export declare const SEARCH_ROW = 50;
+export declare const SEARCH_PILL = 36;
+export declare const HEADER_HEIGHT = 27;
+export declare const BACKSPACE_WIDTH = 56;
+export declare const BACKSPACE_HEIGHT = 48;
+export declare const BACKSPACE_REPEAT_DELAY = 350;
+export declare const BACKSPACE_REPEAT_MS = 60;
+export declare const TONE_CELL = 32;
+export declare const TONE_SPACING = 4;
+export declare const TONE_POPUP_WIDTH: number;
+export declare const TONE_POPUP_HEIGHT: number;
+export declare const TONE_ARROW = 7;
+export declare const TAB_ICONS: Record<EmojiCategoryKey | 'recent', IconName>;
+export declare const TAB_FALLBACK: Record<EmojiCategoryKey | 'recent', string>;
+export declare const CATEGORY_LABEL: Record<EmojiCategoryKey, keyof ChatLabels>;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIhD,eAAO,MAAM,WAAW,KAAK,CAAA;AAC7B,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,OAAO,IAAI,CAAA;AACxB,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,cAAc;;;CAA6D,CAAA;AAExF,eAAO,MAAM,cAAc,IAAI,CAAA;AAC/B,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,sBAAsB,MAAM,CAAA;AACzC,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,YAAY,IAAI,CAAA;AAC7B,eAAO,MAAM,gBAAgB,QAAqB,CAAA;AAClD,eAAO,MAAM,iBAAiB,QAAiB,CAAA;AAC/C,eAAO,MAAM,UAAU,IAAI,CAAA;AAE3B,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,GAAG,QAAQ,EAAE,QAAQ,CAUnE,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CAUpE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,UAAU,CASrE,CAAA"}

package/lib/emoji/EmojiGrid/constants.js

@@ -0,0 +1,65 @@
+import { Easing } from 'react-native-reanimated';
+// The tab strip: 36 tall, 30x30 tabs 3 apart, 24 icons, an r8 indicator sliding 350ms on
+// EASE_OUT_QUINT.
+export const TABS_HEIGHT = 36;
+export const TAB_SIZE = 30;
+export const TAB_GAP = 3;
+export const TAB_ICON = 22;
+export const INDICATOR_MOVE = {
+  duration: 350,
+  easing: Easing.bezier(0.23, 1, 0.32, 1)
+};
+// Grid padding: 5 at the sides, 44 under the last row for the backspace bubble.
+export const GRID_PADDING_H = 5;
+export const GRID_PADDING_BOTTOM = 44;
+// The search row is 50 with a 36-tall pill, radius 18, 10 / 8 margins.
+export const SEARCH_ROW = 50;
+export const SEARCH_PILL = 36;
+// Section header: 27 tall, 15 bold.
+export const HEADER_HEIGHT = 27;
+// The floating backspace bubble when only emoji are offered: 56x48.
+export const BACKSPACE_WIDTH = 56;
+export const BACKSPACE_HEIGHT = 48;
+// Holding backspace repeats it.
+export const BACKSPACE_REPEAT_DELAY = 350;
+export const BACKSPACE_REPEAT_MS = 60;
+// Skin-tone popup: six 32 cells 4 apart, 15 + 32 tall, an arrow under the pressed cell.
+export const TONE_CELL = 32;
+export const TONE_SPACING = 4;
+export const TONE_POPUP_WIDTH = 6 * TONE_CELL + 30;
+export const TONE_POPUP_HEIGHT = 15 + TONE_CELL;
+export const TONE_ARROW = 7;
+export const TAB_ICONS = {
+  recent: 'clock',
+  smileys: 'emoji',
+  animals: 'emojiAnimals',
+  food: 'emojiFood',
+  activities: 'emojiActivities',
+  travel: 'emojiTravel',
+  objects: 'emojiObjects',
+  symbols: 'emojiSymbols',
+  flags: 'emojiFlags'
+};
+// Without react-native-svg the tabs show a representative emoji instead.
+export const TAB_FALLBACK = {
+  recent: '🕘',
+  smileys: '😀',
+  animals: '🐱',
+  food: '🍎',
+  activities: '⚽',
+  travel: '🚗',
+  objects: '💡',
+  symbols: '❤️',
+  flags: '🏳️'
+};
+export const CATEGORY_LABEL = {
+  smileys: 'emojiSmileys',
+  animals: 'emojiAnimals',
+  food: 'emojiFood',
+  activities: 'emojiActivities',
+  travel: 'emojiTravel',
+  objects: 'emojiObjects',
+  symbols: 'emojiSymbols',
+  flags: 'emojiFlags'
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["Easing","TABS_HEIGHT","TAB_SIZE","TAB_GAP","TAB_ICON","INDICATOR_MOVE","duration","easing","bezier","GRID_PADDING_H","GRID_PADDING_BOTTOM","SEARCH_ROW","SEARCH_PILL","HEADER_HEIGHT","BACKSPACE_WIDTH","BACKSPACE_HEIGHT","BACKSPACE_REPEAT_DELAY","BACKSPACE_REPEAT_MS","TONE_CELL","TONE_SPACING","TONE_POPUP_WIDTH","TONE_POPUP_HEIGHT","TONE_ARROW","TAB_ICONS","recent","smileys","animals","food","activities","travel","objects","symbols","flags","TAB_FALLBACK","CATEGORY_LABEL"],"sources":["../../../src/emoji/EmojiGrid/constants.ts"],"sourcesContent":["import { Easing } from 'react-native-reanimated'\n\nimport { ChatLabels } from '../../i18n'\nimport { IconName } from '../../Icons'\nimport { EmojiCategoryKey } from '../emojiStore'\n\n// The tab strip: 36 tall, 30x30 tabs 3 apart, 24 icons, an r8 indicator sliding 350ms on\n// EASE_OUT_QUINT.\nexport const TABS_HEIGHT = 36\nexport const TAB_SIZE = 30\nexport const TAB_GAP = 3\nexport const TAB_ICON = 22\nexport const INDICATOR_MOVE = { duration: 350, easing: Easing.bezier(0.23, 1, 0.32, 1) }\n// Grid padding: 5 at the sides, 44 under the last row for the backspace bubble.\nexport const GRID_PADDING_H = 5\nexport const GRID_PADDING_BOTTOM = 44\n// The search row is 50 with a 36-tall pill, radius 18, 10 / 8 margins.\nexport const SEARCH_ROW = 50\nexport const SEARCH_PILL = 36\n// Section header: 27 tall, 15 bold.\nexport const HEADER_HEIGHT = 27\n// The floating backspace bubble when only emoji are offered: 56x48.\nexport const BACKSPACE_WIDTH = 56\nexport const BACKSPACE_HEIGHT = 48\n// Holding backspace repeats it.\nexport const BACKSPACE_REPEAT_DELAY = 350\nexport const BACKSPACE_REPEAT_MS = 60\n// Skin-tone popup: six 32 cells 4 apart, 15 + 32 tall, an arrow under the pressed cell.\nexport const TONE_CELL = 32\nexport const TONE_SPACING = 4\nexport const TONE_POPUP_WIDTH = 6 * TONE_CELL + 30\nexport const TONE_POPUP_HEIGHT = 15 + TONE_CELL\nexport const TONE_ARROW = 7\n\nexport const TAB_ICONS: Record<EmojiCategoryKey | 'recent', IconName> = {\n  recent: 'clock',\n  smileys: 'emoji',\n  animals: 'emojiAnimals',\n  food: 'emojiFood',\n  activities: 'emojiActivities',\n  travel: 'emojiTravel',\n  objects: 'emojiObjects',\n  symbols: 'emojiSymbols',\n  flags: 'emojiFlags',\n}\n// Without react-native-svg the tabs show a representative emoji instead.\nexport const TAB_FALLBACK: Record<EmojiCategoryKey | 'recent', string> = {\n  recent: '🕘',\n  smileys: '😀',\n  animals: '🐱',\n  food: '🍎',\n  activities: '⚽',\n  travel: '🚗',\n  objects: '💡',\n  symbols: '❤️',\n  flags: '🏳️',\n}\n\nexport const CATEGORY_LABEL: Record<EmojiCategoryKey, keyof ChatLabels> = {\n  smileys: 'emojiSmileys',\n  animals: 'emojiAnimals',\n  food: 'emojiFood',\n  activities: 'emojiActivities',\n  travel: 'emojiTravel',\n  objects: 'emojiObjects',\n  symbols: 'emojiSymbols',\n  flags: 'emojiFlags',\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,yBAAyB;AAMhD;AACA;AACA,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,QAAQ,GAAG,EAAE;AAC1B,OAAO,MAAMC,OAAO,GAAG,CAAC;AACxB,OAAO,MAAMC,QAAQ,GAAG,EAAE;AAC1B,OAAO,MAAMC,cAAc,GAAG;EAAEC,QAAQ,EAAE,GAAG;EAAEC,MAAM,EAAEP,MAAM,CAACQ,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AAAE,CAAC;AACxF;AACA,OAAO,MAAMC,cAAc,GAAG,CAAC;AAC/B,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B;AACA,OAAO,MAAMC,aAAa,GAAG,EAAE;AAC/B;AACA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAClC;AACA,OAAO,MAAMC,sBAAsB,GAAG,GAAG;AACzC,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC;AACA,OAAO,MAAMC,SAAS,GAAG,EAAE;AAC3B,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC7B,OAAO,MAAMC,gBAAgB,GAAG,CAAC,GAAGF,SAAS,GAAG,EAAE;AAClD,OAAO,MAAMG,iBAAiB,GAAG,EAAE,GAAGH,SAAS;AAC/C,OAAO,MAAMI,UAAU,GAAG,CAAC;AAE3B,OAAO,MAAMC,SAAwD,GAAG;EACtEC,MAAM,EAAE,OAAO;EACfC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE,cAAc;EACvBC,IAAI,EAAE,WAAW;EACjBC,UAAU,EAAE,iBAAiB;EAC7BC,MAAM,EAAE,aAAa;EACrBC,OAAO,EAAE,cAAc;EACvBC,OAAO,EAAE,cAAc;EACvBC,KAAK,EAAE;AACT,CAAC;AACD;AACA,OAAO,MAAMC,YAAyD,GAAG;EACvET,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,IAAI,EAAE,IAAI;EACVC,UAAU,EAAE,GAAG;EACfC,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAME,cAA0D,GAAG;EACxET,OAAO,EAAE,cAAc;EACvBC,OAAO,EAAE,cAAc;EACvBC,IAAI,EAAE,WAAW;EACjBC,UAAU,EAAE,iBAAiB;EAC7BC,MAAM,EAAE,aAAa;EACrBC,OAAO,EAAE,cAAc;EACvBC,OAAO,EAAE,cAAc;EACvBC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EmojiGridProps } from './types';
+export type { EmojiGridProps } from './types';
+/**
+ * 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 declare const EmojiGrid: ({ onSelect, variant, columns: columnsProp, categories: categoryKeys, isRecentsEnabled, isSearchEnabled, onBackspace, onSearchModeChange, bottomInset, }: EmojiGridProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AA2BhF,OAAO,EAAE,cAAc,EAA6B,MAAM,SAAS,CAAA;AAGnE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,yJAUvB,cAAc,sBAgMhB,CAAA"}