Keep trailingComma es5

.eslintrc.cjs

@@ -25,7 +25,7 @@ module.exports = {
       "error",
       {
         quoteProps: "consistent",
-        trailingComma: "all",
+        trailingComma: "es5",
       },
     ],
     // react

FabricExample/__tests__/focused-input-handler.spec.tsx

@@ -29,7 +29,7 @@ describe("`useFocusedInputHandler` specification", () => {
   it("should execute all handlers and change corresponding elements", () => {
     let handlers: FocusedInputHandler = {};
     (useFocusedInputHandler as jest.Mock).mockImplementation(
-      (handler) => (handlers = handler),
+      (handler) => (handlers = handler)
     );
     const onChangeText = (e: FocusedInputTextChangedEvent) =>
       handlers.onChangeText?.(e);

FabricExample/__tests__/keyboard-handler.spec.tsx

@@ -36,7 +36,7 @@ function TestComponent() {
         height.value = e.height;
       },
     },
-    [],
+    []
   );
   const style = useAnimatedStyle(
     () => ({
@@ -45,7 +45,7 @@ function TestComponent() {
       backgroundColor: "red",
       transform: [{ translateY: height.value }],
     }),
-    [],
+    []
   );
 
   return <Reanimated.View testID="view" style={style} />;
@@ -55,7 +55,7 @@ describe("keyboard handler specification", () => {
   it("should execute all handlers and change corresponding style properties", () => {
     let handlers: KeyboardHandler = {};
     (useKeyboardHandler as jest.Mock).mockImplementation(
-      (handler) => (handlers = handler),
+      (handler) => (handlers = handler)
     );
     const onStart = (e: NativeEvent) => handlers.onStart?.(e);
     const onMove = (e: NativeEvent) => handlers.onMove?.(e);

FabricExample/__tests__/reanimated.spec.tsx

@@ -14,7 +14,7 @@ function TestComponent() {
       backgroundColor: "red",
       transform: [{ translateY: height.value }],
     }),
-    [],
+    []
   );
 
   return <Reanimated.View testID="view" style={style} />;

FabricExample/jestSetup.js

@@ -3,9 +3,9 @@ import "react-native-gesture-handler/jestSetup";
 require("react-native-reanimated/lib/module/reanimated2/jestUtils").setUpTests();
 
 jest.mock("react-native-keyboard-controller", () =>
-  require("react-native-keyboard-controller/jest"),
+  require("react-native-keyboard-controller/jest")
 );
 
 jest.mock("react-native-reanimated", () =>
-  require("react-native-reanimated/mock"),
+  require("react-native-reanimated/mock")
 );

FabricExample/metro.config.js

@@ -24,8 +24,8 @@ const config = {
     blacklistRE: exclusionList(
       modules.map(
         (m) =>
-          new RegExp(`^${escape(path.join(root, "node_modules", m))}\\/.*$`),
-      ),
+          new RegExp(`^${escape(path.join(root, "node_modules", m))}\\/.*$`)
+      )
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {

FabricExample/src/screens/Examples/AwareScrollViewStickyFooter/index.tsx

@@ -26,11 +26,11 @@ export default function AwareScrollViewStickyFooter({ navigation }: Props) {
   }, []);
   const offset = useMemo(
     () => ({ closed: 0, opened: variant === "v1" ? 0 : bottom }),
-    [bottom, variant],
+    [bottom, variant]
   );
   const offsetV3 = useMemo(
     () => ({ closed: -50, opened: bottom - 25 }),
-    [bottom],
+    [bottom]
   );
 
   useEffect(() => {

FabricExample/src/screens/Examples/InteractiveKeyboard/index.tsx

@@ -63,7 +63,7 @@ function InteractiveKeyboard({ navigation }: Props) {
     () => ({
       transform: [{ translateY: -height.value }, ...styles.inverted.transform],
     }),
-    [],
+    []
   );
   const textInputStyle = useAnimatedStyle(
     () => ({
@@ -72,13 +72,13 @@ function InteractiveKeyboard({ navigation }: Props) {
       backgroundColor: "#BCBCBC",
       transform: [{ translateY: -height.value }],
     }),
-    [],
+    []
   );
   const fakeView = useAnimatedStyle(
     () => ({
       height: height.value,
     }),
-    [],
+    []
   );
 
   return (

FabricExample/src/screens/Examples/InteractiveKeyboardIOS/index.tsx

@@ -80,7 +80,7 @@ function InteractiveKeyboard() {
       backgroundColor: "#BCBCBC",
       transform: [{ translateY: -height.value }],
     }),
-    [],
+    []
   );
 
   return (

FabricExample/src/screens/Examples/KeyboardAvoidingView/index.tsx

@@ -36,7 +36,7 @@ export default function KeyboardAvoidingViewExample({ navigation }: Props) {
             onPress={() => {
               const index = behaviors.indexOf(behavior);
               setBehavior(
-                behaviors[index === behaviors.length - 1 ? 0 : index + 1],
+                behaviors[index === behaviors.length - 1 ? 0 : index + 1]
               );
             }}
           >

FabricExample/src/screens/Examples/Lottie/index.tsx

@@ -41,7 +41,7 @@ function LottieAnimation() {
         progress.value = e.progress;
       },
     },
-    [],
+    []
   );
 
   const animatedProps = useAnimatedProps(() => {
@@ -52,7 +52,7 @@ function LottieAnimation() {
         // 104 - total frames
         // 7 frame - transition begins
         // 35 frame - transition ends
-        [7 / 104, 35 / 104],
+        [7 / 104, 35 / 104]
       ),
     };
   });

FabricExample/src/screens/Examples/Main/index.tsx

@@ -20,7 +20,7 @@ const ExampleMain = ({ navigation }: Props) => {
   const onExamplePress = useCallback(
     (info: ScreenNames) =>
       navigation.navigate(ScreenNames.EXAMPLES_STACK, { screen: info }),
-    [],
+    []
   );
 
   return (

FabricExample/src/screens/Examples/NonUIProps/index.tsx

@@ -27,7 +27,7 @@ function useGradualKeyboardAnimation() {
         progress.value = progress.value;
       },
     },
-    [],
+    []
   );
 
   return { height, progress };

FabricExample/src/screens/Examples/ReanimatedChat/hooks.ts

@@ -20,7 +20,7 @@ export const useTelegramTransitions = () => {
               0.19919472913616398,
               0.010644531250000006,
               0.27920937042459737,
-              0.91025390625,
+              0.91025390625
             ),
           });
         } else {
@@ -32,7 +32,7 @@ export const useTelegramTransitions = () => {
         }
       },
     },
-    [],
+    []
   );
 
   return { height };

FabricExample/src/screens/Examples/ReanimatedChat/index.tsx

@@ -37,14 +37,14 @@ function ReanimatedChat({ navigation }: Props) {
   const { height: platform } = useReanimatedKeyboardAnimation();
   const height = useDerivedValue(
     () => (isTGTransition ? telegram.value : platform.value),
-    [isTGTransition],
+    [isTGTransition]
   );
 
   const scrollViewStyle = useAnimatedStyle(
     () => ({
       transform: [{ translateY: height.value }, ...styles.inverted.transform],
     }),
-    [],
+    []
   );
   const textInputStyle = useAnimatedStyle(
     () => ({
@@ -53,13 +53,13 @@ function ReanimatedChat({ navigation }: Props) {
       backgroundColor: "#BCBCBC",
       transform: [{ translateY: height.value }],
     }),
-    [],
+    []
   );
   const fakeView = useAnimatedStyle(
     () => ({
       height: Math.abs(height.value),
     }),
-    [],
+    []
   );
 
   return (

FabricExample/src/screens/Examples/StatusBar/index.tsx

@@ -36,7 +36,7 @@ export default function StatusBarManipulation() {
         title={`Change ${barStyle}`}
         onPress={() =>
           setBarStyle(
-            barStyle === "light-content" ? "dark-content" : "light-content",
+            barStyle === "light-content" ? "dark-content" : "light-content"
           )
         }
       />

docs/__tests__/screenshot.spec.ts

@@ -35,7 +35,7 @@ function isNotVersionedDocsPathname(pathname: string): boolean {
 
 test.describe("Docusaurus site screenshots", () => {
   const pathnames = extractSitemapPathnames(sitemapPath).filter(
-    isNotVersionedDocsPathname,
+    isNotVersionedDocsPathname
   );
   console.log("Pathnames to screenshot:", pathnames);
   pathnames.forEach(screenshotPathname);

docs/blog/2023-12-26-release-1-10/index.mdx

@@ -53,7 +53,7 @@ useFocusedInputHandler(
       // Your custom logic here
     },
   },
-  [],
+  []
 );
 ```
 

docs/docs/api/hooks/input/use-focused-input-handler.md

@@ -27,7 +27,7 @@ useFocusedInputHandler(
       "worklet";
     },
   },
-  [],
+  []
 );
 ```
 

docs/docs/api/hooks/keyboard/use-keyboard-animation.md

@@ -42,7 +42,7 @@ class KeyboardAnimation extends React.PureComponent {
     // 2. set input mode for android to `adjustResize`
     // (can be omitted if you already have `adjustResize` in `AndroidManifest.xml`)
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
   }
 

docs/docs/api/hooks/keyboard/use-keyboard-handler/index.mdx

@@ -37,7 +37,7 @@ useKeyboardHandler(
       "worklet";
     },
   },
-  [],
+  []
 );
 ```
 

docs/docs/api/hooks/keyboard/use-reanimated-keyboard-animation.md

@@ -42,7 +42,7 @@ class KeyboardAnimation extends React.PureComponent {
     // 2. set input mode for android to `adjustResize`
     // (can be omitted if you already have `adjustResize` in `AndroidManifest.xml`)
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
   }
 

docs/docs/guides/building-own-hook.md

@@ -30,11 +30,11 @@ function useKeyboardAnimation() {
   useFocusEffect(
     useCallback(() => {
       KeyboardController.setInputMode(
-        AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+        AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
       );
 
       return () => KeyboardController.setDefaultMode();
-    }, []),
+    }, [])
   );
 
   const context = useKeyboardContext();

docs/docs/guides/interactive-keyboard.md

@@ -53,7 +53,7 @@ useKeyboardHandler(
       // your handler for interactive keyboard movement
     },
   },
-  [],
+  []
 );
 ```
 

docs/docs/recipes/jest-testing-guide.md

@@ -12,7 +12,7 @@ This library includes a built in mock for Jest. To use it, add the following cod
 
 ```js
 jest.mock("react-native-keyboard-controller", () =>
-  require("react-native-keyboard-controller/jest"),
+  require("react-native-keyboard-controller/jest")
 );
 ```
 

docs/versioned_docs/version-1.0.0/api/hooks/use-keyboard-animation.md

@@ -32,7 +32,7 @@ class KeyboardAnimation extends React.PureComponent {
     // 2. set input mode for android to `adjustResize`
     // (can be omitted if you already have `adjustResize` in `AndroidManifest.xml`)
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
   }
 

docs/versioned_docs/version-1.0.0/api/hooks/use-reanimated-keyboard-animation.md

@@ -32,7 +32,7 @@ class KeyboardAnimation extends React.PureComponent {
     // 2. set input mode for android to `adjustResize`
     // (can be omitted if you already have `adjustResize` in `AndroidManifest.xml`)
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
   }
 

docs/versioned_docs/version-1.0.0/api/keyboard-controller.md

@@ -16,7 +16,7 @@ import {
 export const useResizeMode = () => {
   useEffect(() => {
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
 
     return () => KeyboardController.setDefaultMode();

docs/versioned_docs/version-1.0.0/guides/building-own-hook.md

@@ -21,11 +21,11 @@ function useKeyboardAnimation() {
   useFocusEffect(
     useCallback(() => {
       KeyboardController.setInputMode(
-        AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+        AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
       );
 
       return () => KeyboardController.setDefaultMode();
-    }, []),
+    }, [])
   );
 
   const context = useContext(KeyboardContext);

docs/versioned_docs/version-1.10.0/api/hooks/input/use-focused-input-handler.md

@@ -27,7 +27,7 @@ useFocusedInputHandler(
       "worklet";
     },
   },
-  [],
+  []
 );
 ```
 

docs/versioned_docs/version-1.10.0/api/hooks/keyboard/use-keyboard-animation.md

@@ -42,7 +42,7 @@ class KeyboardAnimation extends React.PureComponent {
     // 2. set input mode for android to `adjustResize`
     // (can be omitted if you already have `adjustResize` in `AndroidManifest.xml`)
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
   }
 

docs/versioned_docs/version-1.10.0/api/hooks/keyboard/use-keyboard-handler/index.mdx

@@ -37,7 +37,7 @@ useKeyboardHandler(
       "worklet";
     },
   },
-  [],
+  []
 );
 ```
 

docs/versioned_docs/version-1.10.0/api/hooks/keyboard/use-reanimated-keyboard-animation.md

@@ -42,7 +42,7 @@ class KeyboardAnimation extends React.PureComponent {
     // 2. set input mode for android to `adjustResize`
     // (can be omitted if you already have `adjustResize` in `AndroidManifest.xml`)
     KeyboardController.setInputMode(
-      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,
+      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE
     );
   }