npm - react-native-gifted-chat - Versions diffs - 2.7.3 → 2.8.1 - Mend

react-native-gifted-chat 2.7.3 → 2.8.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 (47) hide show

package/README.md +14 -6
package/lib/Bubble/index.d.ts +2 -26
package/lib/Bubble/index.js +151 -123
package/lib/Bubble/index.js.map +1 -1
package/lib/Day/index.d.ts +1 -1
package/lib/Day/index.js +2 -2
package/lib/Day/index.js.map +1 -1
package/lib/GiftedChat/index.d.ts +1 -1
package/lib/GiftedChat/index.js +1 -2
package/lib/GiftedChat/index.js.map +1 -1
package/lib/GiftedChat/types.d.ts +7 -7
package/lib/GiftedChatContext.d.ts +1 -2
package/lib/GiftedChatContext.js +3 -3
package/lib/GiftedChatContext.js.map +1 -1
package/lib/InputToolbar.js +1 -0
package/lib/InputToolbar.js.map +1 -1
package/lib/Message/index.js +7 -12
package/lib/Message/index.js.map +1 -1
package/lib/Message/types.d.ts +2 -2
package/lib/MessageContainer/components/Item/index.d.ts +2 -1
package/lib/MessageContainer/components/Item/index.js +5 -6
package/lib/MessageContainer/components/Item/index.js.map +1 -1
package/lib/MessageContainer/components/Item/types.d.ts +4 -5
package/lib/MessageContainer/index.js +61 -33
package/lib/MessageContainer/index.js.map +1 -1
package/lib/MessageContainer/types.d.ts +5 -5
package/lib/MessageText.js +2 -2
package/lib/MessageText.js.map +1 -1
package/lib/Time.d.ts +1 -1
package/lib/Time.js +3 -3
package/lib/Time.js.map +1 -1
package/package.json +13 -15
package/src/Bubble/index.tsx +170 -146
package/src/Day/index.tsx +2 -2
package/src/GiftedChat/index.tsx +7 -9
package/src/GiftedChat/types.ts +7 -7
package/src/GiftedChatContext.ts +3 -3
package/src/InputToolbar.tsx +1 -0
package/src/Message/index.tsx +10 -16
package/src/Message/types.ts +2 -2
package/src/MessageContainer/components/Item/index.tsx +5 -16
package/src/MessageContainer/components/Item/types.ts +4 -5
package/src/MessageContainer/index.tsx +98 -54
package/src/MessageContainer/types.ts +5 -4
package/src/MessageText.tsx +2 -2
package/src/Time.tsx +5 -3
package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap +72 -279

package/src/__tests__/__snapshots__/MessageContainer.test.tsx.snap CHANGED Viewed

