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

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

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextHooks = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _lodash = require("lodash");
+var _Context = require("./Context.helpers");
+/**
+ * Hook to reset the scroll offset for the approaching screen in a tab navigation context.
+ *
+ * @param {Object} params - The parameters for configuring the scroll offset reset.
+ * @param {ReanimatedTopTabNavigation.ContextType["context"]} params.context - The context containing navigation and screen information.
+ * @param {ReanimatedTopTabNavigation.ContextType["transformationX"]} params.transformationX - The horizontal transformation value used in animations.
+ * @param {ReanimatedTopTabNavigation.ContextType["currentYPosition"]} params.currentYPosition - The current vertical scroll position.
+ *
+ * The hook is responsible for resetting the vertical scroll offset of the "approaching" screen within a tabbed navigation interface,
+ * ensuring a smooth user experience by resetting the scroll position to the top under certain conditions.
+ * When the user swipes across tabs, it checks if the approaching screen has a non-zero scroll offset and resets it
+ * if the current screen is at the top position.
+ */
+const useResetApproachingScreenScrollOffset = ({
+  context,
+  transformationX,
+  currentYPosition
+}) => {
+  const screenOffsets = (0, _reactNativeReanimated.useDerivedValue)(() => Object.values(context.screen.properties).map(({
+    scrollY
+  }) => scrollY.value));
+  const resetApproachingScreenOffset = (index, shouldReset) => {
+    if (shouldReset) {
+      const {
+        scrollTo
+      } = context.screen.getRef(context.route.getKeyForIndex(index)).current ?? {
+        scrollTo: () => {}
+      };
+      //NOTE: use reanimated scrollTo does not work
+      scrollTo({
+        y: 0,
+        animated: false
+      });
+    }
+  };
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => transformationX.value, (current, previous) => {
+    const approachingIndex = _Context.ContextHelpers.getTargetIndex(current, previous);
+    const approachingScreenOffset = screenOffsets.value[approachingIndex] ?? -1;
+    (0, _reactNativeReanimated.runOnJS)(resetApproachingScreenOffset)(approachingIndex, approachingScreenOffset > 0 && currentYPosition.value === 0);
+  });
+};
+
+/**
+ * Custom hook to prepare a key map for Tab Navigation.
+ *
+ * @param {Object} params - The parameters for the hook.
+ * @param {TabNavigationState<any>} params.state - The navigation state object containing route information.
+ * @returns {ReanimatedTopTabNavigation.TopTabContextProps['context']['route']} An object containing:
+ *    - map: A mapping of tab indices to route keys.
+ *    - getKeyForIndex: A function that takes an index and returns the corresponding route key.
+ * @throws Will throw an error if the key for the provided index does not exist.
+ */
+const usePrepareKeyMap = ({
+  state
+}) => {
+  const indexToKeyMap = (0, _react.useRef)(state.routes.reduce((previousValue, currentValue, currentIndex) => ({
+    ...previousValue,
+    [currentIndex]: currentValue.key
+  }), {}));
+  const getKeyForIndex = index => {
+    const key = indexToKeyMap.current[index];
+    if (!key) throw '[getKeyForIndex]: Key does not exist';
+    return key;
+  };
+  return {
+    map: indexToKeyMap.current,
+    getKeyForIndex
+  };
+};
+
+/**
+ * Prepares screen properties and manages scroll references for each route in the navigation state.
+ *
+ * @param {Object} params - The parameters for preparing the screen.
+ * @param {TabNavigationState<any>} params.state - The navigation state containing route information.
+ * @returns {Object} An object containing screen properties, and methods to set and get scroll references.
+ * @property {Object} properties - The current screen properties.
+ * @property {Function} setRef - Function to set the scroll reference for a specific route.
+ * @property {Function} getRef - Function to get the scroll reference of a specific route.
+ */
+const usePrepareScreen = ({
+  state
+}) => {
+  const screenProperties = (0, _react.useRef)(state.routes.reduce((prev, route) => ({
+    ...prev,
+    [route.key]: {
+      innerLayout: (0, _reactNativeReanimated.makeMutable)({
+        height: 0,
+        width: 0,
+        x: 0,
+        y: 0
+      }),
+      nativeGesture: _reactNativeGestureHandler.Gesture.Native(),
+      outerLayout: (0, _reactNativeReanimated.makeMutable)({
+        height: 0,
+        width: 0,
+        x: 0,
+        y: 0
+      }),
+      scrollY: (0, _reactNativeReanimated.makeMutable)(0),
+      scrollRef: {
+        current: null
+      }
+    }
+  }), {}));
+  const setRef = (key, ref) => {
+    const newProperties = (0, _lodash.assign)({}, screenProperties.current[key], {
+      scrollRef: {
+        current: ref
+      }
+    });
+    screenProperties.current = (0, _lodash.assign)({}, screenProperties.current, {
+      [key]: newProperties
+    });
+  };
+  const getRef = key => {
+    const _ref = screenProperties.current[key]?.scrollRef;
+    if (!_ref) throw '[getRef]: Ref does not exist';
+    return _ref;
+  };
+  return {
+    properties: screenProperties.current,
+    setRef,
+    getRef
+  };
+};
+
+/**
+ * Prepares the context required for top tab navigation.
+ *
+ * This function takes the current state of the navigation
+ * and prepares the necessary context properties such as `screen`
+ * and `route`, which are then used for navigation purposes.
+ *
+ * @param {Object} params - The parameters for preparing the context.
+ * @param {TabNavigationState<any>} params.state - The current state of the navigation.
+ *
+ * @returns {ReanimatedTopTabNavigation.TopTabContextProps['context']} The prepared context containing screen and route properties.
+ */
+const usePrepareContext = ({
+  state
+}) => {
+  const screen = usePrepareScreen({
+    state
+  });
+  const route = usePrepareKeyMap({
+    state
+  });
+  return {
+    screen,
+    route
+  };
+};
+
+/**
+ * Custom hook that handles the transformation of a header component based on tab changes, particularly
+ * for animations and configurations involving header behavior. Utilizes shared and derived values to
+ * manage the translation of the header on the Y-axis and maintain its position based on the specified
+ * configurations.
+ *
+ * @param {Object} params - The parameters object.
+ * @param {Array} params.config - An array of configuration settings to determine the header's transformation.
+ * @returns {Object} An object containing shared values for header transformations and positioning:
+ * - transformationY: The derived Y-axis transformation value for the header.
+ * - transformationX: The shared X-axis transformation value to be observed.
+ * - currentYPosition: The shared Y-axis position of the header.
+ * - headerHeight: The shared height value of the header.
+ */
+const useTransformHeaderOnTabChange = ({
+  config
+}) => {
+  const headerHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const transformationY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const transformationX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentYPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  //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');
+  });
+  return {
+    transformationY,
+    transformationX,
+    currentYPosition,
+    headerHeight
+  };
+};
+const ContextHooks = exports.ContextHooks = {
+  useResetApproachingScreenScrollOffset,
+  usePrepareContext,
+  useTransformHeaderOnTabChange
+};
+//# sourceMappingURL=Context.hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_react","_reactNativeGestureHandler","_lodash","_Context","useResetApproachingScreenScrollOffset","context","transformationX","currentYPosition","screenOffsets","useDerivedValue","Object","values","screen","properties","map","scrollY","value","resetApproachingScreenOffset","index","shouldReset","scrollTo","getRef","route","getKeyForIndex","current","y","animated","useAnimatedReaction","previous","approachingIndex","ContextHelpers","getTargetIndex","approachingScreenOffset","runOnJS","usePrepareKeyMap","state","indexToKeyMap","useRef","routes","reduce","previousValue","currentValue","currentIndex","key","usePrepareScreen","screenProperties","prev","innerLayout","makeMutable","height","width","x","nativeGesture","Gesture","Native","outerLayout","scrollRef","setRef","ref","newProperties","assign","_ref","usePrepareContext","useTransformHeaderOnTabChange","config","headerHeight","useSharedValue","transformationY","inputRange","_","idx","outputRange","type","interpolate","ContextHooks","exports"],"sourceRoot":"../../../src","sources":["context/Context.hooks.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/context/Context.js

