stream-chat-react-native-core 5.11.1 → 5.11.2-beta.1

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 (10) hide show
  1. package/lib/commonjs/components/MessageList/MessageList.js +92 -40
  2. package/lib/commonjs/components/MessageList/MessageList.js.map +1 -1
  3. package/lib/commonjs/version.json +1 -1
  4. package/lib/module/components/MessageList/MessageList.js +92 -40
  5. package/lib/module/components/MessageList/MessageList.js.map +1 -1
  6. package/lib/module/version.json +1 -1
  7. package/package.json +1 -1
  8. package/src/components/MessageList/MessageList.tsx +34 -11
  9. package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap +231 -227
  10. package/src/version.json +1 -1
package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap CHANGED
@@ -212,7 +212,9 @@ exports[`Thread should match thread snapshot 1`] = `
212
212
  ],
213
213
  }
214
214
  }
215
- />
215
+ >
216
+ <View />
217
+ </View>
216
218
  <View
217
219
  onLayout={[Function]}
218
220
  style={
@@ -1010,343 +1012,345 @@ exports[`Thread should match thread snapshot 1`] = `
1010
1012
  }
1011
1013
  }
1012
1014
  >
1013
- <View
1014
- style={
1015
- Object {
1016
- "marginVertical": 8,
1017
- }
1018
- }
1019
- testID="thread-footer-component"
1020
- >
1015
+ <View>
1021
1016
  <View
1022
1017
  style={
1023
1018
  Object {
1024
- "paddingHorizontal": 8,
1019
+ "marginVertical": 8,
1025
1020
  }
1026
1021
  }
1022
+ testID="thread-footer-component"
1027
1023
  >
1028
1024
  <View
1029
1025
  style={
1030
- Array [
1031
- undefined,
1032
- ]
1026
+ Object {
1027
+ "paddingHorizontal": 8,
1028
+ }
1033
1029
  }
1034
- testID="message-wrapper"
1035
1030
  >
1036
1031
  <View
1037
1032
  style={
1038
1033
  Array [
1039
1034
  undefined,
1040
- Object {
1041
- "backgroundColor": undefined,
1042
- },
1043
1035
  ]
1044
1036
  }
1037
+ testID="message-wrapper"
1045
1038
  >
1046
1039
  <View
1047
1040
  style={
1048
1041
  Array [
1049
- Object {},
1042
+ undefined,
1043
+ Object {
1044
+ "backgroundColor": undefined,
1045
+ },
1050
1046
  ]
1051
1047
  }
1052
1048
  >
1053
1049
  <View
1054
1050
  style={
1055
1051
  Array [
1056
- Object {
1057
- "alignItems": "flex-end",
1058
- "flexDirection": "row",
1059
- },
1060
- Object {
1061
- "justifyContent": "flex-start",
1062
- "marginBottom": 30,
1063
- "marginTop": 0,
1064
- },
1065
1052
  Object {},
1066
1053
  ]
1067
1054
  }
1068
- testID="message-simple-wrapper"
1069
1055
  >
1070
1056
  <View
1071
1057
  style={
1072
1058
  Array [
1073
1059
  Object {
1074
- "marginRight": 8,
1060
+ "alignItems": "flex-end",
1061
+ "flexDirection": "row",
1062
+ },
1063
+ Object {
1064
+ "justifyContent": "flex-start",
1065
+ "marginBottom": 30,
1066
+ "marginTop": 0,
1075
1067
  },
1076
1068
  Object {},
1077
1069
  ]
1078
1070
  }
1079
- testID="message-avatar"
1071
+ testID="message-simple-wrapper"
1080
1072
  >
