stream-chat-react-native-core 9.6.2-beta.2 → 9.6.2-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/lib/commonjs/components/Channel/Channel.js +1 -1
  2. package/lib/commonjs/components/Channel/Channel.js.map +1 -1
  3. package/lib/commonjs/components/Message/MessageItemView/MessageContent.js +21 -6
  4. package/lib/commonjs/components/Message/MessageItemView/MessageContent.js.map +1 -1
  5. package/lib/commonjs/components/Message/MessageItemView/MessageItemView.js +1 -1
  6. package/lib/commonjs/components/Message/MessageItemView/MessageItemView.js.map +1 -1
  7. package/lib/commonjs/components/Message/MessageItemView/MessageTextContainer.js +1 -1
  8. package/lib/commonjs/components/Message/MessageItemView/MessageTextContainer.js.map +1 -1
  9. package/lib/commonjs/components/Message/MessageItemView/ReactionList/ReactionListItemWrapper.js +11 -3
  10. package/lib/commonjs/components/Message/MessageItemView/ReactionList/ReactionListItemWrapper.js.map +1 -1
  11. package/lib/commonjs/components/ui/Avatar/Avatar.js +11 -5
  12. package/lib/commonjs/components/ui/Avatar/Avatar.js.map +1 -1
  13. package/lib/commonjs/components/ui/Avatar/AvatarGroup.js +1 -3
  14. package/lib/commonjs/components/ui/Avatar/AvatarGroup.js.map +1 -1
  15. package/lib/commonjs/contexts/themeContext/utils/theme.js +5 -14
  16. package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
  17. package/lib/commonjs/version.json +1 -1
  18. package/lib/module/components/Channel/Channel.js +1 -1
  19. package/lib/module/components/Channel/Channel.js.map +1 -1
  20. package/lib/module/components/Message/MessageItemView/MessageContent.js +21 -6
  21. package/lib/module/components/Message/MessageItemView/MessageContent.js.map +1 -1
  22. package/lib/module/components/Message/MessageItemView/MessageItemView.js +1 -1
  23. package/lib/module/components/Message/MessageItemView/MessageItemView.js.map +1 -1
  24. package/lib/module/components/Message/MessageItemView/MessageTextContainer.js +1 -1
  25. package/lib/module/components/Message/MessageItemView/MessageTextContainer.js.map +1 -1
  26. package/lib/module/components/Message/MessageItemView/ReactionList/ReactionListItemWrapper.js +11 -3
  27. package/lib/module/components/Message/MessageItemView/ReactionList/ReactionListItemWrapper.js.map +1 -1
  28. package/lib/module/components/ui/Avatar/Avatar.js +11 -5
  29. package/lib/module/components/ui/Avatar/Avatar.js.map +1 -1
  30. package/lib/module/components/ui/Avatar/AvatarGroup.js +1 -3
  31. package/lib/module/components/ui/Avatar/AvatarGroup.js.map +1 -1
  32. package/lib/module/contexts/themeContext/utils/theme.js +5 -14
  33. package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
  34. package/lib/module/version.json +1 -1
  35. package/lib/typescript/components/Message/MessageItemView/MessageContent.d.ts.map +1 -1
  36. package/lib/typescript/components/Message/MessageItemView/ReactionList/ReactionListItemWrapper.d.ts.map +1 -1
  37. package/lib/typescript/components/ui/Avatar/AvatarGroup.d.ts.map +1 -1
  38. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +3 -3
  39. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
  40. package/lib/typescript/contexts/themeContext/utils/theme.d.ts +3 -4
  41. package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
  42. package/package.json +1 -1
  43. package/src/components/Channel/Channel.tsx +1 -1
  44. package/src/components/Message/MessageItemView/MessageContent.tsx +26 -6
  45. package/src/components/Message/MessageItemView/MessageItemView.tsx +1 -1
  46. package/src/components/Message/MessageItemView/MessageTextContainer.tsx +1 -1
  47. package/src/components/Message/MessageItemView/ReactionList/ReactionListItemWrapper.tsx +10 -2
  48. package/src/components/Message/MessageItemView/__tests__/MessageContent.test.tsx +116 -0
  49. package/src/components/Message/MessageItemView/__tests__/__snapshots__/MessageTextContainer.test.tsx.snap +1 -1
  50. package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap +120 -116
  51. package/src/components/ui/Avatar/Avatar.tsx +7 -3
  52. package/src/components/ui/Avatar/AvatarGroup.tsx +0 -2
  53. package/src/contexts/themeContext/utils/theme.ts +7 -17
  54. package/src/version.json +1 -1
