chore(publishing): 🔧 fixed linting and testing

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]}

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

@@ -83,6 +83,7 @@ exports[`Message component should render <Message /> and compare with snapshot 1
         }
       >
         <View
+          accessibilityRole="text"
           accessible={true}
           focusable={true}
           onClick={[Function]}
@@ -256,7 +257,7 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
       }
     >
       <View
-        accessibilityTraits="image"
+        accessibilityRole="image"
         style={
           Array [
             Object {
@@ -309,6 +310,7 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
         }
       >
         <View
+          accessibilityRole="text"
           accessible={true}
           focusable={true}
           onClick={[Function]}
@@ -498,6 +500,7 @@ exports[`Message component should render null if user has no Avatar 1`] = `
         }
       >
         <View
+          accessibilityRole="text"
           accessible={true}
           focusable={true}
           onClick={[Function]}

src/hooks/useUpdateLayoutEffect.ts

@@ -1,14 +1,14 @@
-import { useLayoutEffect, useRef } from 'react'
+import { DependencyList, useLayoutEffect, useRef } from 'react'
 
 /**
  * A custom useEffect hook that only triggers on updates, not on initial mount
  * Idea stolen from: https://stackoverflow.com/a/55075818/1526448
  * @param {()=>void} effect the function to call
- * @param {Array<any>} dependencies the state(s) that fires the update
+ * @param {DependencyList} dependencies the state(s) that fires the update
  */
 export function useUpdateLayoutEffect(
   effect: () => void,
-  dependencies: any[] = [],
+  dependencies: DependencyList = [],
 ) {
   const isInitialMount = useRef(true)
 

yarn.lock

@@ -4312,7 +4312,7 @@ expect@^25.5.0:
     jest-message-util "^25.5.0"
     jest-regex-util "^25.2.6"
 
-expo-app-loading@^1.0.3:
+[email protected]:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/expo-app-loading/-/expo-app-loading-1.0.3.tgz#35c2dfd71aacd9f5c53777e3ff2ac07549e766df"
   integrity sha512-zLheUgBCQoyybJrGxw81MWfxvlnHb7zatjLbmkNosqMwqq3MOPC/P4HwF6qYsrVUFO6PIzb4yq3lFO3RkCCfhw==
@@ -4392,9 +4392,9 @@ expo-permissions@~12.0.1:
   integrity sha512-TtypNPPLG4SdVEKBlrArLLZIyhlhE+3B4dhz2HaY1Mve2rcvKE0C7z/e1WoUVU8+LgcdKoNGwg/wRVeCkxeEhg==
 
 expo-splash-screen@~0.10.2:
-  version "0.10.2"
-  resolved "https://registry.yarnpkg.com/expo-splash-screen/-/expo-splash-screen-0.10.2.tgz#3e3d7c24c4ed180a60ce3ec64a77eefd04dd0d97"
-  integrity sha512-ngelW7g5yFqk3LWbyLDDxi3LYXEfgGFCJddL/Q8S/C1pMUc5foW2j9i/q+akK8i5mjYtSx3+Bk/qbyX92QIF/w==
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/expo-splash-screen/-/expo-splash-screen-0.10.3.tgz#a4fae07fc0e0c9e997d88c1174ebaa66d02c370c"
+  integrity sha512-/9YPJodKjA5/Lq/YZf2aOeIaEjwkd5UW+7mr01CwvMJnZaNCIpt7d0xglxkdhCDQooQFihI/UrUoSDRDegmyjA==
   dependencies:
     "@expo/configure-splash-screen" "0.3.4"