1081
- <View>
1082
- <View
1083
- style={
1084
- Array [
1085
- Object {
1086
- "alignItems": "center",
1087
- "justifyContent": "center",
1088
- "overflow": "hidden",
1089
- },
1090
- Object {
1091
- "borderRadius": 16,
1092
- "height": 32,
1093
- "width": 32,
1094
- },
1095
- Object {},
1096
- undefined,
1097
- ]
1098
- }
1099
- >
1100
- <Image
1101
- accessibilityLabel="Avatar Image"
1102
- onError={[Function]}
1103
- source={
1104
- Object {
1105
- "uri": "https://i.imgur.com/spueyAP.png",
1106
- }
1107
- }
1073
+ <View
1074
+ style={
1075
+ Array [
1076
+ Object {
1077
+ "marginRight": 8,
1078
+ },
1079
+ Object {},
1080
+ ]
1081
+ }
1082
+ testID="message-avatar"
1083
+ >
1084
+ <View>
1085
+ <View
1108
1086
  style={
1109
1087
  Array [
1110
1088
  Object {
1111
- "borderRadius": 16,
1112
- "height": 32,
1113
- "width": 32,
1089
+ "alignItems": "center",
1090
+ "justifyContent": "center",
1091
+ "overflow": "hidden",
1114
1092
  },
1115
1093
  Object {
1116
- "backgroundColor": "#ececec",
1117
1094
  "borderRadius": 16,
1118
1095
  "height": 32,
1119
1096
  "width": 32,
1120
1097
  },
1098
+ Object {},
1121
1099
  undefined,
1122
1100
  ]
1123
1101
  }
1124
- testID="avatar-image"
1125
- />
1102
+ >
1103
+ <Image
1104
+ accessibilityLabel="Avatar Image"
1105
+ onError={[Function]}
1106
+ source={
1107
+ Object {
1108
+ "uri": "https://i.imgur.com/spueyAP.png",
1109
+ }
1110
+ }
1111
+ style={
1112
+ Array [
1113
+ Object {
1114
+ "borderRadius": 16,
1115
+ "height": 32,
1116
+ "width": 32,
1117
+ },
1118
+ Object {
1119
+ "backgroundColor": "#ececec",
1120
+ "borderRadius": 16,
1121
+ "height": 32,
1122
+ "width": 32,
1123
+ },
1124
+ undefined,
1125
+ ]
1126
+ }
1127
+ testID="avatar-image"
1128
+ />
1129
+ </View>
1126
1130
  </View>
1127
1131
  </View>
