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

package/lib/ChatList/ChatListShimmer.js

@@ -0,0 +1,235 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { cancelAnimation, Easing, useAnimatedProps, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { useTheme } from '../hooks/useTheme';
+import { getSvg } from '../optional';
+const svg = getSvg();
+const Svg = svg ? svg.Svg ?? svg.default : null;
+const AnimatedRect = svg?.Rect ? Animated.createAnimatedComponent(svg.Rect) : null;
+
+/*
+ * The loading placeholder: rows of 72 + 1, each a 28-radius avatar 10 in, a name bar
+ * 76..148 x 16..24, a message bar 76..268 x 38..46 (radius 4) and a date bar 50..12 in from
+ * the right. One vertical band, 600 tall, sweeps down over all of them at `height / 400` per ms.
+ * Without react-native-svg the bars pulse instead.
+ */
+const ROW = 72 + 1;
+const AVATAR_R = 28;
+const GRADIENT = 600;
+export function ChatListShimmer() {
+  const $ = _c(30);
+  const colors = useTheme().chatList;
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      width: 0,
+      height: 0
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [size, setSize] = useState(t0);
+  const offset = useSharedValue(-GRADIENT * 2);
+  const pulse = useSharedValue(1);
+  let t1;
+  let t2;
+  if ($[1] !== offset || $[2] !== pulse || $[3] !== size.height) {
+    t1 = () => {
+      if (!size.height) {
+        return;
+      }
+      if (!Svg) {
+        pulse.value = withRepeat(withTiming(0.4, {
+          duration: 700,
+          easing: Easing.inOut(Easing.quad)
+        }), -1, true);
+        return () => cancelAnimation(pulse);
+      }
+      const distance = size.height * 2 + GRADIENT * 2;
+      const duration = distance * 400 / size.height;
+      offset.value = -GRADIENT * 2;
+      offset.value = withRepeat(withTiming(size.height * 2, {
+        duration,
+        easing: Easing.linear
+      }), -1, false);
+      return () => cancelAnimation(offset);
+    };
+    t2 = [size.height, offset, pulse];
+    $[1] = offset;
+    $[2] = pulse;
+    $[3] = size.height;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  const bandProps = useAnimatedProps(() => ({
+    y: offset.value
+  }));
+  const aboveProps = useAnimatedProps(() => ({
+    height: Math.max(0, offset.value)
+  }));
+  const belowProps = useAnimatedProps(() => ({
+    y: Math.max(0, offset.value + GRADIENT)
+  }));
+  const pulseStyle = useAnimatedStyle(() => ({
+    opacity: pulse.value
+  }));
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = event => {
+      const {
+        width,
+        height
+      } = event.nativeEvent.layout;
+      setSize(previous => previous.width === width && previous.height === height ? previous : {
+        width,
+        height
+      });
+    };
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const onLayout = t3;
+  const rows = Math.ceil(size.height / ROW) + 1;
+  const {
+    width: width_0
+  } = size;
+  if (!Svg) {
+    let t4;
+    if ($[7] !== colors.shimmer || $[8] !== colors.shimmerOpacity) {
+      t4 = {
+        backgroundColor: colors.shimmer,
+        opacity: colors.shimmerOpacity
+      };
+      $[7] = colors.shimmer;
+      $[8] = colors.shimmerOpacity;
+      $[9] = t4;
+    } else {
+      t4 = $[9];
+    }
+    const bar = t4;
+    let t5;
+    if ($[10] !== pulseStyle) {
+      t5 = [StyleSheet.absoluteFill, pulseStyle];
+      $[10] = pulseStyle;
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    let t6;
+    if ($[12] !== bar || $[13] !== rows) {
+      let t7;
+      if ($[15] !== bar) {
+        t7 = (_, index) => <View key={index} style={[styles.row, {
+          top: index * ROW
+        }]}><View style={[styles.avatar, bar]} /><View style={[styles.name, bar]} /><View style={[styles.message, bar]} /><View style={[styles.date, bar]} /></View>;
+        $[15] = bar;
+        $[16] = t7;
+      } else {
+        t7 = $[16];
+      }
+      t6 = Array.from({
+        length: rows
+      }, t7);
+      $[12] = bar;
+      $[13] = rows;
+      $[14] = t6;
+    } else {
+      t6 = $[14];
+    }
+    let t7;
+    if ($[17] !== t5 || $[18] !== t6) {
+      t7 = <View style={StyleSheet.absoluteFill} onLayout={onLayout} pointerEvents="none" testID="chat-list-shimmer"><Animated.View style={t5}>{t6}</Animated.View></View>;
+      $[17] = t5;
+      $[18] = t6;
+      $[19] = t7;
+    } else {
+      t7 = $[19];
+    }
+    return t7;
+  }
+  const {
+    Defs,
+    LinearGradient,
+    Stop,
+    ClipPath,
+    G,
+    Circle,
+    Rect
+  } = svg;
+  let t4;
+  if ($[20] !== aboveProps || $[21] !== bandProps || $[22] !== belowProps || $[23] !== colors || $[24] !== rows || $[25] !== size.height || $[26] !== width_0) {
+    t4 = width_0 > 0 && <Svg width={width_0} height={size.height}><Defs><LinearGradient id="flicker" x1="0" y1="0" x2="0" y2="1"><Stop offset="0" stopColor={colors.shimmer} stopOpacity={colors.shimmerOpacity} /><Stop offset="0.4" stopColor={colors.shimmerHighlight} /><Stop offset="0.6" stopColor={colors.shimmerHighlight} /><Stop offset="1" stopColor={colors.shimmer} stopOpacity={colors.shimmerOpacity} /></LinearGradient><ClipPath id="rows">{Array.from({
+            length: rows
+          }, (__0, index_0) => {
+            const top = index_0 * ROW;
+            return <G key={index_0}><Circle cx={10 + AVATAR_R} cy={top + ROW / 2} r={AVATAR_R} /><Rect x={76} y={top + 16} width={72} height={8} rx={4} /><Rect x={76} y={top + 38} width={192} height={8} rx={4} /><Rect x={width_0 - 50} y={top + 16} width={38} height={8} rx={4} /></G>;
+          })}</ClipPath></Defs><G clipPath="url(#rows)"><AnimatedRect animatedProps={aboveProps} x={0} y={0} width={width_0} fill={colors.shimmer} fillOpacity={colors.shimmerOpacity} /><AnimatedRect animatedProps={belowProps} x={0} width={width_0} height={size.height + GRADIENT * 2} fill={colors.shimmer} fillOpacity={colors.shimmerOpacity} /><AnimatedRect animatedProps={bandProps} x={0} width={width_0} height={GRADIENT} fill="url(#flicker)" /></G></Svg>;
+    $[20] = aboveProps;
+    $[21] = bandProps;
+    $[22] = belowProps;
+    $[23] = colors;
+    $[24] = rows;
+    $[25] = size.height;
+    $[26] = width_0;
+    $[27] = t4;
+  } else {
+    t4 = $[27];
+  }
+  let t5;
+  if ($[28] !== t4) {
+    t5 = <View style={StyleSheet.absoluteFill} onLayout={onLayout} pointerEvents="none" testID="chat-list-shimmer">{t4}</View>;
+    $[28] = t4;
+    $[29] = t5;
+  } else {
+    t5 = $[29];
+  }
+  return t5;
+}
+const styles = StyleSheet.create({
+  row: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: ROW
+  },
+  avatar: {
+    position: 'absolute',
+    left: 10,
+    top: ROW / 2 - AVATAR_R,
+    width: AVATAR_R * 2,
+    height: AVATAR_R * 2,
+    borderRadius: AVATAR_R
+  },
+  name: {
+    position: 'absolute',
+    left: 76,
+    top: 16,
+    width: 72,
+    height: 8,
+    borderRadius: 4
+  },
+  message: {
+    position: 'absolute',
+    left: 76,
+    top: 38,
+    width: 192,
+    height: 8,
+    borderRadius: 4
+  },
+  date: {
+    position: 'absolute',
+    right: 12,
+    top: 16,
+    width: 38,
+    height: 8,
+    borderRadius: 4
+  }
+});
+//# sourceMappingURL=ChatListShimmer.js.map

package/lib/ChatList/ChatListShimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListShimmer.js","names":["React","useEffect","useState","StyleSheet","View","Animated","cancelAnimation","Easing","useAnimatedProps","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useTheme","getSvg","svg","Svg","default","AnimatedRect","Rect","createAnimatedComponent","ROW","AVATAR_R","GRADIENT","ChatListShimmer","$","_c","colors","chatList","t0","Symbol","for","width","height","size","setSize","offset","pulse","t1","t2","value","duration","easing","inOut","quad","distance","linear","bandProps","y","aboveProps","Math","max","belowProps","pulseStyle","opacity","t3","event","nativeEvent","layout","previous","onLayout","rows","ceil","width_0","t4","shimmer","shimmerOpacity","backgroundColor","bar","t5","absoluteFill","t6","t7","_","index","styles","row","top","avatar","name","message","date","Array","from","length","Defs","LinearGradient","Stop","ClipPath","G","Circle","shimmerHighlight","__0","index_0","create","position","left","right","borderRadius"],"sources":["../../src/ChatList/ChatListShimmer.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  useAnimatedProps,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { useTheme } from '../hooks/useTheme'\nimport { getSvg } from '../optional'\n\nconst svg = getSvg()\nconst Svg: any = svg ? svg.Svg ?? svg.default : null\nconst AnimatedRect: any = svg?.Rect ? Animated.createAnimatedComponent(svg.Rect) : null\n\n/*\n * The loading placeholder: rows of 72 + 1, each a 28-radius avatar 10 in, a name bar\n * 76..148 x 16..24, a message bar 76..268 x 38..46 (radius 4) and a date bar 50..12 in from\n * the right. One vertical band, 600 tall, sweeps down over all of them at `height / 400` per ms.\n * Without react-native-svg the bars pulse instead.\n */\nconst ROW = 72 + 1\nconst AVATAR_R = 28\nconst GRADIENT = 600\n\nexport function ChatListShimmer () {\n  const colors = useTheme().chatList\n  const [size, setSize] = useState({ width: 0, height: 0 })\n  const offset = useSharedValue(-GRADIENT * 2)\n  const pulse = useSharedValue(1)\n\n  useEffect(() => {\n    if (!size.height)\n      return\n    if (!Svg) {\n      pulse.value = withRepeat(withTiming(0.4, { duration: 700, easing: Easing.inOut(Easing.quad) }), -1, true)\n      return () => cancelAnimation(pulse)\n    }\n    const distance = size.height * 2 + GRADIENT * 2\n    const duration = (distance * 400) / size.height\n    offset.value = -GRADIENT * 2\n    offset.value = withRepeat(withTiming(size.height * 2, { duration, easing: Easing.linear }), -1, false)\n    return () => cancelAnimation(offset)\n  }, [size.height, offset, pulse])\n\n  const bandProps = useAnimatedProps(() => ({ y: offset.value }))\n  // The bars outside the band, drawn around it rather than under it so its translucent ends do\n  // not double up.\n  const aboveProps = useAnimatedProps(() => ({ height: Math.max(0, offset.value) }))\n  const belowProps = useAnimatedProps(() => ({ y: Math.max(0, offset.value + GRADIENT) }))\n  const pulseStyle = useAnimatedStyle(() => ({ opacity: pulse.value }))\n\n  const onLayout = (event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout\n    setSize(previous => previous.width === width && previous.height === height ? previous : { width, height })\n  }\n\n  const rows = Math.ceil(size.height / ROW) + 1\n  const { width } = size\n\n  if (!Svg) {\n    const bar = { backgroundColor: colors.shimmer, opacity: colors.shimmerOpacity }\n    return (\n      <View style={StyleSheet.absoluteFill} onLayout={onLayout} pointerEvents='none' testID='chat-list-shimmer'>\n        <Animated.View style={[StyleSheet.absoluteFill, pulseStyle]}>\n          {Array.from({ length: rows }, (_, index) => (\n            <View key={index} style={[styles.row, { top: index * ROW }]}>\n              <View style={[styles.avatar, bar]} />\n              <View style={[styles.name, bar]} />\n              <View style={[styles.message, bar]} />\n              <View style={[styles.date, bar]} />\n            </View>\n          ))}\n        </Animated.View>\n      </View>\n    )\n  }\n\n  const { Defs, LinearGradient, Stop, ClipPath, G, Circle, Rect } = svg\n  return (\n    <View style={StyleSheet.absoluteFill} onLayout={onLayout} pointerEvents='none' testID='chat-list-shimmer'>\n      {width > 0 && (\n        <Svg width={width} height={size.height}>\n          <Defs>\n            <LinearGradient id='flicker' x1='0' y1='0' x2='0' y2='1'>\n              <Stop offset='0' stopColor={colors.shimmer} stopOpacity={colors.shimmerOpacity} />\n              <Stop offset='0.4' stopColor={colors.shimmerHighlight} />\n              <Stop offset='0.6' stopColor={colors.shimmerHighlight} />\n              <Stop offset='1' stopColor={colors.shimmer} stopOpacity={colors.shimmerOpacity} />\n            </LinearGradient>\n            <ClipPath id='rows'>\n              {Array.from({ length: rows }, (_, index) => {\n                const top = index * ROW\n                return (\n                  <G key={index}>\n                    <Circle cx={10 + AVATAR_R} cy={top + ROW / 2} r={AVATAR_R} />\n                    <Rect x={76} y={top + 16} width={72} height={8} rx={4} />\n                    <Rect x={76} y={top + 38} width={192} height={8} rx={4} />\n                    <Rect x={width - 50} y={top + 16} width={38} height={8} rx={4} />\n                  </G>\n                )\n              })}\n            </ClipPath>\n          </Defs>\n          <G clipPath='url(#rows)'>\n            <AnimatedRect animatedProps={aboveProps} x={0} y={0} width={width} fill={colors.shimmer} fillOpacity={colors.shimmerOpacity} />\n            <AnimatedRect animatedProps={belowProps} x={0} width={width} height={size.height + GRADIENT * 2} fill={colors.shimmer} fillOpacity={colors.shimmerOpacity} />\n            <AnimatedRect animatedProps={bandProps} x={0} width={width} height={GRADIENT} fill='url(#flicker)' />\n          </G>\n        </Svg>\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  row: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    height: ROW,\n  },\n  avatar: {\n    position: 'absolute',\n    left: 10,\n    top: ROW / 2 - AVATAR_R,\n    width: AVATAR_R * 2,\n    height: AVATAR_R * 2,\n    borderRadius: AVATAR_R,\n  },\n  name: {\n    position: 'absolute',\n    left: 76,\n    top: 16,\n    width: 72,\n    height: 8,\n    borderRadius: 4,\n  },\n  message: {\n    position: 'absolute',\n    left: 76,\n    top: 38,\n    width: 192,\n    height: 8,\n    borderRadius: 4,\n  },\n  date: {\n    position: 'absolute',\n    right: 12,\n    top: 16,\n    width: 38,\n    height: 8,\n    borderRadius: 4,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/ChatList/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ChatListItem, ChatListProps } from './types';
+export * from './types';
+export { ChatListAvatar } from './ChatListAvatar';
+export { ChatListCell, CHAT_LIST_ROW_HEIGHT } from './ChatListCell';
+export { ChatListShimmer } from './ChatListShimmer';
+export { formatChatListDate, getChatPreview, getInitials, matchesChatQuery, sortChats } from './utils';
+export { useChatList } from './useChatList';
+/**
+ * A list of chats with everything a messenger's main screen has: a header with search and a
+ * selection bar (pin, mute, archive, delete), an "Archived Chats" folder, swipe to archive,
+ * pinned chats you can drag into order, unread counters, typing and drafts, a loading
+ * placeholder and a new-chat button. Feed it your chats and wire the callbacks to your backend.
+ */
+export declare function ChatList<TChat extends ChatListItem = ChatListItem>(props: ChatListProps<TChat>): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/ChatList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ChatList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyF,MAAM,OAAO,CAAA;AAmC7G,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAmB,MAAM,SAAS,CAAA;AAGpF,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAiB3C;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,SAAS,YAAY,GAAG,YAAY,EAAG,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,qBA+B/F"}