react-navigation-reanimated-top-tabs 0.2.0 → 0.4.0

package/src/hooks/useTabOffset.ts

@@ -0,0 +1,8 @@
+// returns read-only property
+import { useTabContext } from './useTabContext';
+import { useDerivedValue } from 'react-native-reanimated';
+
+export const useTabOffset = () => {
+  const { transformationX } = useTabContext();
+  return useDerivedValue(() => transformationX.value);
+};

package/src/index.tsx

@@ -1,15 +1,39 @@
-export { Provider, Context } from './context/TopTabContext';
+import { ScrollView } from './components/wrappers/ScrollView';
+import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
+import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
+import { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
+import { useEffect } from 'react';
+import { WarningService } from './services/Warning.service';
+import { useTabContext } from './hooks/useTabContext';
+import { useTabOffset } from './hooks/useTabOffset';
+import { useScreenGesture } from './hooks/useScreenGesture';
+import { useScreenScrollable } from './hooks/useScreenScrollable';
+import { useScreenProperties } from './hooks/useScreenProperties';
+import { useHeader } from './hooks/useHeader';
+
+export { type ReanimatedTopTabNavigation } from './types';
 export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
-export { ScrollView } from './components/wrappers/ScrollView';
-export { ScreenWrapper } from './components/wrappers/ScreenWrapper';
-export { GestureWrapper } from './components/wrappers/GestureWrapper';
-export { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
-export { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
-export {
-  useTabContext,
+
+const _useTabContext = () => {
+  useEffect(() => {
+    WarningService.warn();
+  }, []);
+
+  return useTabContext();
+};
+
+export const TabHooks = {
   useHeader,
   useScreenProperties,
   useScreenScrollable,
   useScreenGesture,
-} from './hooks/TopTab.hooks';
-export { type ReanimatedTopTabNavigation } from './types';
+  useTabContext: _useTabContext,
+  useTabOffset,
+};
+
+export const Tab = {
+  ScrollView,
+  ScreenWrapper,
+  TabBarBaseComponent,
+  TabBarLabelBaseComponent,
+};

package/src/navigator/createReanimatedTopTabNavigator.tsx

@@ -12,17 +12,14 @@ import {
   type RenderTabsParams,
   TabBarBaseComponent,
 } from '../components/elements/TabBarBaseComponent';
-import { Provider } from '../context/TopTabContext';
+import { Provider } from '../context/Context';
 import { type ReanimatedTopTabNavigation } from '../types';
 import { omit } from 'lodash';
-import { useCallback, useMemo, useRef } from 'react';
-import { Gesture } from 'react-native-gesture-handler';
-import Reanimated, {
-  makeMutable,
-  type SharedValue,
-} from 'react-native-reanimated';
+import { useCallback, useMemo } from 'react';
+import Reanimated, { type SharedValue } from 'react-native-reanimated';
 import type { ReanimatedTabViewTypes } from '../components/ReanimatedTopTab/types';
 import { ReanimatedTabView } from '../components/ReanimatedTopTab/ReanimatedTabView';
+import { ContextHooks } from '../context/Context.hooks';
 
 const TabViewNavigator = ({
   HeaderComponent,
@@ -51,31 +48,10 @@ const TabViewNavigator = ({
   if (!config) {
     _config = state.routes.map(() => 'normal');
   }
-  const screenProperties = useRef(
-    state.routes.reduce(
-      (prev, route) => ({
-        ...prev,
-        [route.key]: {
-          innerLayout: makeMutable({
-            height: 0,
-            width: 0,
-            x: 0,
-            y: 0,
-          }),
-          nativeGesture: Gesture.Native(),
-          outerLayout: makeMutable({
-            height: 0,
-            width: 0,
-            x: 0,
-            y: 0,
-          }),
-          scrollY: makeMutable(0),
-        },
-      }),
-      {} as ReanimatedTopTabNavigation.ContextType['screenProperties']
-    )
-  ).current;
 
+  const context = ContextHooks.usePrepareContext({ state });
+
+  //NOTE: all belows reefers to Tabs component directly. Consider to move it somewhere
   const onIndexChange =
     (
       currentScreenIndex: SharedValue<number>,
@@ -142,7 +118,7 @@ const TabViewNavigator = ({
     descriptors[route.key]?.render();
 
   return (
-    <Provider config={_config} screenProperties={screenProperties}>
+    <Provider config={_config} context={context}>
       {({
         currentScreenIndex,
         gestureEnabled,

package/src/services/Warning.service.ts

@@ -0,0 +1,11 @@
+export const WarningService = {
+  hasWarned: false,
+  warn() {
+    if (__DEV__ && !this.hasWarned) {
+      console.warn(
+        '[react-navigation-reanimated-top-tabs]: You are directly using the tab context, which may lead to unexpected behavior. Please use the provided hooks or API for better stability.'
+      );
+      this.hasWarned = true;
+    }
+  },
+};

package/src/types.ts

@@ -3,15 +3,11 @@ import * as React from 'react';
 import { type ReactNode } from 'react';
 import { type LayoutRectangle } from 'react-native';
 import { type NativeGesture } from 'react-native-gesture-handler';
-import { type SharedValue } from 'react-native-reanimated';
+import Reanimated, { type SharedValue } from 'react-native-reanimated';
 import { type StackNavigationOptions } from '@react-navigation/stack';
 
 export namespace ReanimatedTopTabNavigation {
   export interface ContextType {
-    screenRefs: {
-      refs: { current: Record<string, { current: any }> };
-      setRef(key: string, ref: any): void;
-    };
     closeOffset: SharedValue<number>;
     config: string[];
     currentScreenIndex: SharedValue<number>;
@@ -19,19 +15,30 @@ export namespace ReanimatedTopTabNavigation {
     gestureEnabled: SharedValue<boolean>;
     headerHeight: SharedValue<number>;
     navHeight: SharedValue<number>;
-    screenProperties: Record<
-      string,
-      {
-        innerLayout: SharedValue<LayoutRectangle>;
-        nativeGesture: NativeGesture;
-        outerLayout: SharedValue<LayoutRectangle>;
-        scrollY: SharedValue<number>;
-      }
-    >;
     topTabHeight: SharedValue<number>;
-    topTapNativeRef: NativeGesture;
+    topTabNativeGesture: NativeGesture;
     transformationX: SharedValue<number>;
     transformationY: SharedValue<number>;
+    context: {
+      screen: {
+        properties: Record<
+          string,
+          {
+            innerLayout: SharedValue<LayoutRectangle>;
+            nativeGesture: NativeGesture;
+            outerLayout: SharedValue<LayoutRectangle>;
+            scrollY: SharedValue<number>;
+            scrollRef: { current: Reanimated.ScrollView | null };
+          }
+        >;
+        setRef(key: string, ref: Reanimated.ScrollView | null): void;
+        getRef(key: string): { current: Reanimated.ScrollView | null };
+      };
+      route: {
+        map: Record<number, string>;
+        getKeyForIndex(index: number): string;
+      };
+    };
   }
 
   export interface TabViewNavigatorProps {
@@ -45,10 +52,7 @@ export namespace ReanimatedTopTabNavigation {
     screenOptions?: StackNavigationOptions;
   }
 
-  export type TopTabContextProps = Pick<
-    ContextType,
-    'screenProperties' | 'config'
-  > & {
+  export type TopTabContextProps = Pick<ContextType, 'config' | 'context'> & {
     children: (props: ContextType) => React.ReactNode;
   };
 

package/lib/commonjs/context/TopTabContext.hooks.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopTabContextHooks = void 0;
-var _reactNativeReanimated = require("react-native-reanimated");
-const useResetApproachingScreenScrollOffset = ({
-  screenRefs,
-  transformationX,
-  screenProperties,
-  currentYPosition
-}) => {
-  const resetApproachingScreenOffset = (index, shouldReset) => {
-    if (shouldReset) {
-      //NOTE: use reanimated scrollTo does not work
-      const {
-        scrollTo
-      } = Object.values(screenRefs.refs.current)[index]?.current ?? {
-        scrollTo: () => null
-      };
-      scrollTo({
-        y: 0,
-        animated: false
-      });
-    }
-  };
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => transformationX.value, (current, previous) => {
-    const approachingIndex = getTargetIndex(current, previous);
-    const approachingScreenOffset = Object.values(screenProperties).map(({
-      scrollY
-    }) => scrollY.value)[approachingIndex] ?? -1;
-    (0, _reactNativeReanimated.runOnJS)(resetApproachingScreenOffset)(approachingIndex, approachingScreenOffset > 0 && currentYPosition.value === 0);
-  });
-};
-function getTargetIndex(currentValue, previousValue) {
-  'worklet';
-
-  if (currentValue > (previousValue ?? 0)) {
-    return Math.ceil(currentValue);
-  } else {
-    return Math.floor(currentValue);
-  }
-}
-const TopTabContextHooks = exports.TopTabContextHooks = {
-  useResetApproachingScreenScrollOffset
-};
-//# sourceMappingURL=TopTabContext.hooks.js.map

package/lib/commonjs/context/TopTabContext.hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","require","useResetApproachingScreenScrollOffset","screenRefs","transformationX","screenProperties","currentYPosition","resetApproachingScreenOffset","index","shouldReset","scrollTo","Object","values","refs","current","y","animated","useAnimatedReaction","value","previous","approachingIndex","getTargetIndex","approachingScreenOffset","map","scrollY","runOnJS","currentValue","previousValue","Math","ceil","floor","TopTabContextHooks","exports"],"sourceRoot":"../../../src","sources":["context/TopTabContext.hooks.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAGA,MAAMC,qCAAqC,GAAGA,CAAC;EAC7CC,UAAU;EACVC,eAAe;EACfC,gBAAgB;EAChBC;AAIF,CAAC,KAAK;EACJ,MAAMC,4BAA4B,GAAGA,CACnCC,KAAa,EACbC,WAAoB,KACjB;IACH,IAAIA,WAAW,EAAE;MACf;MACA,MAAM;QAAEC;MAAS,CAAC,GAAGC,MAAM,CAACC,MAAM,CAACT,UAAU,CAACU,IAAI,CAACC,OAAO,CAAC,CAACN,KAAK,CAAC,EAC9DM,OAAO,IAAI;QAAEJ,QAAQ,EAAEA,CAAA,KAAM;MAAK,CAAC;MAEvCA,QAAQ,CAAC;QAAEK,CAAC,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAM,CAAC,CAAC;IACrC;EACF,CAAC;EAED,IAAAC,0CAAmB,EACjB,MAAMb,eAAe,CAACc,KAAK,EAC3B,CAACJ,OAAO,EAAEK,QAAQ,KAAK;IACrB,MAAMC,gBAAgB,GAAGC,cAAc,CAACP,OAAO,EAAEK,QAAQ,CAAC;IAE1D,MAAMG,uBAAuB,GAC3BX,MAAM,CAACC,MAAM,CAACP,gBAAgB,CAAC,CAACkB,GAAG,CAAC,CAAC;MAAEC;IAAQ,CAAC,KAAKA,OAAO,CAACN,KAAK,CAAC,CACjEE,gBAAgB,CACjB,IAAI,CAAC,CAAC;IAET,IAAAK,8BAAO,EAAClB,4BAA4B,CAAC,CACnCa,gBAAgB,EAChBE,uBAAuB,GAAG,CAAC,IAAIhB,gBAAgB,CAACY,KAAK,KAAK,CAC5D,CAAC;EACH,CACF,CAAC;AACH,CAAC;AAED,SAASG,cAAcA,CAACK,YAAoB,EAAEC,aAA4B,EAAE;EAC1E,SAAS;;EACT,IAAID,YAAY,IAAIC,aAAa,IAAI,CAAC,CAAC,EAAE;IACvC,OAAOC,IAAI,CAACC,IAAI,CAACH,YAAY,CAAC;EAChC,CAAC,MAAM;IACL,OAAOE,IAAI,CAACE,KAAK,CAACJ,YAAY,CAAC;EACjC;AACF;AAEO,MAAMK,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChC7B;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/context/TopTabContext.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Provider = exports.Context = void 0;
-var _react = require("react");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeReanimated = require("react-native-reanimated");
-var _TopTabHooks = require("../hooks/TopTab.hooks.js");
-var _TopTabContextHooks = require("./TopTabContext.hooks.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
-const Provider = exports.Provider = /*#__PURE__*/(0, _react.memo)(({
-  children,
-  config,
-  screenProperties
-}) => {
-  const transformationY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const transformationX = (0, _reactNativeReanimated.useSharedValue)(0);
-  const currentYPosition = (0, _reactNativeReanimated.useSharedValue)(0);
-  const gestureEnabled = (0, _reactNativeReanimated.useSharedValue)(true);
-  const currentScreenIndex = (0, _reactNativeReanimated.useSharedValue)(0);
-  const navHeight = (0, _reactNativeReanimated.useSharedValue)(0);
-  const headerHeight = (0, _reactNativeReanimated.useSharedValue)(0);
-  const closeOffset = (0, _reactNativeReanimated.useSharedValue)(0);
-  const topTabHeight = (0, _reactNativeReanimated.useSharedValue)(0);
-  const topTapNativeRef = (0, _react.useRef)(_reactNativeGestureHandler.Gesture.Native()).current;
-  const screenRefs = (0, _TopTabHooks.useScreenRefs)(Object.keys(screenProperties));
-
-  //Hide header base on config
-  const inputRange = (0, _reactNativeReanimated.useDerivedValue)(() => config.map((_, idx) => idx), [config]);
-  const outputRange = (0, _reactNativeReanimated.useDerivedValue)(() => config.map(type => {
-    switch (type) {
-      case 'normal':
-        return 0;
-      case 'minimalized':
-        return -headerHeight.value;
-      default:
-        return 0;
-    }
-  }), [config]);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => transformationX.value, value => {
-    if (currentYPosition.value === -headerHeight.value) return;
-    transformationY.value = (0, _reactNativeReanimated.interpolate)(value, inputRange.value, outputRange.value, 'clamp');
-  });
-  _TopTabContextHooks.TopTabContextHooks.useResetApproachingScreenScrollOffset({
-    screenRefs,
-    currentYPosition,
-    screenProperties,
-    transformationX
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
-    value: {
-      closeOffset,
-      config,
-      currentScreenIndex,
-      currentYPosition,
-      gestureEnabled,
-      headerHeight,
-      navHeight,
-      screenProperties,
-      topTabHeight,
-      topTapNativeRef,
-      transformationX,
-      transformationY,
-      screenRefs
-    },
-    children: children({
-      screenRefs,
-      closeOffset,
-      config,
-      currentScreenIndex,
-      currentYPosition,
-      gestureEnabled,
-      headerHeight,
-      navHeight,
-      screenProperties,
-      topTabHeight,
-      topTapNativeRef,
-      transformationX,
-      transformationY
-    })
-  });
-});
-//# sourceMappingURL=TopTabContext.js.map

package/lib/commonjs/context/TopTabContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","_TopTabHooks","_TopTabContextHooks","_jsxRuntime","Context","exports","createContext","Provider","memo","children","config","screenProperties","transformationY","useSharedValue","transformationX","currentYPosition","gestureEnabled","currentScreenIndex","navHeight","headerHeight","closeOffset","topTabHeight","topTapNativeRef","useRef","Gesture","Native","current","screenRefs","useScreenRefs","Object","keys","inputRange","useDerivedValue","map","_","idx","outputRange","type","value","useAnimatedReaction","interpolate","TopTabContextHooks","useResetApproachingScreenScrollOffset","jsx"],"sourceRoot":"../../../src","sources":["context/TopTabContext.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/TopTab.hooks.js

@@ -1,120 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabContext = exports.useScreenScrollable = exports.useScreenRefs = exports.useScreenProperties = exports.useScreenGesture = exports.useHeader = void 0;
-var _native = require("@react-navigation/native");
-var _TopTabContext = require("../context/TopTabContext.js");
-var _react = require("react");
-var _reactNativeReanimated = require("react-native-reanimated");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _reactNative = require("react-native");
-const useTabContext = () => (0, _react.useContext)(_TopTabContext.Context);
-exports.useTabContext = useTabContext;
-const useScreenGesture = () => {
-  const {
-    key
-  } = (0, _native.useRoute)();
-  const {
-    screenProperties
-  } = useTabContext();
-  const nativeRef = screenProperties[key]?.nativeGesture;
-  if (!nativeRef) throw 'GestureRef does not exist for this route';
-  return nativeRef;
-};
-exports.useScreenGesture = useScreenGesture;
-const useScreenScrollable = () => {
-  const {
-    key
-  } = (0, _native.useRoute)();
-  const {
-    height
-  } = (0, _reactNative.useWindowDimensions)();
-  const {
-    bottom
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const {
-    currentYPosition,
-    gestureEnabled,
-    headerHeight,
-    screenProperties,
-    topTabHeight,
-    transformationY
-  } = useTabContext();
-
-  //TODO: Navigation header hook is available if Tabs are rendered inside the Stack (createNavigationStack())
-  //useHeaderHeight();
-  const navigationHeader = 50;
-  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
-    scrollEnabled: !gestureEnabled.value || currentYPosition.value === -headerHeight.value
-  }));
-  const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)(({
-    contentOffset
-  }) => {
-    const scrollPosition = screenProperties[key]?.scrollY;
-    if (!scrollPosition) throw 'ScrollPosition property does not exist for this route';
-    scrollPosition.value = contentOffset.y;
-  });
-  const oppositeHeaderState = (0, _reactNativeReanimated.useDerivedValue)(() => transformationY.value >= 0 ? headerHeight.value : 0);
-  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    minHeight: height - topTabHeight.value - oppositeHeaderState.value - navigationHeader
-  }));
-  return {
-    animatedProps,
-    bounces: false,
-    contentContainerStyle: {
-      paddingBottom: bottom
-    },
-    onScroll,
-    style
-  };
-};
-exports.useScreenScrollable = useScreenScrollable;
-const useScreenProperties = () => {
-  const {
-    key
-  } = (0, _native.useRoute)();
-  const {
-    screenProperties
-  } = useTabContext();
-  const screen = screenProperties[key];
-  if (!screen) throw 'No screen properties registered for this route';
-  return screen;
-};
-exports.useScreenProperties = useScreenProperties;
-const useHeader = () => {
-  const {
-    headerHeight,
-    transformationX
-  } = useTabContext();
-  const hideHeader = () => {
-    transformationX.value = (0, _reactNativeReanimated.withTiming)(-headerHeight.value);
-  };
-  return {
-    hideHeader
-  };
-};
-exports.useHeader = useHeader;
-const useScreenRefs = keys => {
-  const refs = {
-    current: keys.reduce((prev, key) => ({
-      ...prev,
-      [key]: {
-        current: null
-      }
-    }), {})
-  };
-  const setRef = (key, ref) => {
-    refs.current = {
-      ...refs.current,
-      [key]: ref
-    };
-  };
-  return {
-    setRef,
-    refs
-  };
-};
-exports.useScreenRefs = useScreenRefs;
-//# sourceMappingURL=TopTab.hooks.js.map

package/lib/commonjs/hooks/TopTab.hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","_TopTabContext","_react","_reactNativeReanimated","_reactNativeSafeAreaContext","_reactNative","useTabContext","useContext","Context","exports","useScreenGesture","key","useRoute","screenProperties","nativeRef","nativeGesture","useScreenScrollable","height","useWindowDimensions","bottom","useSafeAreaInsets","currentYPosition","gestureEnabled","headerHeight","topTabHeight","transformationY","navigationHeader","animatedProps","useAnimatedProps","scrollEnabled","value","onScroll","useAnimatedScrollHandler","contentOffset","scrollPosition","scrollY","y","oppositeHeaderState","useDerivedValue","style","useAnimatedStyle","minHeight","bounces","contentContainerStyle","paddingBottom","useScreenProperties","screen","useHeader","transformationX","hideHeader","withTiming","useScreenRefs","keys","refs","current","reduce","prev","setRef","ref"],"sourceRoot":"../../../src","sources":["hooks/TopTab.hooks.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAOA,IAAAI,2BAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAEO,MAAMM,aAAa,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACC,sBAAO,CAAC;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA;AAEhD,MAAMI,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAiB,CAAC,GAAGP,aAAa,CAAC,CAAC;EAE5C,MAAMQ,SAAS,GAAGD,gBAAgB,CAACF,GAAG,CAAC,EAAEI,aAAa;EAEtD,IAAI,CAACD,SAAS,EAAE,MAAM,0CAA0C;EAEhE,OAAOA,SAAS;AAClB,CAAC;AAACL,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMM,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEL;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EACtC,MAAM;IACJC,gBAAgB;IAChBC,cAAc;IACdC,YAAY;IACZV,gBAAgB;IAChBW,YAAY;IACZC;EACF,CAAC,GAAGnB,aAAa,CAAC,CAAC;;EAEnB;EACA;EACA,MAAMoB,gBAAgB,GAAG,EAAE;EAE3B,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CC,aAAa,EACX,CAACP,cAAc,CAACQ,KAAK,IAAIT,gBAAgB,CAACS,KAAK,KAAK,CAACP,YAAY,CAACO;EACtE,CAAC,CAAC,CAAC;EAEH,MAAMC,QAAQ,GAAG,IAAAC,+CAAwB,EAAC,CAAC;IAAEC;EAAc,CAAC,KAAK;IAC/D,MAAMC,cAAc,GAAGrB,gBAAgB,CAACF,GAAG,CAAC,EAAEwB,OAAO;IACrD,IAAI,CAACD,cAAc,EACjB,MAAM,uDAAuD;IAC/DA,cAAc,CAACJ,KAAK,GAAGG,aAAa,CAACG,CAAC;EACxC,CAAC,CAAC;EAEF,MAAMC,mBAAmB,GAAG,IAAAC,sCAAe,EAAC,MAC1Cb,eAAe,CAACK,KAAK,IAAI,CAAC,GAAGP,YAAY,CAACO,KAAK,GAAG,CACpD,CAAC;EAED,MAAMS,KAAK,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACpCC,SAAS,EACPxB,MAAM,GACNO,YAAY,CAACM,KAAK,GAClBO,mBAAmB,CAACP,KAAK,GACzBJ;EACJ,CAAC,CAAC,CAAC;EAEH,OAAO;IACLC,aAAa;IACbe,OAAO,EAAE,KAAK;IACdC,qBAAqB,EAAE;MAAEC,aAAa,EAAEzB;IAAO,CAAC;IAChDY,QAAQ;IACRQ;EACF,CAAC;AACH,CAAC;AAAC9B,OAAA,CAAAO,mBAAA,GAAAA,mBAAA;AAEK,MAAM6B,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAElC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAiB,CAAC,GAAGP,aAAa,CAAC,CAAC;EAC5C,MAAMwC,MAAM,GAAGjC,gBAAgB,CAACF,GAAG,CAAC;EACpC,IAAI,CAACmC,MAAM,EAAE,MAAM,gDAAgD;EAEnE,OAAOA,MAAM;AACf,CAAC;AAACrC,OAAA,CAAAoC,mBAAA,GAAAA,mBAAA;AAEK,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAExB,YAAY;IAAEyB;EAAgB,CAAC,GAAG1C,aAAa,CAAC,CAAC;EAEzD,MAAM2C,UAAU,GAAGA,CAAA,KAAM;IACvBD,eAAe,CAAClB,KAAK,GAAG,IAAAoB,iCAAU,EAAC,CAAC3B,YAAY,CAACO,KAAK,CAAC;EACzD,CAAC;EAED,OAAO;IAAEmB;EAAW,CAAC;AACvB,CAAC;AAACxC,OAAA,CAAAsC,SAAA,GAAAA,SAAA;AAEK,MAAMI,aAAa,GAAIC,IAAc,IAAK;EAC/C,MAAMC,IAAI,GAAG;IACXC,OAAO,EAAEF,IAAI,CAACG,MAAM,CAClB,CAACC,IAAI,EAAE7C,GAAG,MAAM;MACd,GAAG6C,IAAI;MACP,CAAC7C,GAAG,GAAG;QAAE2C,OAAO,EAAE;MAAK;IACzB,CAAC,CAAC,EACF,CAAC,CACH;EACF,CAAC;EAED,MAAMG,MAAM,GAAGA,CAAC9C,GAAW,EAAE+C,GAAQ,KAAK;IACxCL,IAAI,CAACC,OAAO,GAAG;MAAE,GAAGD,IAAI,CAACC,OAAO;MAAE,CAAC3C,GAAG,GAAG+C;IAAI,CAAC;EAChD,CAAC;EAED,OAAO;IAAED,MAAM;IAAEJ;EAAK,CAAC;AACzB,CAAC;AAAC5C,OAAA,CAAA0C,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/module/context/TopTabContext.hooks.js

@@ -1,44 +0,0 @@
-"use strict";
-
-import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
-const useResetApproachingScreenScrollOffset = ({
-  screenRefs,
-  transformationX,
-  screenProperties,
-  currentYPosition
-}) => {
-  const resetApproachingScreenOffset = (index, shouldReset) => {
-    if (shouldReset) {
-      //NOTE: use reanimated scrollTo does not work
-      const {
-        scrollTo
-      } = Object.values(screenRefs.refs.current)[index]?.current ?? {
-        scrollTo: () => null
-      };
-      scrollTo({
-        y: 0,
-        animated: false
-      });
-    }
-  };
-  useAnimatedReaction(() => transformationX.value, (current, previous) => {
-    const approachingIndex = getTargetIndex(current, previous);
-    const approachingScreenOffset = Object.values(screenProperties).map(({
-      scrollY
-    }) => scrollY.value)[approachingIndex] ?? -1;
-    runOnJS(resetApproachingScreenOffset)(approachingIndex, approachingScreenOffset > 0 && currentYPosition.value === 0);
-  });
-};
-function getTargetIndex(currentValue, previousValue) {
-  'worklet';
-
-  if (currentValue > (previousValue ?? 0)) {
-    return Math.ceil(currentValue);
-  } else {
-    return Math.floor(currentValue);
-  }
-}
-export const TopTabContextHooks = {
-  useResetApproachingScreenScrollOffset
-};
-//# sourceMappingURL=TopTabContext.hooks.js.map

package/lib/module/context/TopTabContext.hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["runOnJS","useAnimatedReaction","useResetApproachingScreenScrollOffset","screenRefs","transformationX","screenProperties","currentYPosition","resetApproachingScreenOffset","index","shouldReset","scrollTo","Object","values","refs","current","y","animated","value","previous","approachingIndex","getTargetIndex","approachingScreenOffset","map","scrollY","currentValue","previousValue","Math","ceil","floor","TopTabContextHooks"],"sourceRoot":"../../../src","sources":["context/TopTabContext.hooks.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,mBAAmB,QAAQ,yBAAyB;AAGtE,MAAMC,qCAAqC,GAAGA,CAAC;EAC7CC,UAAU;EACVC,eAAe;EACfC,gBAAgB;EAChBC;AAIF,CAAC,KAAK;EACJ,MAAMC,4BAA4B,GAAGA,CACnCC,KAAa,EACbC,WAAoB,KACjB;IACH,IAAIA,WAAW,EAAE;MACf;MACA,MAAM;QAAEC;MAAS,CAAC,GAAGC,MAAM,CAACC,MAAM,CAACT,UAAU,CAACU,IAAI,CAACC,OAAO,CAAC,CAACN,KAAK,CAAC,EAC9DM,OAAO,IAAI;QAAEJ,QAAQ,EAAEA,CAAA,KAAM;MAAK,CAAC;MAEvCA,QAAQ,CAAC;QAAEK,CAAC,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAM,CAAC,CAAC;IACrC;EACF,CAAC;EAEDf,mBAAmB,CACjB,MAAMG,eAAe,CAACa,KAAK,EAC3B,CAACH,OAAO,EAAEI,QAAQ,KAAK;IACrB,MAAMC,gBAAgB,GAAGC,cAAc,CAACN,OAAO,EAAEI,QAAQ,CAAC;IAE1D,MAAMG,uBAAuB,GAC3BV,MAAM,CAACC,MAAM,CAACP,gBAAgB,CAAC,CAACiB,GAAG,CAAC,CAAC;MAAEC;IAAQ,CAAC,KAAKA,OAAO,CAACN,KAAK,CAAC,CACjEE,gBAAgB,CACjB,IAAI,CAAC,CAAC;IAETnB,OAAO,CAACO,4BAA4B,CAAC,CACnCY,gBAAgB,EAChBE,uBAAuB,GAAG,CAAC,IAAIf,gBAAgB,CAACW,KAAK,KAAK,CAC5D,CAAC;EACH,CACF,CAAC;AACH,CAAC;AAED,SAASG,cAAcA,CAACI,YAAoB,EAAEC,aAA4B,EAAE;EAC1E,SAAS;;EACT,IAAID,YAAY,IAAIC,aAAa,IAAI,CAAC,CAAC,EAAE;IACvC,OAAOC,IAAI,CAACC,IAAI,CAACH,YAAY,CAAC;EAChC,CAAC,MAAM;IACL,OAAOE,IAAI,CAACE,KAAK,CAACJ,YAAY,CAAC;EACjC;AACF;AAEA,OAAO,MAAMK,kBAAkB,GAAG;EAChC3B;AACF,CAAC","ignoreList":[]}

package/lib/module/context/TopTabContext.js

@@ -1,82 +0,0 @@
-"use strict";
-
-import { createContext, memo, useRef } from 'react';
-import { Gesture } from 'react-native-gesture-handler';
-import { interpolate, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
-import { useScreenRefs } from "../hooks/TopTab.hooks.js";
-import { TopTabContextHooks } from "./TopTabContext.hooks.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Context = /*#__PURE__*/createContext({});
-export const Provider = /*#__PURE__*/memo(({
-  children,
-  config,
-  screenProperties
-}) => {
-  const transformationY = useSharedValue(0);
-  const transformationX = useSharedValue(0);
-  const currentYPosition = useSharedValue(0);
-  const gestureEnabled = useSharedValue(true);
-  const currentScreenIndex = useSharedValue(0);
-  const navHeight = useSharedValue(0);
-  const headerHeight = useSharedValue(0);
-  const closeOffset = useSharedValue(0);
-  const topTabHeight = useSharedValue(0);
-  const topTapNativeRef = useRef(Gesture.Native()).current;
-  const screenRefs = useScreenRefs(Object.keys(screenProperties));
-
-  //Hide header base on config
-  const inputRange = useDerivedValue(() => config.map((_, idx) => idx), [config]);
-  const outputRange = useDerivedValue(() => config.map(type => {
-    switch (type) {
-      case 'normal':
-        return 0;
-      case 'minimalized':
-        return -headerHeight.value;
-      default:
-        return 0;
-    }
-  }), [config]);
-  useAnimatedReaction(() => transformationX.value, value => {
-    if (currentYPosition.value === -headerHeight.value) return;
-    transformationY.value = interpolate(value, inputRange.value, outputRange.value, 'clamp');
-  });
-  TopTabContextHooks.useResetApproachingScreenScrollOffset({
-    screenRefs,
-    currentYPosition,
-    screenProperties,
-    transformationX
-  });
-  return /*#__PURE__*/_jsx(Context.Provider, {
-    value: {
-      closeOffset,
-      config,
-      currentScreenIndex,
-      currentYPosition,
-      gestureEnabled,
-      headerHeight,
-      navHeight,
-      screenProperties,
-      topTabHeight,
-      topTapNativeRef,
-      transformationX,
-      transformationY,
-      screenRefs
-    },
-    children: children({
-      screenRefs,
-      closeOffset,
-      config,
-      currentScreenIndex,
-      currentYPosition,
-      gestureEnabled,
-      headerHeight,
-      navHeight,
-      screenProperties,
-      topTabHeight,
-      topTapNativeRef,
-      transformationX,
-      transformationY
-    })
-  });
-});
-//# sourceMappingURL=TopTabContext.js.map

package/lib/module/context/TopTabContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","memo","useRef","Gesture","interpolate","useAnimatedReaction","useDerivedValue","useSharedValue","useScreenRefs","TopTabContextHooks","jsx","_jsx","Context","Provider","children","config","screenProperties","transformationY","transformationX","currentYPosition","gestureEnabled","currentScreenIndex","navHeight","headerHeight","closeOffset","topTabHeight","topTapNativeRef","Native","current","screenRefs","Object","keys","inputRange","map","_","idx","outputRange","type","value","useResetApproachingScreenScrollOffset"],"sourceRoot":"../../../src","sources":["context/TopTabContext.tsx"],"mappings":"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","ignoreList":[]}