stream-chat-react-native-core 5.17.1-beta.2 → 5.18.0-beta.1

package/lib/commonjs/components/MessageList/MessageList.js

@@ -63,9 +63,6 @@ var styles = _reactNative.StyleSheet.create({
     flex: 1,
     width: '100%'
   },
-  messagePadding: {
-    paddingHorizontal: 8
-  },
   stickyHeader: {
     position: 'absolute',
     top: 0
@@ -77,7 +74,7 @@ var InvertedCellRendererComponent = function InvertedCellRendererComponent(props
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 94,
       columnNumber: 3
     }
   }));
@@ -152,7 +149,9 @@ var MessageListWithContext = function MessageListWithContext(props) {
     _theme$messageList = theme.messageList,
     container = _theme$messageList.container,
     contentContainer = _theme$messageList.contentContainer,
-    listContainer = _theme$messageList.listContainer;
+    listContainer = _theme$messageList.listContainer,
+    messageContainer = _theme$messageList.messageContainer,
+    screenPadding = theme.screenPadding;
   var modifiedTheme = (0, _react.useMemo)(function () {
     return (0, _ThemeContext.mergeThemes)({
       style: myMessageTheme,
@@ -315,23 +314,25 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 564,
+          lineNumber: 562,
           columnNumber: 11
         }
       }, _react["default"].createElement(MessageSystem, {
         message: message,
-        style: styles.messagePadding,
+        style: [{
+          paddingHorizontal: screenPadding
+        }, messageContainer],
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 565,
+          lineNumber: 563,
           columnNumber: 13
         }
       })), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 567,
+          lineNumber: 568,
           columnNumber: 43
         }
       }));
@@ -342,7 +343,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 577,
+        lineNumber: 578,
         columnNumber: 36
       }
     }), _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -350,7 +351,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 578,
+        lineNumber: 579,
         columnNumber: 9
       }
     }, _react["default"].createElement(_reactNative.View, {
@@ -358,7 +359,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 579,
+        lineNumber: 580,
         columnNumber: 11
       }
     }, _react["default"].createElement(Message, {
@@ -369,12 +370,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       message: message,
       onThreadSelect: onThreadSelect,
       showUnreadUnderlay: showUnreadUnderlay,
-      style: styles.messagePadding,
+      style: [{
+        paddingHorizontal: screenPadding
+      }, messageContainer],
       threadList: threadList,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 580,
+        lineNumber: 581,
         columnNumber: 13
       }
     }))), !shouldApplyAndroidWorkaround && (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -382,14 +385,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 597,
+        lineNumber: 598,
         columnNumber: 36
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 599,
+        lineNumber: 600,
         columnNumber: 41
       }
     })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -397,7 +400,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 603,
+        lineNumber: 604,
         columnNumber: 9
       }
     }, shouldApplyAndroidWorkaround && (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -405,7 +408,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 606,
+        lineNumber: 607,
         columnNumber: 38
       }
     }), _react["default"].createElement(Message, {
@@ -416,12 +419,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       message: message,
       onThreadSelect: onThreadSelect,
       showUnreadUnderlay: showUnreadUnderlay,
-      style: styles.messagePadding,
+      style: [{
+        paddingHorizontal: screenPadding
+      }, messageContainer],
       threadList: threadList,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 607,
+        lineNumber: 608,
         columnNumber: 11
       }
     })), !shouldApplyAndroidWorkaround && (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -429,14 +434,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 627,
+        lineNumber: 628,
         columnNumber: 36
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 629,
+        lineNumber: 630,
         columnNumber: 41
       }
     }));
@@ -744,7 +749,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1006,
+        lineNumber: 1007,
         columnNumber: 7
       }
     }, _react["default"].createElement(EmptyStateIndicator, {
@@ -752,7 +757,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1010,
+        lineNumber: 1011,
         columnNumber: 9
       }
     }));
@@ -763,14 +768,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1018,
+        lineNumber: 1019,
         columnNumber: 7
       }
     }, _react["default"].createElement(FooterComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1019,
+        lineNumber: 1020,
         columnNumber: 9
       }
     }));
@@ -781,14 +786,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1027,
+        lineNumber: 1028,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1028,
+        lineNumber: 1029,
         columnNumber: 9
       }
     }));
@@ -800,7 +805,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1038,
+        lineNumber: 1039,
         columnNumber: 7
       }
     }, _react["default"].createElement(LoadingIndicator, {
@@ -808,7 +813,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1039,
+        lineNumber: 1040,
         columnNumber: 9
       }
     }));
@@ -820,7 +825,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1046,
+        lineNumber: 1047,
         columnNumber: 30
       }
     });
@@ -829,7 +834,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1047,
+        lineNumber: 1048,
         columnNumber: 46
       }
     });
@@ -850,7 +855,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1063,
+      lineNumber: 1064,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -886,7 +891,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1067,
+      lineNumber: 1068,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -894,28 +899,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1112,
+      lineNumber: 1113,
       columnNumber: 11
     }
   }, _react["default"].createElement(StickyHeaderComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1113,
+      lineNumber: 1114,
       columnNumber: 13
     }
   })), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1116,
+      lineNumber: 1117,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1117,
+      lineNumber: 1118,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -925,14 +930,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1120,
+      lineNumber: 1121,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1127,
+      lineNumber: 1128,
       columnNumber: 7
     }
   }));
@@ -1039,7 +1044,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1185,
+      lineNumber: 1186,
       columnNumber: 5
     }
   }));