@@ -0,0 +1,68 @@
+"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 _Context = require("./Context.hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+const Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
+const Provider = exports.Provider = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  config,
+  context
+}) => {
+  const gestureEnabled = (0, _reactNativeReanimated.useSharedValue)(true);
+  const currentScreenIndex = (0, _reactNativeReanimated.useSharedValue)(0);
+  const navHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const closeOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  const topTabHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const topTabNativeGesture = (0, _react.useRef)(_reactNativeGestureHandler.Gesture.Native()).current;
+  const {
+    transformationX,
+    transformationY,
+    currentYPosition,
+    headerHeight
+  } = _Context.ContextHooks.useTransformHeaderOnTabChange({
+    config
+  });
+  _Context.ContextHooks.useResetApproachingScreenScrollOffset({
+    currentYPosition,
+    transformationX,
+    context
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
+    value: {
+      closeOffset,
+      config,
+      currentScreenIndex,
+      currentYPosition,
+      gestureEnabled,
+      headerHeight,
+      navHeight,
+      topTabHeight,
+      topTabNativeGesture,
+      transformationX,
+      transformationY,
+      context
+    },
+    children: children({
+      closeOffset,
+      config,
+      currentScreenIndex,
+      currentYPosition,
+      gestureEnabled,
+      headerHeight,
+      navHeight,
+      topTabHeight,
+      topTabNativeGesture,
+      transformationX,
+      transformationY,
+      context
+    })
+  });
+});
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","_Context","_jsxRuntime","Context","exports","createContext","Provider","memo","children","config","context","gestureEnabled","useSharedValue","currentScreenIndex","navHeight","closeOffset","topTabHeight","topTabNativeGesture","useRef","Gesture","Native","current","transformationX","transformationY","currentYPosition","headerHeight","ContextHooks","useTransformHeaderOnTabChange","useResetApproachingScreenScrollOffset","jsx","value"],"sourceRoot":"../../../src","sources":["context/Context.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAExC,MAAMK,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,oBAAa,EAClC,CAAC,CACH,CAAC;AAEM,MAAMC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,gBAAG,IAAAC,WAAI,EAC1B,CAAC;EACCC,QAAQ;EACRC,MAAM;EACNC;AAC6C,CAAC,KAAK;EACnD,MAAMC,cAAc,GAAG,IAAAC,qCAAc,EAAC,IAAI,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAE5C,MAAME,SAAS,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EACnC,MAAMG,WAAW,GAAG,IAAAH,qCAAc,EAAC,CAAC,CAAC;EACrC,MAAMI,YAAY,GAAG,IAAAJ,qCAAc,EAAC,CAAC,CAAC;EAEtC,MAAMK,mBAAmB,GAAG,IAAAC,aAAM,EAACC,kCAAO,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5D,MAAM;IAAEC,eAAe;IAAEC,eAAe;IAAEC,gBAAgB;IAAEC;EAAa,CAAC,GACxEC,qBAAY,CAACC,6BAA6B,CAAC;IAAElB;EAAO,CAAC,CAAC;EAExDiB,qBAAY,CAACE,qCAAqC,CAAC;IACjDJ,gBAAgB;IAChBF,eAAe;IACfZ;EACF,CAAC,CAAC;EAEF,oBACE,IAAAR,WAAA,CAAA2B,GAAA,EAAC1B,OAAO,CAACG,QAAQ;IACfwB,KAAK,EAAE;MACLf,WAAW;MACXN,MAAM;MACNI,kBAAkB;MAClBW,gBAAgB;MAChBb,cAAc;MACdc,YAAY;MACZX,SAAS;MACTE,YAAY;MACZC,mBAAmB;MACnBK,eAAe;MACfC,eAAe;MACfb;IACF,CAAE;IAAAF,QAAA,EAEDA,QAAQ,CAAC;MACRO,WAAW;MACXN,MAAM;MACNI,kBAAkB;MAClBW,gBAAgB;MAChBb,cAAc;MACdc,YAAY;MACZX,SAAS;MACTE,YAAY;MACZC,mBAAmB;MACnBK,eAAe;MACfC,eAAe;MACfb;IACF,CAAC;EAAC,CACc,CAAC;AAEvB,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/hooks/useHeader.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHeader = void 0;
+var _useTabContext = require("./useTabContext");
+var _reactNativeReanimated = require("react-native-reanimated");
+const useHeader = () => {
+  const {
+    headerHeight,
+    transformationX,
+    transformationY
+  } = (0, _useTabContext.useTabContext)();
+  const hideHeader = () => {
+    transformationX.value = (0, _reactNativeReanimated.withTiming)(-headerHeight.value);
+  };
+  const defaultStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: (0, _reactNativeReanimated.interpolate)(transformationY.value, [0, -headerHeight.value], [0, -headerHeight.value], 'clamp')
+    }],
+    zIndex: -1
+  }));
+  return {
+    hideHeader,
+    defaultStyle
+  };
+};
+exports.useHeader = useHeader;
+//# sourceMappingURL=useHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useTabContext","require","_reactNativeReanimated","useHeader","headerHeight","transformationX","transformationY","useTabContext","hideHeader","value","withTiming","defaultStyle","useAnimatedStyle","transform","translateY","interpolate","zIndex","exports"],"sourceRoot":"../../../src","sources":["hooks/useHeader.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,YAAY;IAAEC,eAAe;IAAEC;EAAgB,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAE1E,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvBH,eAAe,CAACI,KAAK,GAAG,IAAAC,iCAAU,EAAC,CAACN,YAAY,CAACK,KAAK,CAAC;EACzD,CAAC;EAED,MAAME,YAAY,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC3CC,SAAS,EAAE,CACT;MACEC,UAAU,EAAE,IAAAC,kCAAW,EACrBT,eAAe,CAACG,KAAK,EACrB,CAAC,CAAC,EAAE,CAACL,YAAY,CAACK,KAAK,CAAC,EACxB,CAAC,CAAC,EAAE,CAACL,YAAY,CAACK,KAAK,CAAC,EACxB,OACF;IACF,CAAC,CACF;IACDO,MAAM,EAAE,CAAC;EACX,CAAC,CAAC,CAAC;EAEH,OAAO;IAAER,UAAU;IAAEG;EAAa,CAAC;AACrC,CAAC;AAACM,OAAA,CAAAd,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/hooks/useScreenGesture.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenGesture = void 0;
+var _native = require("@react-navigation/native");
+var _useTabContext = require("./useTabContext");
+const useScreenGesture = () => {
+  const {
+    key
+  } = (0, _native.useRoute)();
+  const {
+    context
+  } = (0, _useTabContext.useTabContext)();
+  const nativeRef = context.screen.properties[key]?.nativeGesture;
+  if (!nativeRef) throw 'GestureRef does not exist for this route';
+  return nativeRef;
+};
+exports.useScreenGesture = useScreenGesture;
+//# sourceMappingURL=useScreenGesture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_useTabContext","useScreenGesture","key","useRoute","context","useTabContext","nativeRef","screen","properties","nativeGesture","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenGesture.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAEnC,MAAMC,SAAS,GAAGF,OAAO,CAACG,MAAM,CAACC,UAAU,CAACN,GAAG,CAAC,EAAEO,aAAa;EAE/D,IAAI,CAACH,SAAS,EAAE,MAAM,0CAA0C;EAEhE,OAAOA,SAAS;AAClB,CAAC;AAACI,OAAA,CAAAT,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useScreenProperties.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenProperties = void 0;
+var _native = require("@react-navigation/native");
+var _useTabContext = require("./useTabContext");
+const useScreenProperties = () => {
+  const {
+    key
+  } = (0, _native.useRoute)();
+  const {
+    context
+  } = (0, _useTabContext.useTabContext)();
+  const screen = context.screen.properties[key];
+  if (!screen) throw 'No screen properties registered for this route';
+  return screen;
+};
+exports.useScreenProperties = useScreenProperties;
+//# sourceMappingURL=useScreenProperties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_useTabContext","useScreenProperties","key","useRoute","context","useTabContext","screen","properties","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenProperties.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EACnC,MAAMC,MAAM,GAAGF,OAAO,CAACE,MAAM,CAACC,UAAU,CAACL,GAAG,CAAC;EAC7C,IAAI,CAACI,MAAM,EAAE,MAAM,gDAAgD;EAEnE,OAAOA,MAAM;AACf,CAAC;AAACE,OAAA,CAAAP,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/hooks/{Tab.hooks.js → useScreenScrollable.js}