1128
- </View>
1129
- <View
1130
- accessibilityState={
1131
- Object {
1132
- "disabled": true,
1132
+ <View
1133
+ accessibilityState={
1134
+ Object {
1135
+ "disabled": true,
1136
+ }
1133
1137
  }
1134
- }
1135
- accessible={true}
1136
- collapsable={false}
1137
- focusable={true}
1138
- onClick={[Function]}
1139
- onResponderGrant={[Function]}
1140
- onResponderMove={[Function]}
1141
- onResponderRelease={[Function]}
1142
- onResponderTerminate={[Function]}
1143
- onResponderTerminationRequest={[Function]}
1144
- onStartShouldSetResponder={[Function]}
1145
- style={
1146
- Object {
1147
- "alignItems": "flex-start",
1148
- "opacity": 1,
1149
- "paddingTop": 2,
1138
+ accessible={true}
1139
+ collapsable={false}
1140
+ focusable={true}
1141
+ onClick={[Function]}
1142
+ onResponderGrant={[Function]}
1143
+ onResponderMove={[Function]}
1144
+ onResponderRelease={[Function]}
1145
+ onResponderTerminate={[Function]}
1146
+ onResponderTerminationRequest={[Function]}
1147
+ onStartShouldSetResponder={[Function]}
1148
+ style={
1149
+ Object {
1150
+ "alignItems": "flex-start",
1151
+ "opacity": 1,
1152
+ "paddingTop": 2,
1153
+ }
1150
1154
  }
1151
- }
1152
- testID="message-content"
1153
- >
1154
- <View
1155
- onLayout={[Function]}
1156
- style={Object {}}
1155
+ testID="message-content"
1157
1156
  >
1158
1157
  <View
1159
- style={
1160
- Array [
1161
- Object {
1162
- "borderTopLeftRadius": 16,
1163
- "borderTopRightRadius": 16,
1164
- "borderWidth": 1,
1165
- "overflow": "hidden",
1166
- },
1167
- Object {
1168
- "backgroundColor": "#FFFFFF",
1169
- "borderBottomLeftRadius": 0,
1170
- "borderBottomRightRadius": 16,
1171
- "borderColor": "#ECEBEB",
1172
- },
1173
- Object {},
1174
- Object {},
1175
- ]
1176
- }
1177
- testID="message-content-wrapper"
1158
+ onLayout={[Function]}
1159
+ style={Object {}}
1178
1160
  >
1179
1161
  <View
1180
1162
  style={
1181
1163
  Array [
1182
1164
  Object {
1183
- "maxWidth": 250,
1184
- "paddingHorizontal": 16,
1165
+ "borderTopLeftRadius": 16,
1166
+ "borderTopRightRadius": 16,
1167
+ "borderWidth": 1,
1168
+ "overflow": "hidden",
1169
+ },
1170
+ Object {
1171
+ "backgroundColor": "#FFFFFF",
1172
+ "borderBottomLeftRadius": 0,
1173
+ "borderBottomRightRadius": 16,
1174
+ "borderColor": "#ECEBEB",
1185
1175
  },
1186
1176
  Object {},
1187
- undefined,
1177
+ Object {},
1188
1178
  ]
1189
1179
  }
1190
- testID="message-text-container"
1180
+ testID="message-content-wrapper"
1191
1181
  >
1192
1182
  <View
1193
1183
  style={
1194
1184
  Array [
1195
1185
  Object {
1196
- "alignSelf": "stretch",
1186
+ "maxWidth": 250,
1187
+ "paddingHorizontal": 16,
1197
1188
  },
1189
+ Object {},
1198
1190
  undefined,
1199
1191
  ]
1200
1192
  }
1193
+ testID="message-text-container"
1201
1194
  >
1202
- <Text
1195
+ <View
1203
1196
  style={
1204
- Object {
1205
- "alignItems": "flex-start",
1206
- "flexDirection": "row",
1207
- "flexWrap": "wrap",
1208
- "justifyContent": "flex-start",
1209
- "marginBottom": 8,
1210
- "marginTop": 8,
1211
- }
1197
+ Array [
1198
+ Object {
1199
+ "alignSelf": "stretch",
1200
+ },
1201
+ undefined,
1202
+ ]
1212
1203
  }
1213
1204
  >
1214
1205
  <Text
1215
1206
  style={
1216
1207
  Object {
1217
- "color": "#000000",
1208
+ "alignItems": "flex-start",
1209
+ "flexDirection": "row",
1210
+ "flexWrap": "wrap",
1211
+ "justifyContent": "flex-start",
1212
+ "marginBottom": 8,
1213
+ "marginTop": 8,
1218
1214
  }
1219
1215
  }
1220
1216
  >
1221
- Message3
1217
+ <Text
1218
+ style={
1219
+ Object {
1220
+ "color": "#000000",
1221
+ }
1222
+ }
1223
+ >
1224
+ Message3
1225
+ </Text>
1222
1226
  </Text>
1223
- </Text>
1227
+ </View>
1224
1228
  </View>
1225
1229
  </View>
1226
1230
  </View>
1227
- </View>
1228
- <View
1229
- style={
1230
- Object {
1231
- "flexDirection": "row",
1232
- "marginTop": 4,
1233
- }
1234
- }
1235
- testID="message-status-time"
1236
- >
1237
- <Text
1231
+ <View
1238
1232
  style={
1239
- Array [
1240
- Object {
1241
- "color": "#7A7A7A",
1242
- "textAlign": "left",
1243
- },
1244
- Object {
1245
- "fontSize": 12,
1246
- },
1247
- ]
1233
+ Object {
1234
+ "flexDirection": "row",
1235
+ "marginTop": 4,
1236
+ }
1248
1237
  }
1238
+ testID="message-status-time"
1249
1239
  >
1250
- 2:50 PM
1251
- </Text>
1240
+ <Text
1241
+ style={
1242
+ Array [
1243
+ Object {
1244
+ "color": "#7A7A7A",
1245
+ "textAlign": "left",
1246
+ },
1247
+ Object {
1248
+ "fontSize": 12,
1249
+ },
1250
+ ]
1251
+ }
1252
+ >
1253
+ 2:50 PM
1254
+ </Text>
1255
+ </View>
1252
1256
  </View>
1253
1257
  </View>
1254
1258
  </View>
1255
1259
  </View>
1256
1260
  </View>
1257
1261
  </View>
1258
- </View>
1259
- <View
1260
- style={
1261
- Array [
1262
- Object {
1263
- "alignItems": "center",
1264
- "height": 24,
1265
- "justifyContent": "center",
1266
- "marginTop": 8,
1267
- },
1268
- Object {},
1269
- ]
1270
- }
1271
- >
1272
- <RNSVGSvgView
1273
- bbHeight={24}
1274
- bbWidth={750}
1275
- focusable={false}
1276
- height={24}
1262
+ <View
1277
1263
  style={
1278
1264
  Array [
1279
1265
  Object {
1280
- "backgroundColor": "transparent",
1281
- "borderWidth": 0,
1282
- },
1283
- Object {
1284
- "position": "absolute",
1285
- },
1286
- Object {
1287
- "flex": 0,
1266
+ "alignItems": "center",
1288
1267
  "height": 24,
1289
- "width": 750,
1268
+ "justifyContent": "center",
1269
+ "marginTop": 8,
1290
1270
  },
1271
+ Object {},
1291
1272
  ]
1292
1273
  }
1293
- width={750}
1294
1274
  >
1295
- <RNSVGGroup>
1296
- <RNSVGRect
1297
- fill={
1298
- Array [
1299
- 1,
1300
- "gradient",
1301
- ]
1302
- }
1303
- height={24}
1304
- propList={
1305
- Array [
1306
- "fill",
1307
- ]
1308
- }
1309
- width={750}
1310
- x={0}
1311
- y={0}
1312
- />
1313
- <RNSVGDefs>
1314
- <RNSVGLinearGradient
1315
- gradient={
1275
+ <RNSVGSvgView
1276
+ bbHeight={24}
1277
+ bbWidth={750}
1278
+ focusable={false}
1279
+ height={24}
1280
+ style={
1281
+ Array [
1282
+ Object {
1283
+ "backgroundColor": "transparent",
1284
+ "borderWidth": 0,
1285
+ },
1286
+ Object {
1287
+ "position": "absolute",
1288
+ },
1289
+ Object {
1290
+ "flex": 0,
1291
+ "height": 24,
1292
+ "width": 750,
1293
+ },
1294
+ ]
1295
+ }
1296
+ width={750}
1297
+ >
1298
+ <RNSVGGroup>
1299
+ <RNSVGRect
1300
+ fill={
1316
1301
  Array [
1317
- 0,
1318
- -197380,
1319
1302
  1,
1320
- -526345,
1303
+ "gradient",
1304
+ ]
1305
+ }
1306
+ height={24}
1307
+ propList={
1308
+ Array [
1309
+ "fill",
1321
1310
  ]
1322
1311
  }
1323
- gradientTransform={null}
1324
- gradientUnits={1}
1325
- name="gradient"
1326
- x1={0}
1327
- x2={0}
1328
- y1={0}
1329
- y2={24}
1312
+ width={750}
1313
+ x={0}
1314
+ y={0}
1330
1315
  />
1331
- </RNSVGDefs>
1332
- </RNSVGGroup>
1333
- </RNSVGSvgView>
1334
- <Text
1335
- style={
1336
- Array [
1337
- Object {
1338
- "fontSize": 12,
1339
- "textAlign": "center",
1340
- },
1341
- Object {
1342
- "color": "#7A7A7A",
1343
- },
1344
- Object {},
1345
- ]
1346
- }
1347
- >
1348
- Replies
1349
- </Text>
1316
+ <RNSVGDefs>
1317
+ <RNSVGLinearGradient
1318
+ gradient={
1319
+ Array [
1320
+ 0,
1321
+ -197380,
1322
+ 1,
1323
+ -526345,
1324
+ ]
1325
+ }
1326
+ gradientTransform={null}
1327
+ gradientUnits={1}
1328
+ name="gradient"
1329
+ x1={0}
1330
+ x2={0}
1331
+ y1={0}
1332
+ y2={24}
1333
+ />
1334
+ </RNSVGDefs>
1335
+ </RNSVGGroup>
1336
+ </RNSVGSvgView>
1337
+ <Text
1338
+ style={
1339
+ Array [
1340
+ Object {
1341
+ "fontSize": 12,
1342
+ "textAlign": "center",
1343
+ },
1344
+ Object {
1345
+ "color": "#7A7A7A",
1346
+ },
1347
+ Object {},
1348
+ ]
1349
+ }
1350
+ >
1351
+ Replies
1352
+ </Text>
1353
+ </View>
1350
1354
  </View>
1351
1355
  </View>
1352
1356
  </View>
package/src/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "5.11.1"
2
+ "version": "5.11.2-beta.1"
3
3
  }