package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap CHANGED
@@ -530,57 +530,58 @@ exports[`Thread should match thread snapshot 1`] = `
530
530
  {},
531
531
  ]
532
532
  }
533
- />
534
- <View
535
- style={
536
- [
537
- {
538
- "maxWidth": 256,
539
- "paddingHorizontal": 12,
540
- },
541
- {},
542
- undefined,
543
- ]
544
- }
545
- testID="message-text-container"
546
533
  >
547
534
  <View
548
535
  style={
549
536
  [
550
537
  {
551
- "alignSelf": "stretch",
538
+ "maxWidth": 256,
539
+ "paddingHorizontal": 4,
552
540
  },
541
+ {},
553
542
  undefined,
554
543
  ]
555
544
  }
545
+ testID="message-text-container"
556
546
  >
557
- <Text
547
+ <View
558
548
  style={
559
- {
560
- "alignItems": "flex-start",
561
- "flexDirection": "row",
562
- "flexWrap": "wrap",
563
- "fontSize": 17,
564
- "justifyContent": "flex-start",
565
- "lineHeight": 20,
566
- "marginBottom": 8,
567
- "marginTop": 8,
568
- }
549
+ [
550
+ {
551
+ "alignSelf": "stretch",
552
+ },
553
+ undefined,
554
+ ]
569
555
  }
570
556
  >
571
557
  <Text
572
558
  style={
573
559
  {
574
- "color": "#1a1b25",
560
+ "alignItems": "flex-start",
561
+ "flexDirection": "row",
562
+ "flexWrap": "wrap",
575
563
  "fontSize": 17,
564
+ "justifyContent": "flex-start",
576
565
  "lineHeight": 20,
577
- "writingDirection": "ltr",
566
+ "marginBottom": 8,
567
+ "marginTop": 8,
578
568
  }
579
569
  }
580
570
  >
581
- Message6
571
+ <Text
572
+ style={
573
+ {
574
+ "color": "#1a1b25",
575
+ "fontSize": 17,
576
+ "lineHeight": 20,
577
+ "writingDirection": "ltr",
578
+ }
579
+ }
580
+ >
581
+ Message6
582
+ </Text>
582
583
  </Text>
583
- </Text>
584
+ </View>
584
585
  </View>
585
586
  </View>
586
587
  </View>
@@ -864,57 +865,58 @@ exports[`Thread should match thread snapshot 1`] = `
864
865
  {},
865
866
  ]
866
867
  }
867
- />
868
- <View
869
- style={
870
- [
871
- {
872
- "maxWidth": 256,
873
- "paddingHorizontal": 12,
874
- },
875
- {},
876
- undefined,
877
- ]
878
- }
879
- testID="message-text-container"
880
868
  >
881
869
  <View
882
870
  style={
883
871
  [
884
872
  {
885
- "alignSelf": "stretch",
873
+ "maxWidth": 256,
874
+ "paddingHorizontal": 4,
886
875
  },
876
+ {},
887
877
  undefined,
888
878
  ]
889
879
  }
880
+ testID="message-text-container"
890
881
  >
891
- <Text
882
+ <View
892
883
  style={
893
- {
894
- "alignItems": "flex-start",
895
- "flexDirection": "row",
896
- "flexWrap": "wrap",
897
- "fontSize": 17,
898
- "justifyContent": "flex-start",
899
- "lineHeight": 20,
900
- "marginBottom": 8,
901
- "marginTop": 8,
902
- }
884
+ [
885
+ {
886
+ "alignSelf": "stretch",
887
+ },
888
+ undefined,
889
+ ]
903
890
  }
904
891
  >
905
892
  <Text
906
893
  style={
907
894
  {
908
- "color": "#1a1b25",
895
+ "alignItems": "flex-start",
896
+ "flexDirection": "row",
897
+ "flexWrap": "wrap",
909
898
  "fontSize": 17,
899
+ "justifyContent": "flex-start",
910
900
  "lineHeight": 20,
911
- "writingDirection": "ltr",
901
+ "marginBottom": 8,
902
+ "marginTop": 8,
912
903
  }
913
904
  }
914
905
  >
915
- Message5
906
+ <Text
907
+ style={
908
+ {
909
+ "color": "#1a1b25",
910
+ "fontSize": 17,
911
+ "lineHeight": 20,
912
+ "writingDirection": "ltr",
913
+ }
914
+ }
915
+ >
916
+ Message5
917
+ </Text>
916
918
  </Text>
917
- </Text>
919
+ </View>
918
920
  </View>
919
921
  </View>
920
922
  </View>
