stream-chat-react-native-core 9.0.0-beta.29 → 9.0.0-beta.30

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 (35) hide show
  1. package/lib/commonjs/components/Message/MessageItemView/MessageContent.js +17 -21
  2. package/lib/commonjs/components/Message/MessageItemView/MessageContent.js.map +1 -1
  3. package/lib/commonjs/contexts/overlayContext/MessageOverlayHostLayer.js +32 -81
  4. package/lib/commonjs/contexts/overlayContext/MessageOverlayHostLayer.js.map +1 -1
  5. package/lib/commonjs/contexts/themeContext/utils/theme.js +1 -2
  6. package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
  7. package/lib/commonjs/state-store/message-overlay-store.js +7 -2
  8. package/lib/commonjs/state-store/message-overlay-store.js.map +1 -1
  9. package/lib/commonjs/version.json +1 -1
  10. package/lib/module/components/Message/MessageItemView/MessageContent.js +17 -21
  11. package/lib/module/components/Message/MessageItemView/MessageContent.js.map +1 -1
  12. package/lib/module/contexts/overlayContext/MessageOverlayHostLayer.js +32 -81
  13. package/lib/module/contexts/overlayContext/MessageOverlayHostLayer.js.map +1 -1
  14. package/lib/module/contexts/themeContext/utils/theme.js +1 -2
  15. package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
  16. package/lib/module/state-store/message-overlay-store.js +7 -2
  17. package/lib/module/state-store/message-overlay-store.js.map +1 -1
  18. package/lib/module/version.json +1 -1
  19. package/lib/typescript/components/Message/MessageItemView/MessageContent.d.ts.map +1 -1
  20. package/lib/typescript/contexts/overlayContext/MessageOverlayHostLayer.d.ts.map +1 -1
  21. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +0 -1
  22. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
  23. package/lib/typescript/contexts/themeContext/utils/theme.d.ts +0 -1
  24. package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
  25. package/lib/typescript/state-store/message-overlay-store.d.ts.map +1 -1
  26. package/package.json +2 -2
  27. package/src/components/Message/MessageItemView/MessageContent.tsx +36 -39
  28. package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.js.snap +30 -84
  29. package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.js.snap +20 -56
  30. package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap +192 -208
  31. package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx +22 -98
  32. package/src/contexts/overlayContext/__tests__/MessageOverlayHostLayer.test.tsx +8 -11
  33. package/src/contexts/themeContext/utils/theme.ts +0 -2
  34. package/src/state-store/message-overlay-store.ts +7 -1
  35. package/src/version.json +1 -1
@@ -514,91 +514,87 @@ exports[`Thread should match thread snapshot 1`] = `
514
514
  style={{}}
515
515
  >
516
516
  <View
517
- style={{}}
517
+ style={
518
+ [
519
+ {
520
+ "borderTopLeftRadius": 20,
521
+ "borderTopRightRadius": 20,
522
+ "overflow": "hidden",
523
+ },
524
+ {
525
+ "backgroundColor": "#ebeef1",
526
+ "borderBottomLeftRadius": 0,
527
+ "borderBottomRightRadius": 20,
528
+ },
529
+ {},
530
+ {},
531
+ {},
532
+ ]
533
+ }
534
+ testID="message-content-wrapper"
518
535
  >
519
536
  <View
520
537
  style={
521
538
  [
522
539
  {
523
- "borderTopLeftRadius": 20,
524
- "borderTopRightRadius": 20,
525
- "overflow": "hidden",
540
+ "gap": 8,
541
+ "paddingBottom": 0,
542
+ "paddingHorizontal": 8,
543
+ "paddingTop": 0,
526
544
  },
545
+ {},
546
+ ]
547
+ }
548
+ />
549
+ <View
550
+ style={
551
+ [
527
552
  {
528
- "backgroundColor": "#ebeef1",
529
- "borderBottomLeftRadius": 0,
530
- "borderBottomRightRadius": 20,
553
+ "maxWidth": 256,
554
+ "paddingHorizontal": 12,
531
555
  },
532
556
  {},
533
- {},
534
- {},
557
+ undefined,
535
558
  ]
536
559
  }
537
- testID="message-content-wrapper"
560
+ testID="message-text-container"
538
561
  >
539
562
  <View
540
563
  style={
541
564
  [
542
565
  {
543
- "gap": 8,
544
- "paddingBottom": 0,
545
- "paddingHorizontal": 8,
546
- "paddingTop": 0,
547
- },
548
- {},
549
- ]
550
- }
551
- />
552
- <View
553
- style={
554
- [
555
- {
556
- "maxWidth": 256,
557
- "paddingHorizontal": 12,
566
+ "alignSelf": "stretch",
558
567
  },
559
- {},
560
568
  undefined,
561
569
  ]
562
570
  }
563
- testID="message-text-container"
564
571
  >
565
- <View
572
+ <Text
566
573
  style={
567
- [
568
- {
569
- "alignSelf": "stretch",
570
- },
571
- undefined,
572
- ]
574
+ {
575
+ "alignItems": "flex-start",
576
+ "flexDirection": "row",
577
+ "flexWrap": "wrap",
578
+ "fontSize": 17,
579
+ "justifyContent": "flex-start",
580
+ "lineHeight": 20,
581
+ "marginBottom": 8,
582
+ "marginTop": 8,
583
+ }
573
584
  }
574
585
  >
575
586
  <Text
576
587
  style={
577
588
  {
578
- "alignItems": "flex-start",
579
- "flexDirection": "row",
580
- "flexWrap": "wrap",
589
+ "color": "#1a1b25",
581
590
  "fontSize": 17,
582
- "justifyContent": "flex-start",
583
591
  "lineHeight": 20,
584
- "marginBottom": 8,
585
- "marginTop": 8,
586
592
  }
587
593
  }
588
594
  >
589
- <Text
590
- style={
591
- {
592
- "color": "#1a1b25",
593
- "fontSize": 17,
594
- "lineHeight": 20,
595
- }
596
- }
597
- >
598
- Message6
599
- </Text>
595
+ Message6
600
596
  </Text>
601
- </View>
597
+ </Text>
602
598
  </View>
603
599
  </View>
604
600
  </View>
@@ -851,91 +847,87 @@ exports[`Thread should match thread snapshot 1`] = `
851
847
  style={{}}