@@ -14,295 +14,88 @@ exports[`should render <MessageContainer /> and compare with snapshot 1`] = `
     ]
   }
 >
-  <View
-    style={
+  <RCTScrollView
+    CellRendererComponent={[Function]}
+    ListEmptyComponent={[Function]}
+    ListFooterComponent={null}
+    ListHeaderComponent={
+      <React.Fragment>
+        <TypingIndicator
+          isTyping={false}
+        />
+      </React.Fragment>
+    }
+    automaticallyAdjustContentInsets={false}
+    collapsable={false}
+    data={[]}
+    extraData={null}
+    getItem={[Function]}
+    getItemCount={[Function]}
+    invertStickyHeaders={true}
+    inverted={true}
+    isInvertedVirtualizedList={true}
+    jestAnimatedStyle={
       {
-        "flex": 1,
-        "overflow": "hidden",
-        "transform": [
-          {
-            "scaleY": -1,
-          },
-        ],
+        "value": {},
       }
     }
-  >
-    <RCTScrollView
-      ListEmptyComponent={[Function]}
-      ListFooterComponent={null}
-      ListHeaderComponent={
-        <React.Fragment>
-          <TypingIndicator
-            isTyping={false}
-          />
-        </React.Fragment>
-      }
-      applyWindowCorrection={[Function]}
-      automaticallyAdjustContentInsets={false}
-      canChangeSize={true}
-      collapsable={false}
-      contentContainerStyle={
-        {
-          "backgroundColor": undefined,
-          "minHeight": 1,
-          "minWidth": 1,
-          "paddingLeft": 0,
-          "paddingRight": 0,
-        }
-      }
-      contentHeight={0}
-      contentWidth={0}
-      data={[]}
-      dataProvider={
-        DataProvider {
-          "_data": [],
-          "_firstIndexToProcess": 0,
-          "_hasStableIds": true,
-          "_requiresDataChangeHandling": false,
-          "_size": 0,
-          "getStableId": [Function],
-          "rowHasChanged": [Function],
-        }
+    jestInlineStyle={
+      {
+        "flex": 1,
       }
-      disableRecycling={false}
-      estimatedItemSize={100}
-      extendedState={
+    }
+    keyExtractor={[Function]}
+    onContentSizeChange={[Function]}
+    onEndReached={[Function]}
+    onEndReachedThreshold={0.1}
+    onLayout={[Function]}
+    onMomentumScrollBegin={[Function]}
+    onMomentumScrollEnd={[Function]}
+    onScroll={[Function]}
+    onScrollBeginDrag={[Function]}
+    onScrollEndDrag={[Function]}
+    removeClippedSubviews={false}
+    renderItem={[Function]}
+    scrollEventThrottle={1}
+    stickyHeaderIndices={[]}
+    style={
+      [
         {
-          "value": [
-            null,
-            false,
+          "transform": [
+            {
+              "scaleY": -1,
+            },
           ],
-        }
-      }
-      externalScrollView={[Function]}
-      extraData={
-        [
-          null,
-          false,
-        ]
-      }
-      finalRenderAheadOffset={250}
-      forceNonDeterministicRendering={true}
-      horizontal={false}
-      initialOffset={0}
-      initialRenderIndex={0}
-      inverted={true}
-      isHorizontal={false}
-      jestAnimatedStyle={
-        {
-          "value": {},
-        }
-      }
-      jestInlineStyle={
+        },
         {
           "flex": 1,
-        }
-      }
-      keyExtractor={[Function]}
-      layoutProvider={
-        GridLayoutProviderWithProps {
-          "_acceptableRelayoutDelta": 1,
-          "_getHeightOrWidth": [Function],
-          "_getLayoutTypeForIndex": [Function],
-          "_getSpan": [Function],
-          "_hasExpired": false,
-          "_maxSpan": 1,
-          "_setLayoutForType": [Function],
-          "_tempDim": {
-            "height": 0,
-            "width": 0,
-          },
-          "averageWindow": AverageWindow {
-            "currentAverage": 100,
-            "currentCount": 1,
-            "inputValues": [
-              100,
-            ],
-            "nextIndex": 1,
-          },
-          "defaultEstimatedItemSize": 100,
-          "layoutObject": {
-            "size": undefined,
-            "span": undefined,
-          },
-          "props": {
-            "ListEmptyComponent": [Function],
-            "ListFooterComponent": null,
-            "ListHeaderComponent": <React.Fragment>
-              <TypingIndicator
-                isTyping={false}
-              />
-            </React.Fragment>,
-            "automaticallyAdjustContentInsets": false,
-            "collapsable": false,
-            "data": [],
-            "estimatedItemSize": 100,
-            "extraData": [
-              null,
-              false,
+        },
+      ]
+    }
+    viewabilityConfigCallbackPairs={[]}
+  >
+    <View>
+      <View
+        collapsable={false}
+        onLayout={[Function]}
+        style={
+          {
+            "transform": [
+              {
+                "scaleY": -1,
+              },
             ],
-            "inverted": true,
-            "jestAnimatedStyle": {
-              "value": {},
-            },
-            "jestInlineStyle": {
-              "flex": 1,
-            },
-            "keyExtractor": [Function],
-            "nativeID": undefined,
-            "numColumns": 1,
-            "onEndReached": [Function],
-            "onEndReachedThreshold": 0.1,
-            "onLayout": [Function],
-            "onScroll": [Function],
-            "renderItem": [Function],
-            "scrollEventThrottle": 16,
-            "style": {
-              "flex": 1,
-            },
-          },
-          "renderWindowInsets": {
-            "height": 0,
-            "width": 0,
-          },
-          "shouldRefreshWithAnchoring": true,
-        }
-      }
-      maxRenderAhead={750}
-      numColumns={1}
-      onEndReached={[Function]}
-      onEndReachedThreshold={0}
-      onEndReachedThresholdRelative={0.1}
-      onItemLayout={[Function]}
-      onLayout={[Function]}
-      onScroll={[Function]}
-      onScrollBeginDrag={[Function]}
-      onSizeChanged={[Function]}
-      onVisibleIndicesChanged={[Function]}
-      removeClippedSubviews={false}
-      renderAheadOffset={0}
-      renderAheadStep={250}
-      renderContentContainer={[Function]}
-      renderItem={[Function]}
-      renderItemContainer={[Function]}
-      rowRenderer={[Function]}
-      scrollEventThrottle={16}
-      scrollThrottle={16}
-      scrollViewProps={
-        {
-          "contentContainerStyle": {
-            "backgroundColor": undefined,
-            "minHeight": 1,
-            "minWidth": 1,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-          },
-          "onLayout": [Function],
-          "onScrollBeginDrag": [Function],
-          "refreshControl": undefined,
-          "style": {
-            "minHeight": 1,
-            "minWidth": 1,
-          },
-        }
-      }
-      style={
-        {
-          "minHeight": 1,
-          "minWidth": 1,
-        }
-      }
-      suppressBoundedSizeException={true}
-      windowCorrectionConfig={
-        {
-          "applyToInitialOffset": true,
-          "applyToItemScroll": true,
-          "value": {
-            "endCorrection": 0,
-            "startCorrection": 0,
-            "windowShift": -1,
-          },
+          }
         }
-      }
-    >
-      <View>
-        <View
-          style={
-            {
-              "flexDirection": "column",
-            }
+      />
+      <View
+        style={
+          {
+            "flex": 1,
           }
-        >
-          <View
-            style={
-              {
-                "paddingLeft": 0,
-                "paddingTop": 0,
-              }
-            }
-          />
-          <View
-            style={
-              [
-                undefined,
-                {
-                  "transform": [
-                    {
-                      "scaleY": -1,
-                    },
-                  ],
-                },
-              ]
-            }
-          />
-          <AutoLayoutView
-            enableInstrumentation={false}
-            horizontal={false}
-            onBlankAreaEvent={[Function]}
-            onLayout={[Function]}
-            renderAheadOffset={0}
-            scrollOffset={0}
-            style={
-              {
-                "height": 0,
-                "width": 0,
-              }
-            }
-            windowSize={0}
-          />
-          <View
-            style={
-              {
-                "flex": 1,
-              }
-            }
-          />
-          <CellContainer
-            index={-1}
-            style={
-              [
-                undefined,
-                {
-                  "transform": [
-                    {
-                      "scaleY": -1,
-                    },
-                  ],
-                },
-              ]
-            }
-          />
-          <View
-            style={
-              {
-                "paddingBottom": 0,
-                "paddingRight": 0,
-              }
-            }
-          />
-        </View>
-      </View>
-    </RCTScrollView>
-  </View>
+        }
+      />
+    </View>
+  </RCTScrollView>
 </View>
 `;