@@ -1232,57 +1234,58 @@ exports[`Thread should match thread snapshot 1`] = `
1232
1234
  {},
1233
1235
  ]
1234
1236
  }
1235
- />
1236
- <View
1237
- style={
1238
- [
1239
- {
1240
- "maxWidth": 256,
1241
- "paddingHorizontal": 12,
1242
- },
1243
- {},
1244
- undefined,
1245
- ]
1246
- }
1247
- testID="message-text-container"
1248
1237
  >
1249
1238
  <View
1250
1239
  style={
1251
1240
  [
1252
1241
  {
1253
- "alignSelf": "stretch",
1242
+ "maxWidth": 256,
1243
+ "paddingHorizontal": 4,
1254
1244
  },
1245
+ {},
1255
1246
  undefined,
1256
1247
  ]
1257
1248
  }
1249
+ testID="message-text-container"
1258
1250
  >
1259
- <Text
1251
+ <View
1260
1252
  style={
1261
- {
1262
- "alignItems": "flex-start",
1263
- "flexDirection": "row",
1264
- "flexWrap": "wrap",
1265
- "fontSize": 17,
1266
- "justifyContent": "flex-start",
1267
- "lineHeight": 20,
1268
- "marginBottom": 8,
1269
- "marginTop": 8,
1270
- }
1253
+ [
1254
+ {
1255
+ "alignSelf": "stretch",
1256
+ },
1257
+ undefined,
1258
+ ]
1271
1259
  }
1272
1260
  >
1273
1261
  <Text
1274
1262
  style={
1275
1263
  {
1276
- "color": "#1a1b25",
1264
+ "alignItems": "flex-start",
1265
+ "flexDirection": "row",
1266
+ "flexWrap": "wrap",
1277
1267
  "fontSize": 17,
1268
+ "justifyContent": "flex-start",
1278
1269
  "lineHeight": 20,
1279
- "writingDirection": "ltr",
1270
+ "marginBottom": 8,
1271
+ "marginTop": 8,
1280
1272
  }
1281
1273
  }
1282
1274
  >
1283
- Message4
1275
+ <Text
1276
+ style={
1277
+ {
1278
+ "color": "#1a1b25",
1279
+ "fontSize": 17,
1280
+ "lineHeight": 20,
1281
+ "writingDirection": "ltr",
1282
+ }
1283
+ }
1284
+ >
1285
+ Message4
1286
+ </Text>
1284
1287
  </Text>
1285
- </Text>
1288
+ </View>
1286
1289
  </View>
1287
1290
  </View>
1288
1291
  </View>
@@ -1560,57 +1563,58 @@ exports[`Thread should match thread snapshot 1`] = `
1560
1563
  {},
1561
1564
  ]
1562
1565
  }
1563
- />
1564
- <View
1565
- style={
1566
- [
1567
- {
1568
- "maxWidth": 256,
1569
- "paddingHorizontal": 12,
1570
- },
1571
- {},
1572
- undefined,
1573
- ]
1574
- }
1575
- testID="message-text-container"
1576
1566
  >
1577
1567
  <View
1578
1568
  style={
1579
1569
  [
1580
1570
  {
1581
- "alignSelf": "stretch",
1571
+ "maxWidth": 256,
1572
+ "paddingHorizontal": 4,
1582
1573
  },
1574
+ {},
1583
1575
  undefined,
1584
1576
  ]
1585
1577
  }
1578
+ testID="message-text-container"
1586
1579
  >
1587
- <Text
1580
+ <View
1588
1581
  style={
1589
- {
1590
- "alignItems": "flex-start",
1591
- "flexDirection": "row",
1592
- "flexWrap": "wrap",
1593
- "fontSize": 17,
1594
- "justifyContent": "flex-start",
1595
- "lineHeight": 20,
1596
- "marginBottom": 8,
1597
- "marginTop": 8,
1598
- }
1582
+ [
1583
+ {
1584
+ "alignSelf": "stretch",
1585
+ },
1586
+ undefined,
1587
+ ]
1599
1588
  }
1600
1589
  >
1601
1590
  <Text
1602
1591
  style={
1603
1592
  {
1604
- "color": "#1a1b25",
1593
+ "alignItems": "flex-start",
1594
+ "flexDirection": "row",
1595
+ "flexWrap": "wrap",
1605
1596
  "fontSize": 17,
1597
+ "justifyContent": "flex-start",
1606
1598
  "lineHeight": 20,
1607
- "writingDirection": "ltr",
1599
+ "marginBottom": 8,
1600
+ "marginTop": 8,
1608
1601
  }
1609
1602
  }
1610
1603
  >
1611
- Message3
1604
+ <Text
1605
+ style={
1606
+ {
1607
+ "color": "#1a1b25",
1608
+ "fontSize": 17,
1609
+ "lineHeight": 20,
1610
+ "writingDirection": "ltr",
1611
+ }
1612
+ }
1613
+ >
1614
+ Message3
1615
+ </Text>
1612
1616
  </Text>
1613
- </Text>
1617
+ </View>
1614
1618
  </View>
1615
1619
  </View>
1616
1620
  </View>