852
848
  >
853
849
  <View
854
- style={{}}
850
+ style={
851
+ [
852
+ {
853
+ "borderTopLeftRadius": 20,
854
+ "borderTopRightRadius": 20,
855
+ "overflow": "hidden",
856
+ },
857
+ {
858
+ "backgroundColor": "#ebeef1",
859
+ "borderBottomLeftRadius": 0,
860
+ "borderBottomRightRadius": 20,
861
+ },
862
+ {},
863
+ {},
864
+ {},
865
+ ]
866
+ }
867
+ testID="message-content-wrapper"
855
868
  >
856
869
  <View
857
870
  style={
858
871
  [
859
872
  {
860
- "borderTopLeftRadius": 20,
861
- "borderTopRightRadius": 20,
862
- "overflow": "hidden",
873
+ "gap": 8,
874
+ "paddingBottom": 0,
875
+ "paddingHorizontal": 8,
876
+ "paddingTop": 0,
863
877
  },
878
+ {},
879
+ ]
880
+ }
881
+ />
882
+ <View
883
+ style={
884
+ [
864
885
  {
865
- "backgroundColor": "#ebeef1",
866
- "borderBottomLeftRadius": 0,
867
- "borderBottomRightRadius": 20,
886
+ "maxWidth": 256,
887
+ "paddingHorizontal": 12,
868
888
  },
869
889
  {},
870
- {},
871
- {},
890
+ undefined,
872
891
  ]
873
892
  }
874
- testID="message-content-wrapper"
893
+ testID="message-text-container"
875
894
  >
876
895
  <View
877
896
  style={
878
897
  [
879
898
  {
880
- "gap": 8,
881
- "paddingBottom": 0,
882
- "paddingHorizontal": 8,
883
- "paddingTop": 0,
884
- },
885
- {},
886
- ]
887
- }
888
- />
889
- <View
890
- style={
891
- [
892
- {
893
- "maxWidth": 256,
894
- "paddingHorizontal": 12,
899
+ "alignSelf": "stretch",
895
900
  },
896
- {},
897
901
  undefined,
898
902
  ]
899
903
  }
900
- testID="message-text-container"
901
904
  >
902
- <View
905
+ <Text
903
906
  style={
904
- [
905
- {
906
- "alignSelf": "stretch",
907
- },
908
- undefined,
909
- ]
907
+ {
908
+ "alignItems": "flex-start",
909
+ "flexDirection": "row",
910
+ "flexWrap": "wrap",
911
+ "fontSize": 17,
912
+ "justifyContent": "flex-start",
913
+ "lineHeight": 20,
914
+ "marginBottom": 8,
915
+ "marginTop": 8,
916
+ }
910
917
  }
911
918
  >
