chore(publishing): 🔧 fixed linting and testing

Author: Johan-dutoit

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-chat",
-  "version": "0.16.3",
+  "version": "1.0.0-beta-1",
   "description": "The most complete chat UI for React Native",
   "main": "node_modules/expo/AppEntry.js",
   "types": "lib/index.d.ts",
@@ -80,6 +80,7 @@
     "babel-jest": "25.5.1",
     "babel-preset-expo": "8.3.0",
     "expo": "^41.0.0",
+    "expo-app-loading": "1.0.3",
     "expo-constants": "~10.1.3",
     "expo-image-picker": "~10.1.4",
     "expo-location": "~12.0.4",
@@ -104,7 +105,6 @@
   "dependencies": {
     "@expo/react-native-action-sheet": "^3.6.0",
     "dayjs": "^1.8.26",
-    "expo-app-loading": "^1.0.3",
     "prop-types": "^15.7.2",
     "react-native-communications": "^2.2.1",
     "react-native-iphone-x-helper": "^1.3.1",

src/Bubble.tsx

@@ -525,7 +525,7 @@ export default class Bubble<
           <TouchableWithoutFeedback
             onPress={this.onPress}
             onLongPress={this.onLongPress}
-            accessibilityTraits='text'
+            accessibilityRole='text'
             {...this.props.touchableProps}
           >
             <View>

src/GiftedAvatar.tsx

@@ -159,7 +159,7 @@ export default class GiftedAvatar extends React.Component<GiftedAvatarProps> {
             styles.avatarTransparent,
             this.props.avatarStyle,
           ]}
-          accessibilityTraits='image'
+          accessibilityRole='image'
         />
       )
     }
@@ -169,7 +169,7 @@ export default class GiftedAvatar extends React.Component<GiftedAvatarProps> {
           disabled={!this.props.onPress}
           onPress={this.props.onPress}
           onLongPress={this.props.onLongPress}
-          accessibilityTraits='image'
+          accessibilityRole='image'
         >
           {this.renderAvatar()}
         </TouchableOpacity>
@@ -188,7 +188,7 @@ export default class GiftedAvatar extends React.Component<GiftedAvatarProps> {
           { backgroundColor: this.avatarColor },
           this.props.avatarStyle,
         ]}
-        accessibilityTraits='image'
+        accessibilityRole='image'
       >
         {this.renderInitials()}
       </TouchableOpacity>

src/InputToolbar.tsx

@@ -49,15 +49,14 @@ export function InputToolbar<TMessage extends IMessage = IMessage>(
       'keyboardWillShow',
       () => setPosition('relative'),
     )
-    return () => keyboardWillShowListener?.remove()
-  }, [])
-
-  useEffect(() => {
     const keyboardWillHideListener = Keyboard.addListener(
       'keyboardWillHide',
       () => setPosition('absolute'),
     )
-    return () => keyboardWillHideListener?.remove()
+    return () => {
+      keyboardWillShowListener?.remove()
+      keyboardWillHideListener?.remove()
+    }
   }, [])
 
   const { containerStyle, ...rest } = props

src/LoadEarlier.tsx

@@ -63,7 +63,7 @@ export function LoadEarlier(props: LoadEarlierProps): React.ReactElement {
       style={[styles.container, props.containerStyle]}
       onPress={onLoadEarlier}
       disabled={isLoadingEarlier}
-      accessibilityTraits='button'
+      accessibilityRole='button'
     >
       <View style={[styles.wrapper, props.wrapperStyle]}>
         {isLoadingEarlier ? (

src/MessageText.tsx

@@ -95,7 +95,7 @@ export const MessageText = <TMessage extends IMessage = IMessage>({
     // When someone sends a message that includes a website address beginning with "www." (omitting the scheme),
     // react-native-parsed-text recognizes it as a valid url, but Linking fails to open due to the missing scheme.
     if (WWW_URL_PATTERN.test(url)) {
-      onUrlPress(`http://${url}`)
+      onUrlPress(`https://${url}`)
     } else {
       Linking.canOpenURL(url).then(supported => {
         if (!supported) {

src/Send.tsx

@@ -77,7 +77,7 @@ export const Send = <TMessage extends IMessage = IMessage>({
         accessibilityLabel='send'
         style={[styles.container, containerStyle]}
         onPress={handleOnPress}
-        accessibilityTraits='button'
+        accessibilityRole='button'
         disabled={disabled}
         {...sendButtonProps}
       >

src/__tests__/__snapshots__/Bubble.test.tsx.snap

@@ -29,6 +29,7 @@ exports[`should render <Bubble /> and compare with snapshot 1`] = `
     }
   >
     <View
+      accessibilityRole="text"
       accessible={true}
       focusable={true}
       onClick={[Function]}

src/__tests__/__snapshots__/GiftedAvatar.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`should render <GiftedAvatar /> and compare with snapshot 1`] = `
 <View
-  accessibilityTraits="image"
+  accessibilityRole="image"
   style={
     Array [
       Object {

src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap

@@ -2,6 +2,7 @@
 
 exports[`should render <LoadEarlier /> and compare with snapshot 1`] = `
 <View
+  accessibilityRole="button"
   accessible={true}
   focusable={true}
   onClick={[Function]}