chore: minor refactor (#473)

* chore: minor refactor

* remove rounding

* chore: changes done by yarn lint --fix

.eslintrc.js

@@ -3,16 +3,6 @@ module.exports = {
   extends: ['@react-native-community', 'prettier'],
   rules: {
     'no-console': ['error', { allow: ['warn', 'error'] }],
-    'prettier/prettier': [
-      'error',
-      {
-        printWidth: 80,
-        arrowParens: 'avoid',
-        singleQuote: true,
-        tabWidth: 2,
-        trailingComma: 'es5',
-        useTabs: false,
-      },
-    ],
+    'prettier/prettier': 'error',
   },
 };

example/src/components/contactListContainer/ContactListContainer.tsx

@@ -14,9 +14,10 @@ const ContactListContainerComponent = ({
   headerStyle: _headerStyle,
   onItemPress,
 }: ContactListContainerProps) => {
-  const headerStyle = useMemo(() => [styles.headerContainer, _headerStyle], [
-    _headerStyle,
-  ]);
+  const headerStyle = useMemo(
+    () => [styles.headerContainer, _headerStyle],
+    [_headerStyle]
+  );
   return (
     <>
       <View style={headerStyle}>

example/src/screens/advanced/BackdropExample.tsx

@@ -6,9 +6,8 @@ import ContactListContainer from '../../components/contactListContainer';
 
 const BackdropExample = () => {
   // state
-  const [backdropPressBehavior, setBackdropPressBehavior] = useState<
-    'none' | 'close' | 'collapse'
-  >('collapse');
+  const [backdropPressBehavior, setBackdropPressBehavior] =
+    useState<'none' | 'close' | 'collapse'>('collapse');
 
   // hooks
   const bottomSheetRef = useRef<BottomSheet>(null);

example/src/screens/modal/BackdropExample.tsx

@@ -11,9 +11,8 @@ import withModalProvider from '../withModalProvider';
 
 const BackdropExample = () => {
   // state
-  const [backdropPressBehavior, setBackdropPressBehavior] = useState<
-    'none' | 'close' | 'collapse'
-  >('collapse');
+  const [backdropPressBehavior, setBackdropPressBehavior] =
+    useState<'none' | 'close' | 'collapse'>('collapse');
   // refs
   const bottomSheetRef = useRef<BottomSheetModal>(null);
 

src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx

@@ -44,11 +44,6 @@ function BottomSheetHandleContainerComponent({
 
     return refs;
   }, [_providedSimultaneousHandlers, _internalSimultaneousHandlers]);
-
-  const shouldRenderHandle = useMemo(
-    () => _providedHandleComponent !== null,
-    [_providedHandleComponent]
-  );
   //#endregion
 
   //#region callbacks
@@ -96,6 +91,7 @@ function BottomSheetHandleContainerComponent({
     );
   }, [animatedIndex, animatedPosition, _providedHandleComponent]);
 
+  const shouldRenderHandle = _providedHandleComponent !== null;
   return shouldRenderHandle ? (
     <PanGestureHandler
       enabled={enableHandlePanningGesture}

src/components/bottomSheetScrollable/createBottomSheetScrollableComponent.tsx

@@ -74,7 +74,7 @@ export function createBottomSheetScrollableComponent<T, P>(
             ref={scrollableRef}
             overScrollMode={overScrollMode}
             scrollEventThrottle={16}
-            onScrollBeginDrag={handleScrollEvent}
+            onScroll={handleScrollEvent}
             animatedProps={scrollableAnimatedProps}
             style={containerStyle}
           />

src/hooks/useScrollableInternal.ts

@@ -109,7 +109,6 @@ export const useScrollableInternal = () => {
             : 0;
           // @ts-ignore
           scrollTo(scrollableRef, 0, lockPosition, false);
-          scrollableContentOffsetY.value = lockPosition;
           scrollableContentOffsetY.value = 0;
           return;
         }