912
919
  <Text
913
920
  style={
914
921
  {
915
- "alignItems": "flex-start",
916
- "flexDirection": "row",
917
- "flexWrap": "wrap",
922
+ "color": "#1a1b25",
918
923
  "fontSize": 17,
919
- "justifyContent": "flex-start",
920
924
  "lineHeight": 20,
921
- "marginBottom": 8,
922
- "marginTop": 8,
923
925
  }
924
926
  }
925
927
  >
926
- <Text
927
- style={
928
- {
929
- "color": "#1a1b25",
930
- "fontSize": 17,
931
- "lineHeight": 20,
932
- }
933
- }
934
- >
935
- Message5
936
- </Text>
928
+ Message5
937
929
  </Text>
938
- </View>
930
+ </Text>
939
931
  </View>
940
932
  </View>
941
933
  </View>
@@ -1221,91 +1213,87 @@ exports[`Thread should match thread snapshot 1`] = `
1221
1213
  style={{}}
1222
1214
  >
1223
1215
  <View
1224
- style={{}}
1216
+ style={
1217
+ [
1218
+ {
1219
+ "borderTopLeftRadius": 20,
1220
+ "borderTopRightRadius": 20,
1221
+ "overflow": "hidden",
1222
+ },
1223
+ {
1224
+ "backgroundColor": "#ebeef1",
1225
+ "borderBottomLeftRadius": 0,
1226
+ "borderBottomRightRadius": 20,
1227
+ },
1228
+ {},
1229
+ {},
1230
+ {},
1231
+ ]
1232
+ }
1233
+ testID="message-content-wrapper"
1225
1234
  >
1226
1235
  <View
1227
1236
  style={
1228
1237
  [
1229
1238
  {
1230
- "borderTopLeftRadius": 20,
1231
- "borderTopRightRadius": 20,
1232
- "overflow": "hidden",
1239
+ "gap": 8,
1240
+ "paddingBottom": 0,
1241
+ "paddingHorizontal": 8,
1242
+ "paddingTop": 0,
1233
1243
  },
1244
+ {},
1245
+ ]
1246
+ }
1247
+ />
1248
+ <View
1249
+ style={
1250
+ [
1234
1251
  {
1235
- "backgroundColor": "#ebeef1",
1236
- "borderBottomLeftRadius": 0,
1237
- "borderBottomRightRadius": 20,
1252
+ "maxWidth": 256,
1253
+ "paddingHorizontal": 12,
1238
1254
  },
1239
1255
  {},
1240
- {},
1241
- {},
1256
+ undefined,
1242
1257
  ]
1243
1258
  }
1244
- testID="message-content-wrapper"
1259
+ testID="message-text-container"
1245
1260
  >
1246
1261
  <View
1247
1262
  style={
1248
1263
  [
1249
1264
  {
1250
- "gap": 8,
1251
- "paddingBottom": 0,
1252
- "paddingHorizontal": 8,
1253
- "paddingTop": 0,
1254
- },
1255
- {},
1256
- ]
1257
- }
1258
- />
1259
- <View
1260
- style={
1261
- [
1262
- {
1263
- "maxWidth": 256,
1264
- "paddingHorizontal": 12,
1265
+ "alignSelf": "stretch",
1265
1266
  },
1266
- {},
1267
1267
  undefined,
1268
1268
  ]
1269
1269
  }
1270
- testID="message-text-container"
1271
1270
  >
1272
- <View
1271
+ <Text
1273
1272
  style={
1274
- [
1275
- {
1276
- "alignSelf": "stretch",
1277
- },
1278
- undefined,
1279
- ]
1273
+ {
1274
+ "alignItems": "flex-start",
1275
+ "flexDirection": "row",
1276
+ "flexWrap": "wrap",
1277
+ "fontSize": 17,
1278
+ "justifyContent": "flex-start",
1279
+ "lineHeight": 20,
1280
+ "marginBottom": 8,
1281
+ "marginTop": 8,
1282
+ }
1280
1283
  }
1281
1284
  >
1282
1285
  <Text
1283
1286
  style={
1284
1287
  {
1285
- "alignItems": "flex-start",
1286
- "flexDirection": "row",
1287
- "flexWrap": "wrap",
1288
+ "color": "#1a1b25",
1288
1289
  "fontSize": 17,
1289
- "justifyContent": "flex-start",
1290
1290
  "lineHeight": 20,
1291
- "marginBottom": 8,
1292
- "marginTop": 8,
1293
1291
  }
1294
1292
  }
1295
1293
  >
1296
- <Text
1297
- style={
1298
- {
1299
- "color": "#1a1b25",
1300
- "fontSize": 17,
1301
- "lineHeight": 20,
1302
- }
1303
- }
1304
- >
1305
- Message4
1306
- </Text>
1294
+ Message4
1307
1295
  </Text>
1308
- </View>
1296
+ </Text>
1309
1297
  </View>
1310
1298
  </View>
1311
1299
  </View>
@@ -1549,91 +1537,87 @@ exports[`Thread should match thread snapshot 1`] = `
1549
1537
  style={{}}