@@ -3,40 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTabContext = exports.useScreenScrollable = exports.useScreenRefs = exports.useScreenProperties = exports.useScreenGesture = exports.useHeader = void 0;
+exports.useScreenScrollable = void 0;
 var _native = require("@react-navigation/native");
-var _TabContext = require("../context/TabContext.js");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _reactNativeReanimated = require("react-native-reanimated");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _useTabContext = require("./useTabContext");
+var React = _interopRequireWildcard(require("react"));
 var _elements = require("@react-navigation/elements");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _useScreenProperties = require("./useScreenProperties");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useTabContext = () => {
-  if (__DEV__) {
-    const stack = new Error().stack;
-    const isOutsideLibrary = stack && !stack.includes('react-navigation-reanimated-top-tabs');
-    if (isOutsideLibrary) {
-      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.');
-    }
-  }
-  return (0, _react.useContext)(_TabContext.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
@@ -52,24 +29,26 @@ const useScreenScrollable = () => {
     currentYPosition,
     gestureEnabled,
     headerHeight,
-    screenProperties,
+    context,
     topTabHeight,
     transformationY
-  } = useTabContext();
-  const navigationHeader = React.useContext(_elements.HeaderHeightContext) ?? 0;
+  } = (0, _useTabContext.useTabContext)();
+  const screen = (0, _useScreenProperties.useScreenProperties)();
+  const navigationHeader = React.useContext(_elements.HeaderHeightContext) ?? top;
   const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
     scrollEnabled: !gestureEnabled.value || currentYPosition.value === -headerHeight.value
   }));
   const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)(({
     contentOffset
   }) => {
-    const scrollPosition = screenProperties[key]?.scrollY;
+    const scrollPosition = context.screen.properties[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 difference = (0, _reactNativeReanimated.useDerivedValue)(() => Math.abs(screen.outerLayout.value.height - screen.innerLayout.value.height));
   const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    minHeight: height - top - topTabHeight.value - oppositeHeaderState.value - navigationHeader
+    minHeight: height - topTabHeight.value - oppositeHeaderState.value - navigationHeader - difference.value
   }));
   return {
     animatedProps,
@@ -82,52 +61,4 @@ const useScreenScrollable = () => {
   };
 };
 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
