stream-chat-react-native-core 5.22.1-beta.1 → 5.22.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.
- package/lib/commonjs/components/Channel/Channel.js +160 -163
- package/lib/commonjs/components/Channel/Channel.js.map +1 -1
- package/lib/commonjs/components/Channel/hooks/useCreatePaginatedMessageListContext.js +1 -1
- package/lib/commonjs/components/Channel/hooks/useCreatePaginatedMessageListContext.js.map +1 -1
- package/lib/commonjs/components/MessageList/MessageList.js +30 -25
- package/lib/commonjs/components/MessageList/MessageList.js.map +1 -1
- package/lib/commonjs/i18n/en.json +1 -1
- package/lib/commonjs/i18n/fr.json +52 -52
- package/lib/commonjs/i18n/hi.json +52 -52
- package/lib/commonjs/i18n/it.json +52 -52
- package/lib/commonjs/i18n/nl.json +52 -52
- package/lib/commonjs/i18n/ru.json +52 -52
- package/lib/commonjs/i18n/tr.json +52 -52
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/Channel/Channel.js +160 -163
- package/lib/module/components/Channel/Channel.js.map +1 -1
- package/lib/module/components/Channel/hooks/useCreatePaginatedMessageListContext.js +1 -1
- package/lib/module/components/Channel/hooks/useCreatePaginatedMessageListContext.js.map +1 -1
- package/lib/module/components/MessageList/MessageList.js +30 -25
- package/lib/module/components/MessageList/MessageList.js.map +1 -1
- package/lib/module/i18n/en.json +1 -1
- package/lib/module/i18n/fr.json +52 -52
- package/lib/module/i18n/hi.json +52 -52
- package/lib/module/i18n/it.json +52 -52
- package/lib/module/i18n/nl.json +52 -52
- package/lib/module/i18n/ru.json +52 -52
- package/lib/module/i18n/tr.json +52 -52
- package/lib/module/version.json +1 -1
- package/lib/typescript/i18n/en.json +1 -1
- package/lib/typescript/i18n/fr.json +52 -52
- package/lib/typescript/i18n/hi.json +52 -52
- package/lib/typescript/i18n/it.json +52 -52
- package/lib/typescript/i18n/nl.json +52 -52
- package/lib/typescript/i18n/ru.json +52 -52
- package/lib/typescript/i18n/tr.json +52 -52
- package/package.json +1 -1
- package/src/components/Channel/Channel.tsx +75 -45
- package/src/components/Channel/hooks/useCreatePaginatedMessageListContext.ts +8 -1
- package/src/components/MessageList/MessageList.tsx +28 -9
- package/src/i18n/en.json +1 -1
- package/src/i18n/fr.json +52 -52
- package/src/i18n/hi.json +52 -52
- package/src/i18n/it.json +52 -52
- package/src/i18n/nl.json +52 -52
- package/src/i18n/ru.json +52 -52
- package/src/i18n/tr.json +52 -52
- package/src/version.json +1 -1
|
@@ -28,7 +28,7 @@ var useCreatePaginatedMessageListContext = function useCreatePaginatedMessageLis
|
|
|
28
28
|
setLoadingMore: setLoadingMore,
|
|
29
29
|
setLoadingMoreRecent: setLoadingMoreRecent
|
|
30
30
|
};
|
|
31
|
-
}, [channelId, hasMore, loadingMoreRecent, loadingMore, messagesStr]);
|
|
31
|
+
}, [channelId, hasMore, loadingMoreRecent, loadingMore, hasNoMoreRecentMessagesToLoad, messagesStr]);
|
|
32
32
|
return paginatedMessagesContext;
|
|
33
33
|
};
|
|
34
34
|
exports.useCreatePaginatedMessageListContext = useCreatePaginatedMessageListContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","useCreatePaginatedMessageListContext","_ref","channelId","hasMore","hasNoMoreRecentMessagesToLoad","loadingMore","loadingMoreRecent","loadMore","loadMoreRecent","messages","setLoadingMore","setLoadingMoreRecent","messagesStr","reduceMessagesToString","paginatedMessagesContext","useMemo","exports"],"sources":["useCreatePaginatedMessageListContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { reduceMessagesToString } from '../../../utils/utils';\n\nexport const useCreatePaginatedMessageListContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n channelId,\n hasMore,\n hasNoMoreRecentMessagesToLoad,\n loadingMore,\n loadingMoreRecent,\n loadMore,\n loadMoreRecent,\n messages,\n setLoadingMore,\n setLoadingMoreRecent,\n}: PaginatedMessageListContextValue<StreamChatGenerics> & {\n channelId?: string;\n}) => {\n const messagesStr = reduceMessagesToString(messages);\n\n const paginatedMessagesContext: PaginatedMessageListContextValue<StreamChatGenerics> = useMemo(\n () => ({\n hasMore,\n hasNoMoreRecentMessagesToLoad,\n loadingMore,\n loadingMoreRecent,\n loadMore,\n loadMoreRecent,\n messages,\n setLoadingMore,\n setLoadingMoreRecent,\n }),\n [channelId
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","useCreatePaginatedMessageListContext","_ref","channelId","hasMore","hasNoMoreRecentMessagesToLoad","loadingMore","loadingMoreRecent","loadMore","loadMoreRecent","messages","setLoadingMore","setLoadingMoreRecent","messagesStr","reduceMessagesToString","paginatedMessagesContext","useMemo","exports"],"sources":["useCreatePaginatedMessageListContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { reduceMessagesToString } from '../../../utils/utils';\n\nexport const useCreatePaginatedMessageListContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n channelId,\n hasMore,\n hasNoMoreRecentMessagesToLoad,\n loadingMore,\n loadingMoreRecent,\n loadMore,\n loadMoreRecent,\n messages,\n setLoadingMore,\n setLoadingMoreRecent,\n}: PaginatedMessageListContextValue<StreamChatGenerics> & {\n channelId?: string;\n}) => {\n const messagesStr = reduceMessagesToString(messages);\n\n const paginatedMessagesContext: PaginatedMessageListContextValue<StreamChatGenerics> = useMemo(\n () => ({\n hasMore,\n hasNoMoreRecentMessagesToLoad,\n loadingMore,\n loadingMoreRecent,\n loadMore,\n loadMoreRecent,\n messages,\n setLoadingMore,\n setLoadingMoreRecent,\n }),\n [\n channelId,\n hasMore,\n loadingMoreRecent,\n loadingMore,\n hasNoMoreRecentMessagesToLoad,\n messagesStr,\n ],\n );\n\n return paginatedMessagesContext;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAEO,IAAME,oCAAoC,GAAG,SAAvCA,oCAAoCA,CAAAC,IAAA,EAe3C;EAAA,IAZJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,6BAA6B,GAAAH,IAAA,CAA7BG,6BAA6B;IAC7BC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IACjBC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,cAAc,GAAAP,IAAA,CAAdO,cAAc;IACdC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,oBAAoB,GAAAV,IAAA,CAApBU,oBAAoB;EAIpB,IAAMC,WAAW,GAAG,IAAAC,6BAAsB,EAACJ,QAAQ,CAAC;EAEpD,IAAMK,wBAA8E,GAAG,IAAAC,cAAO,EAC5F;IAAA,OAAO;MACLZ,OAAO,EAAPA,OAAO;MACPC,6BAA6B,EAA7BA,6BAA6B;MAC7BC,WAAW,EAAXA,WAAW;MACXC,iBAAiB,EAAjBA,iBAAiB;MACjBC,QAAQ,EAARA,QAAQ;MACRC,cAAc,EAAdA,cAAc;MACdC,QAAQ,EAARA,QAAQ;MACRC,cAAc,EAAdA,cAAc;MACdC,oBAAoB,EAApBA;IACF,CAAC;EAAA,CAAC,EACF,CACET,SAAS,EACTC,OAAO,EACPG,iBAAiB,EACjBD,WAAW,EACXD,6BAA6B,EAC7BQ,WAAW,CAEf,CAAC;EAED,OAAOE,wBAAwB;AACjC,CAAC;AAACE,OAAA,CAAAhB,oCAAA,GAAAA,oCAAA"}
|
|
@@ -287,7 +287,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
287
287
|
}
|
|
288
288
|
messageListLengthBeforeUpdate.current = messageListLengthAfterUpdate;
|
|
289
289
|
topMessageBeforeUpdate.current = topMessageAfterUpdate;
|
|
290
|
-
}, [messageListLengthAfterUpdate, topMessageAfterUpdate == null ? void 0 : topMessageAfterUpdate.id]);
|
|
290
|
+
}, [hasNoMoreRecentMessagesToLoad, messageListLengthAfterUpdate, topMessageAfterUpdate == null ? void 0 : topMessageAfterUpdate.id]);
|
|
291
291
|
(0, _react.useEffect)(function () {
|
|
292
292
|
setAutoscrollToTop(hasNoMoreRecentMessagesToLoad);
|
|
293
293
|
}, [messageList, hasNoMoreRecentMessagesToLoad]);
|
|
@@ -538,7 +538,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
538
538
|
return _ref4.apply(this, arguments);
|
|
539
539
|
};
|
|
540
540
|
}();
|
|
541
|
-
var
|
|
541
|
+
var onScrollEvent = function onScrollEvent(event) {
|
|
542
542
|
if (!channel || !channelResyncScrollSet.current) {
|
|
543
543
|
return;
|
|
544
544
|
}
|
|
@@ -560,6 +560,9 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
560
560
|
markRead();
|
|
561
561
|
}
|
|
562
562
|
setScrollToBottomButtonVisible(showScrollToBottomButton);
|
|
563
|
+
};
|
|
564
|
+
var handleScroll = function handleScroll(event) {
|
|
565
|
+
onScrollEvent(event);
|
|
563
566
|
if (onListScroll) {
|
|
564
567
|
onListScroll(event);
|
|
565
568
|
}
|
|
@@ -721,11 +724,13 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
721
724
|
closePicker();
|
|
722
725
|
}
|
|
723
726
|
};
|
|
724
|
-
var onScrollBeginDrag = function onScrollBeginDrag() {
|
|
725
|
-
|
|
727
|
+
var onScrollBeginDrag = function onScrollBeginDrag(event) {
|
|
728
|
+
!hasMoved && selectedPicker && setHasMoved(true);
|
|
729
|
+
onScrollEvent(event);
|
|
726
730
|
};
|
|
727
|
-
var onScrollEndDrag = function onScrollEndDrag() {
|
|
728
|
-
|
|
731
|
+
var onScrollEndDrag = function onScrollEndDrag(event) {
|
|
732
|
+
hasMoved && selectedPicker && setHasMoved(false);
|
|
733
|
+
onScrollEvent(event);
|
|
729
734
|
};
|
|
730
735
|
var refCallback = function refCallback(ref) {
|
|
731
736
|
flatListRef.current = ref;
|
|
@@ -749,7 +754,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
749
754
|
__self: _this,
|
|
750
755
|
__source: {
|
|
751
756
|
fileName: _jsxFileName,
|
|
752
|
-
lineNumber:
|
|
757
|
+
lineNumber: 1027,
|
|
753
758
|
columnNumber: 7
|
|
754
759
|
}
|
|
755
760
|
}, _react["default"].createElement(EmptyStateIndicator, {
|
|
@@ -757,7 +762,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
757
762
|
__self: _this,
|
|
758
763
|
__source: {
|
|
759
764
|
fileName: _jsxFileName,
|
|
760
|
-
lineNumber:
|
|
765
|
+
lineNumber: 1031,
|
|
761
766
|
columnNumber: 9
|
|
762
767
|
}
|
|
763
768
|
}));
|
|
@@ -768,14 +773,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
768
773
|
__self: _this,
|
|
769
774
|
__source: {
|
|
770
775
|
fileName: _jsxFileName,
|
|
771
|
-
lineNumber:
|
|
776
|
+
lineNumber: 1039,
|
|
772
777
|
columnNumber: 7
|
|
773
778
|
}
|
|
774
779
|
}, _react["default"].createElement(FooterComponent, {
|
|
775
780
|
__self: _this,
|
|
776
781
|
__source: {
|
|
777
782
|
fileName: _jsxFileName,
|
|
778
|
-
lineNumber:
|
|
783
|
+
lineNumber: 1040,
|
|
779
784
|
columnNumber: 9
|
|
780
785
|
}
|
|
781
786
|
}));
|
|
@@ -786,14 +791,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
786
791
|
__self: _this,
|
|
787
792
|
__source: {
|
|
788
793
|
fileName: _jsxFileName,
|
|
789
|
-
lineNumber:
|
|
794
|
+
lineNumber: 1048,
|
|
790
795
|
columnNumber: 7
|
|
791
796
|
}
|
|
792
797
|
}, _react["default"].createElement(HeaderComponent, {
|
|
793
798
|
__self: _this,
|
|
794
799
|
__source: {
|
|
795
800
|
fileName: _jsxFileName,
|
|
796
|
-
lineNumber:
|
|
801
|
+
lineNumber: 1049,
|
|
797
802
|
columnNumber: 9
|
|
798
803
|
}
|
|
799
804
|
}));
|
|
@@ -805,7 +810,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
805
810
|
__self: _this,
|
|
806
811
|
__source: {
|
|
807
812
|
fileName: _jsxFileName,
|
|
808
|
-
lineNumber:
|
|
813
|
+
lineNumber: 1059,
|
|
809
814
|
columnNumber: 7
|
|
810
815
|
}
|
|
811
816
|
}, _react["default"].createElement(LoadingIndicator, {
|
|
@@ -813,7 +818,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
813
818
|
__self: _this,
|
|
814
819
|
__source: {
|
|
815
820
|
fileName: _jsxFileName,
|
|
816
|
-
lineNumber:
|
|
821
|
+
lineNumber: 1060,
|
|
817
822
|
columnNumber: 9
|
|
818
823
|
}
|
|
819
824
|
}));
|
|
@@ -825,7 +830,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
825
830
|
__self: _this,
|
|
826
831
|
__source: {
|
|
827
832
|
fileName: _jsxFileName,
|
|
828
|
-
lineNumber:
|
|
833
|
+
lineNumber: 1067,
|
|
829
834
|
columnNumber: 30
|
|
830
835
|
}
|
|
831
836
|
});
|
|
@@ -834,7 +839,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
834
839
|
__self: _this,
|
|
835
840
|
__source: {
|
|
836
841
|
fileName: _jsxFileName,
|
|
837
|
-
lineNumber:
|
|
842
|
+
lineNumber: 1068,
|
|
838
843
|
columnNumber: 46
|
|
839
844
|
}
|
|
840
845
|
});
|
|
@@ -855,7 +860,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
855
860
|
__self: _this,
|
|
856
861
|
__source: {
|
|
857
862
|
fileName: _jsxFileName,
|
|
858
|
-
lineNumber:
|
|
863
|
+
lineNumber: 1084,
|
|
859
864
|
columnNumber: 5
|
|
860
865
|
}
|
|
861
866
|
}, _react["default"].createElement(FlatList, (0, _extends2["default"])({
|
|
@@ -891,7 +896,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
891
896
|
__self: _this,
|
|
892
897
|
__source: {
|
|
893
898
|
fileName: _jsxFileName,
|
|
894
|
-
lineNumber:
|
|
899
|
+
lineNumber: 1088,
|
|
895
900
|
columnNumber: 7
|
|
896
901
|
}
|
|
897
902
|
})), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
|
|
@@ -899,28 +904,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
899
904
|
__self: _this,
|
|
900
905
|
__source: {
|
|
901
906
|
fileName: _jsxFileName,
|
|
902
|
-
lineNumber:
|
|
907
|
+
lineNumber: 1133,
|
|
903
908
|
columnNumber: 11
|
|
904
909
|
}
|
|
905
910
|
}, _react["default"].createElement(StickyHeaderComponent, {
|
|
906
911
|
__self: _this,
|
|
907
912
|
__source: {
|
|
908
913
|
fileName: _jsxFileName,
|
|
909
|
-
lineNumber:
|
|
914
|
+
lineNumber: 1134,
|
|
910
915
|
columnNumber: 13
|
|
911
916
|
}
|
|
912
917
|
})), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
|
|
913
918
|
__self: _this,
|
|
914
919
|
__source: {
|
|
915
920
|
fileName: _jsxFileName,
|
|
916
|
-
lineNumber:
|
|
921
|
+
lineNumber: 1137,
|
|
917
922
|
columnNumber: 13
|
|
918
923
|
}
|
|
919
924
|
}, _react["default"].createElement(TypingIndicator, {
|
|
920
925
|
__self: _this,
|
|
921
926
|
__source: {
|
|
922
927
|
fileName: _jsxFileName,
|
|
923
|
-
lineNumber:
|
|
928
|
+
lineNumber: 1138,
|
|
924
929
|
columnNumber: 15
|
|
925
930
|
}
|
|
926
931
|
})), _react["default"].createElement(ScrollToBottomButton, {
|
|
@@ -930,14 +935,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
|
|
|
930
935
|
__self: _this,
|
|
931
936
|
__source: {
|
|
932
937
|
fileName: _jsxFileName,
|
|
933
|
-
lineNumber:
|
|
938
|
+
lineNumber: 1141,
|
|
934
939
|
columnNumber: 11
|
|
935
940
|
}
|
|
936
941
|
})), _react["default"].createElement(NetworkDownIndicator, {
|
|
937
942
|
__self: _this,
|
|
938
943
|
__source: {
|
|
939
944
|
fileName: _jsxFileName,
|
|
940
|
-
lineNumber:
|
|
945
|
+
lineNumber: 1148,
|
|
941
946
|
columnNumber: 7
|
|
942
947
|
}
|
|
943
948
|
}));
|
|
@@ -1044,7 +1049,7 @@ var MessageList = function MessageList(props) {
|
|
|
1044
1049
|
__self: _this,
|
|
1045
1050
|
__source: {
|
|
1046
1051
|
fileName: _jsxFileName,
|
|
1047
|
-
lineNumber:
|
|
1052
|
+
lineNumber: 1206,
|
|
1048
1053
|
columnNumber: 5
|
|
1049
1054
|
}
|
|
1050
1055
|
}));
|