1550
1538
  >
1551
1539
  <View
1552
- style={{}}
1540
+ style={
1541
+ [
1542
+ {
1543
+ "borderTopLeftRadius": 20,
1544
+ "borderTopRightRadius": 20,
1545
+ "overflow": "hidden",
1546
+ },
1547
+ {
1548
+ "backgroundColor": "#ebeef1",
1549
+ "borderBottomLeftRadius": 0,
1550
+ "borderBottomRightRadius": 20,
1551
+ },
1552
+ {},
1553
+ {},
1554
+ {},
1555
+ ]
1556
+ }
1557
+ testID="message-content-wrapper"
1553
1558
  >
1554
1559
  <View
1555
1560
  style={
1556
1561
  [
1557
1562
  {
1558
- "borderTopLeftRadius": 20,
1559
- "borderTopRightRadius": 20,
1560
- "overflow": "hidden",
1563
+ "gap": 8,
1564
+ "paddingBottom": 0,
1565
+ "paddingHorizontal": 8,
1566
+ "paddingTop": 0,
1561
1567
  },
1568
+ {},
1569
+ ]
1570
+ }
1571
+ />
1572
+ <View
1573
+ style={
1574
+ [
1562
1575
  {
1563
- "backgroundColor": "#ebeef1",
1564
- "borderBottomLeftRadius": 0,
1565
- "borderBottomRightRadius": 20,
1576
+ "maxWidth": 256,
1577
+ "paddingHorizontal": 12,
1566
1578
  },
1567
1579
  {},
1568
- {},
1569
- {},
1580
+ undefined,
1570
1581
  ]
1571
1582
  }
1572
- testID="message-content-wrapper"
1583
+ testID="message-text-container"
1573
1584
  >
1574
1585
  <View
1575
1586
  style={
1576
1587
  [
1577
1588
  {
1578
- "gap": 8,
1579
- "paddingBottom": 0,
1580
- "paddingHorizontal": 8,
1581
- "paddingTop": 0,
1589
+ "alignSelf": "stretch",
1582
1590
  },
1583
- {},
1584
- ]
1585
- }
1586
- />
1587
- <View
1588
- style={
1589
- [
1590
- {
1591
- "maxWidth": 256,
1592
- "paddingHorizontal": 12,
1593
- },
1594
- {},
1595
1591
  undefined,
1596
1592
  ]
1597
1593
  }
1598
- testID="message-text-container"
1599
1594
  >
1600
- <View
1595
+ <Text
1601
1596
  style={
1602
- [
1603
- {
1604
- "alignSelf": "stretch",
1605
- },
1606
- undefined,
1607
- ]
1597
+ {
1598
+ "alignItems": "flex-start",
1599
+ "flexDirection": "row",
1600
+ "flexWrap": "wrap",
1601
+ "fontSize": 17,
1602
+ "justifyContent": "flex-start",
1603
+ "lineHeight": 20,
1604
+ "marginBottom": 8,
1605
+ "marginTop": 8,
1606
+ }
1608
1607
  }
1609
1608
  >
1610
1609
  <Text
1611
1610
  style={
1612
1611
  {
1613
- "alignItems": "flex-start",
1614
- "flexDirection": "row",
1615
- "flexWrap": "wrap",
1612
+ "color": "#1a1b25",
1616
1613
  "fontSize": 17,
1617
- "justifyContent": "flex-start",
1618
1614
  "lineHeight": 20,
1619
- "marginBottom": 8,
1620
- "marginTop": 8,
1621
1615
  }
1622
1616
  }
1623
1617
  >
1624
- <Text
1625
- style={
1626
- {
1627
- "color": "#1a1b25",
1628
- "fontSize": 17,
1629
- "lineHeight": 20,
1630
- }
1631
- }
1632
- >
1633
- Message3
1634
- </Text>
1618
+ Message3
1635
1619
  </Text>
1636
- </View>
1620
+ </Text>
1637
1621
  </View>
1638
1622
  </View>
1639
1623
  </View>