-  };
-};
-
-//TODO: make it private
-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=Tab.hooks.js.map
+//# sourceMappingURL=useScreenScrollable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_reactNative","_reactNativeSafeAreaContext","_useTabContext","React","_interopRequireWildcard","_elements","_reactNativeReanimated","_useScreenProperties","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useScreenScrollable","key","useRoute","height","useWindowDimensions","bottom","top","useSafeAreaInsets","currentYPosition","gestureEnabled","headerHeight","context","topTabHeight","transformationY","useTabContext","screen","useScreenProperties","navigationHeader","useContext","HeaderHeightContext","animatedProps","useAnimatedProps","scrollEnabled","value","onScroll","useAnimatedScrollHandler","contentOffset","scrollPosition","properties","scrollY","y","oppositeHeaderState","useDerivedValue","difference","Math","abs","outerLayout","innerLayout","style","useAnimatedStyle","minHeight","bounces","contentContainerStyle","paddingBottom","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenScrollable.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useTabContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabContext = void 0;
+var _react = require("react");
+var _Context = require("../context/Context");
+const useTabContext = () => (0, _react.useContext)(_Context.Context);
+exports.useTabContext = useTabContext;
+//# sourceMappingURL=useTabContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Context","useTabContext","useContext","Context","exports"],"sourceRoot":"../../../src","sources":["hooks/useTabContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,aAAa,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACC,gBAAO,CAAC;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/hooks/useTabOffset.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabOffset = void 0;
+var _useTabContext = require("./useTabContext");
+var _reactNativeReanimated = require("react-native-reanimated");
+// returns read-only property
+
+const useTabOffset = () => {
+  const {
+    transformationX
+  } = (0, _useTabContext.useTabContext)();
+  return (0, _reactNativeReanimated.useDerivedValue)(() => transformationX.value);
+};
+exports.useTabOffset = useTabOffset;
+//# sourceMappingURL=useTabOffset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useTabContext","require","_reactNativeReanimated","useTabOffset","transformationX","useTabContext","useDerivedValue","value","exports"],"sourceRoot":"../../../src","sources":["hooks/useTabOffset.ts"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAFA;;AAIO,MAAME,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAC3C,OAAO,IAAAC,sCAAe,EAAC,MAAMF,eAAe,CAACG,KAAK,CAAC;AACrD,CAAC;AAACC,OAAA,CAAAL,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -10,18 +10,32 @@ Object.defineProperty(exports, "createReanimatedTopTabNavigator", {
     return _createReanimatedTopTabNavigator.createReanimatedTopTabNavigator;
   }
 });