package/src/components/ui/Avatar/Avatar.tsx CHANGED
@@ -85,7 +85,7 @@ export const Avatar = (props: AvatarProps) => {
85
85
 
86
86
  const useStyles = () => {
87
87
  const {
88
- theme: { semantics },
88
+ theme: { avatar, semantics },
89
89
  } = useTheme();
90
90
  const { borderCoreOpacitySubtle } = semantics;
91
91
  return useMemo(
@@ -94,15 +94,19 @@ const useStyles = () => {
94
94
  border: {
95
95
  borderColor: borderCoreOpacitySubtle,
96
96
  borderWidth: 1,
97
+ ...avatar.border,
97
98
  },
98
99
  container: {
99
100
  alignItems: 'center',
100
101
  borderRadius: primitives.radiusMax,
101
102
  justifyContent: 'center',
102
103
  overflow: 'hidden',
104
+ ...avatar.container,
105
+ },
106
+ image: {
107
+ ...avatar.image,
103
108
  },
104
- image: {},
105
109
  }),
106
- [borderCoreOpacitySubtle],
110
+ [avatar.border, avatar.container, avatar.image, borderCoreOpacitySubtle],
107
111
  );
108
112
  };
package/src/components/ui/Avatar/AvatarGroup.tsx CHANGED
@@ -11,7 +11,6 @@ import { UserAvatar, UserAvatarProps } from './UserAvatar';
11
11
 
12
12
  import { useTheme } from '../../../contexts/themeContext/ThemeContext';
13
13
  import { PeopleIcon } from '../../../icons/users';
14
- import { primitives } from '../../../theme';
15
14
  import { BadgeCount, BadgeCountProps, OnlineIndicator, OnlineIndicatorProps } from '../Badge';
16
15
 
17
16
  export type AvatarGroupProps = {
@@ -217,7 +216,6 @@ const useUserAvatarGroupStyles = () => {
217
216
  userAvatarWrapper: {
218
217
  borderWidth: 2,
219
218
  borderColor: semantics.borderCoreInverse,
220
- borderRadius: primitives.radiusMax,
221
219
  },
222
220
  onlineIndicatorWrapper: {
223
221
  position: 'absolute',
package/src/contexts/themeContext/utils/theme.ts CHANGED
@@ -5,7 +5,6 @@ import {
5
5
  type TextStyle,
6
6
  type ViewStyle,
7
7
  } from 'react-native';
8
- import type { CircleProps } from 'react-native-svg';
9
8
 
10
9
  import type { IconProps } from '../../../icons/utils/base';
11
10
  import { primitives, lightSemantics, darkSemantics } from '../../../theme';
@@ -139,11 +138,9 @@ export type Theme = {
139
138
  speedChangeButtonText: TextStyle;
140
139
  };
141
140
  avatar: {
142
- BASE_AVATAR_SIZE: number;
141
+ border: ViewStyle;
143
142
  container: ViewStyle;
144
143
  image: ImageStyle;
145
- presenceIndicator: CircleProps;
146
- presenceIndicatorContainer: ViewStyle;
147
144
  };
148
145
  avatarStack: {
149
146
  userAvatarWrapper: ViewStyle;
@@ -967,6 +964,8 @@ export type Theme = {
967
964
  reactionListItemWrapper: {
968
965
  wrapper: ViewStyle;
969
966
  container: ViewStyle;
967
+ containerSelected: ViewStyle;
968
+ containerPressed: ViewStyle;
970
969
  };
971
970
  reactionListTop: {
972
971
  container: ViewStyle;
@@ -1256,20 +1255,9 @@ export const defaultTheme: Theme = {
1256
1255
  speedChangeButtonText: {},
1257
1256
  },
1258
1257
  avatar: {
1259
- BASE_AVATAR_SIZE,
1258
+ border: {},
1260
1259
  container: {},
1261
- image: {
1262
- borderRadius: 16,
1263
- height: 32,
1264
- width: 32,
1265
- },
1266
- presenceIndicator: {
1267
- cx: 6,
1268
- cy: 6,
1269
- r: 5,
1270
- strokeWidth: 2,
1271
- },
1272
- presenceIndicatorContainer: {},
1260
+ image: {},
1273
1261
  },
1274
1262
  avatarStack: {
1275
1263
  userAvatarWrapper: {},
@@ -2062,6 +2050,8 @@ export const defaultTheme: Theme = {
2062
2050
  reactionListItemWrapper: {
2063
2051
  wrapper: {},
2064
2052
  container: {},
2053
+ containerSelected: {},
2054
+ containerPressed: {},
2065
2055
  },
2066
2056
  reactionListTop: {
2067
2057
  container: {},
package/src/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "9.6.2-beta.2"
2
+ "version": "9.6.2-beta.4"
3
3
  }