-var _ScrollView = require("./components/wrappers/ScrollView.js");
-var _ScreenWrapper = require("./components/wrappers/ScreenWrapper.js");
-var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent.js");
-var _TabBarLabelBaseComponent = require("./components/elements/TabBarLabelBaseComponent.js");
-var _TabHooks = require("./hooks/Tab.hooks.js");
-var _createReanimatedTopTabNavigator = require("./navigator/createReanimatedTopTabNavigator.js");
+var _ScrollView = require("./components/wrappers/ScrollView");
+var _ScreenWrapper = require("./components/wrappers/ScreenWrapper");
+var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent");
+var _TabBarLabelBaseComponent = require("./components/elements/TabBarLabelBaseComponent");
+var _react = require("react");
+var _Warning = require("./services/Warning.service");
+var _useTabContext2 = require("./hooks/useTabContext");
+var _useTabOffset = require("./hooks/useTabOffset");
+var _useScreenGesture = require("./hooks/useScreenGesture");
+var _useScreenScrollable = require("./hooks/useScreenScrollable");
+var _useScreenProperties = require("./hooks/useScreenProperties");
+var _useHeader = require("./hooks/useHeader");
+var _createReanimatedTopTabNavigator = require("./navigator/createReanimatedTopTabNavigator");
+const _useTabContext = () => {
+  (0, _react.useEffect)(() => {
+    _Warning.WarningService.warn();
+  }, []);
+  return (0, _useTabContext2.useTabContext)();
+};
 const TabHooks = exports.TabHooks = {
-  useHeader: _TabHooks.useHeader,
-  useScreenProperties: _TabHooks.useScreenProperties,
-  useScreenScrollable: _TabHooks.useScreenScrollable,
-  useScreenGesture: _TabHooks.useScreenGesture,
-  useTabContext: _TabHooks.useTabContext
+  useHeader: _useHeader.useHeader,
+  useScreenProperties: _useScreenProperties.useScreenProperties,
+  useScreenScrollable: _useScreenScrollable.useScreenScrollable,
+  useScreenGesture: _useScreenGesture.useScreenGesture,
+  useTabContext: _useTabContext,
+  useTabOffset: _useTabOffset.useTabOffset
 };
 const Tab = exports.Tab = {
   ScrollView: _ScrollView.ScrollView,

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ScrollView","require","_ScreenWrapper","_TabBarBaseComponent","_TabBarLabelBaseComponent","_TabHooks","_createReanimatedTopTabNavigator","TabHooks","exports","useHeader","useScreenProperties","useScreenScrollable","useScreenGesture","useTabContext","Tab","ScrollView","ScreenWrapper","TabBarBaseComponent","TabBarLabelBaseComponent"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AASA,IAAAK,gCAAA,GAAAL,OAAA;AAEO,MAAMM,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,SAAS,EAATA,mBAAS;EACTC,mBAAmB,EAAnBA,6BAAmB;EACnBC,mBAAmB,EAAnBA,6BAAmB;EACnBC,gBAAgB,EAAhBA,0BAAgB;EAChBC,aAAa,EAAbA;AACF,CAAC;AAEM,MAAMC,GAAG,GAAAN,OAAA,CAAAM,GAAA,GAAG;EACjBC,UAAU,EAAVA,sBAAU;EACVC,aAAa,EAAbA,4BAAa;EACbC,mBAAmB,EAAnBA,wCAAmB;EACnBC,wBAAwB,EAAxBA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_ScrollView","require","_ScreenWrapper","_TabBarBaseComponent","_TabBarLabelBaseComponent","_react","_Warning","_useTabContext2","_useTabOffset","_useScreenGesture","_useScreenScrollable","_useScreenProperties","_useHeader","_createReanimatedTopTabNavigator","_useTabContext","useEffect","WarningService","warn","useTabContext","TabHooks","exports","useHeader","useScreenProperties","useScreenScrollable","useScreenGesture","useTabOffset","Tab","ScrollView","ScreenWrapper","TabBarBaseComponent","TabBarLabelBaseComponent"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAGA,IAAAY,gCAAA,GAAAZ,OAAA;AAEA,MAAMa,cAAc,GAAGA,CAAA,KAAM;EAC3B,IAAAC,gBAAS,EAAC,MAAM;IACdC,uBAAc,CAACC,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,6BAAa,EAAC,CAAC;AACxB,CAAC;AAEM,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,SAAS,EAATA,oBAAS;EACTC,mBAAmB,EAAnBA,wCAAmB;EACnBC,mBAAmB,EAAnBA,wCAAmB;EACnBC,gBAAgB,EAAhBA,kCAAgB;EAChBN,aAAa,EAAEJ,cAAc;EAC7BW,YAAY,EAAZA;AACF,CAAC;AAEM,MAAMC,GAAG,GAAAN,OAAA,CAAAM,GAAA,GAAG;EACjBC,UAAU,EAAVA,sBAAU;EACVC,aAAa,EAAbA,4BAAa;EACbC,mBAAmB,EAAnBA,wCAAmB;EACnBC,wBAAwB,EAAxBA;AACF,CAAC","ignoreList":[]}