react-navigation-reanimated-top-tabs 0.2.0

package/lib/commonjs/components/wrappers/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","_TopTabHooks","_react","_native","_jsxRuntime","e","__esModule","default","ScrollView","children","style","props","gesture","useScreenGesture","animatedStyle","scrollProps","useScreenScrollable","innerLayout","useScreenProperties","screenRefs","useTabContext","key","useRoute","_ref","useRef","onLayout","event","value","nativeEvent","layout","setRef","jsx","GestureDetector","ref","contentContainerStyle","_style","exports","StyleSheet","create","flexGrow"],"sourceRoot":"../../../../src","sources":["components/wrappers/ScrollView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAK7C,MAAMG,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACe,CAAC,KAAK;EACxB,MAAMC,OAAO,GAAG,IAAAC,6BAAgB,EAAC,CAAC;EAClC,MAAM;IAAEH,KAAK,EAAEI,aAAa;IAAE,GAAGC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACtE,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC7C,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAEtC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAE1B,MAAMC,IAAI,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEhD,MAAMC,QAAQ,GAAIC,KAAwB,IAAK;IAC7CT,WAAW,CAACU,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC5CV,UAAU,CAACW,MAAM,CAACT,GAAG,EAAEE,IAAI,CAAC;EAC9B,CAAC;EAED,oBACE,IAAAnB,WAAA,CAAA2B,GAAA,EAACjC,0BAAA,CAAAkC,eAAe;IAACpB,OAAO,EAAEA,OAAQ;IAAAH,QAAA,eAChC,IAAAL,WAAA,CAAA2B,GAAA,EAAChC,sBAAA,CAAAQ,OAAU,CAACC,UAAU;MAAA,GAChBO,WAAW;MAAA,GACXJ,KAAK;MACTsB,GAAG,EAAEV,IAAK;MACVW,qBAAqB,EAAEC,MAAM,CAACD,qBAAsB;MACpDT,QAAQ,EAAEA,QAAS;MACnBf,KAAK,EAAE,CAACA,KAAK,EAAEI,aAAa,CAAE;MAAAL,QAAA,EAE7BA;IAAQ,CACY;EAAC,CACT,CAAC;AAEtB,CAAC;AAAC2B,OAAA,CAAA5B,UAAA,GAAAA,UAAA;AAEF,MAAM2B,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,qBAAqB,EAAE;IACrBK,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,86 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,120 @@
+"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

@@ -0,0 +1 @@
+{"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":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Context", {
+  enumerable: true,
+  get: function () {
+    return _TopTabContext.Context;
+  }
+});
+Object.defineProperty(exports, "GestureWrapper", {
+  enumerable: true,
+  get: function () {
+    return _GestureWrapper.GestureWrapper;
+  }
+});
+Object.defineProperty(exports, "Provider", {
+  enumerable: true,
+  get: function () {
+    return _TopTabContext.Provider;
+  }
+});
+Object.defineProperty(exports, "ScreenWrapper", {
+  enumerable: true,
+  get: function () {
+    return _ScreenWrapper.ScreenWrapper;
+  }
+});
+Object.defineProperty(exports, "ScrollView", {
+  enumerable: true,
+  get: function () {
+    return _ScrollView.ScrollView;
+  }
+});
+Object.defineProperty(exports, "TabBarBaseComponent", {
+  enumerable: true,
+  get: function () {
+    return _TabBarBaseComponent.TabBarBaseComponent;
+  }
+});
+Object.defineProperty(exports, "TabBarLabelBaseComponent", {
+  enumerable: true,
+  get: function () {
+    return _TabBarLabelBaseComponent.TabBarLabelBaseComponent;
+  }
+});
+Object.defineProperty(exports, "createReanimatedTopTabNavigator", {
+  enumerable: true,
+  get: function () {
+    return _createReanimatedTopTabNavigator.createReanimatedTopTabNavigator;
+  }
+});
+Object.defineProperty(exports, "useHeader", {
+  enumerable: true,
+  get: function () {
+    return _TopTabHooks.useHeader;
+  }
+});
+Object.defineProperty(exports, "useScreenGesture", {
+  enumerable: true,
+  get: function () {
+    return _TopTabHooks.useScreenGesture;
+  }
+});
+Object.defineProperty(exports, "useScreenProperties", {
+  enumerable: true,
+  get: function () {
+    return _TopTabHooks.useScreenProperties;
+  }
+});
+Object.defineProperty(exports, "useScreenScrollable", {
+  enumerable: true,
+  get: function () {
+    return _TopTabHooks.useScreenScrollable;
+  }
+});
+Object.defineProperty(exports, "useTabContext", {
+  enumerable: true,
+  get: function () {
+    return _TopTabHooks.useTabContext;
+  }
+});
+var _TopTabContext = require("./context/TopTabContext.js");
+var _createReanimatedTopTabNavigator = require("./navigator/createReanimatedTopTabNavigator.js");
+var _ScrollView = require("./components/wrappers/ScrollView.js");
+var _ScreenWrapper = require("./components/wrappers/ScreenWrapper.js");
+var _GestureWrapper = require("./components/wrappers/GestureWrapper.js");
+var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent.js");
+var _TabBarLabelBaseComponent = require("./components/elements/TabBarLabelBaseComponent.js");
+var _TopTabHooks = require("./hooks/TopTab.hooks.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TopTabContext","require","_createReanimatedTopTabNavigator","_ScrollView","_ScreenWrapper","_GestureWrapper","_TabBarBaseComponent","_TabBarLabelBaseComponent","_TopTabHooks"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,gCAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createReanimatedTopTabNavigator = void 0;
+var _native = require("@react-navigation/native");
+var _GestureWrapper = require("../components/wrappers/GestureWrapper.js");
+var _TabBarBaseComponent = require("../components/elements/TabBarBaseComponent.js");
+var _TopTabContext = require("../context/TopTabContext.js");
+var _lodash = require("lodash");
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _ReanimatedTabView = require("../components/ReanimatedTopTab/ReanimatedTabView.js");
+var _jsxRuntime = require("react/jsx-runtime");
+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 TabViewNavigator = ({
+  HeaderComponent,
+  TabBarComponent = _TabBarBaseComponent.TabBarBaseComponent,
+  children,
+  config,
+  initialRouteName,
+  screenOptions = {}
+}) => {
+  const {
+    NavigationContent,
+    descriptors,
+    navigation,
+    state
+  } = (0, _native.useNavigationBuilder)(_native.TabRouter, {
+    children,
+    defaultScreenOptions: screenOptions,
+    initialRouteName,
+    screenOptions
+  });
+  let _config = config;
+  if (!config) {
+    _config = state.routes.map(() => 'normal');
+  }
+  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)
+    }
+  }), {})).current;
+  const onIndexChange = (currentScreenIndex, gestureEnabled) => index => {
+    navigation.navigate(state.routes[index]?.name ?? '');
+    currentScreenIndex.value = index;
+    switch (_config[index]) {
+      case 'normal':
+        {
+          gestureEnabled.value = true;
+          break;
+        }
+      case 'minimalized':
+        {
+          gestureEnabled.value = false;
+          break;
+        }
+    }
+  };
+  const navigationState = (0, _react.useMemo)(() => ({
+    index: state.index,
+    routes: state.routes.map((route, index) => {
+      const restOptions = (0, _lodash.omit)(descriptors[route.key]?.options, 'tabBarLabel');
+      const tabBarLabel = descriptors[route.key]?.options.tabBarLabel ? () => descriptors[route.key]?.options.tabBarLabel?.({
+        focused: state.index === index,
+        title: descriptors[route.key]?.options.title || route.name,
+        index
+      }) : undefined;
+      return {
+        ...route,
+        ...restOptions,
+        tabBarLabel,
+        title: descriptors[route.key]?.options.title || route.name
+      };
+    })
+  }), [state]);
+  const navigate = route => {
+    navigation.dispatch({
+      ..._native.TabActions.jumpTo(route.name, route.params),
+      target: state.key
+    });
+  };
+  const renderTabBar = (0, _react.useCallback)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(TabBarComponent, {
+    ...props,
+    navigate: navigate
+  }), []);
+  const renderScene = ({
+    route
+  }) => descriptors[route.key]?.render();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TopTabContext.Provider, {
+    config: _config,
+    screenProperties: screenProperties,
+    children: ({
+      currentScreenIndex,
+      gestureEnabled,
+      headerHeight,
+      transformationY
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        onLayout: ({
+          nativeEvent
+        }) => {
+          headerHeight.value = nativeEvent.layout.height;
+        },
+        children: HeaderComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderComponent, {
+          headerHeight: headerHeight,
+          transformationY: transformationY
+        }) : null
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigationContent, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GestureWrapper.GestureWrapper, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReanimatedTabView.ReanimatedTabView, {
+            navigationState: navigationState,
+            onIndexChange: onIndexChange(currentScreenIndex, gestureEnabled),
+            renderScene: renderScene,
+            renderTabBar: renderTabBar
+          })
+        })
+      })]
+    })
+  });
+};
+const createReanimatedTopTabNavigator = () => (0, _native.createNavigatorFactory)(TabViewNavigator)();
+exports.createReanimatedTopTabNavigator = createReanimatedTopTabNavigator;
+//# sourceMappingURL=createReanimatedTopTabNavigator.js.map

package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_GestureWrapper","_TabBarBaseComponent","_TopTabContext","_lodash","_react","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_ReanimatedTabView","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabViewNavigator","HeaderComponent","TabBarComponent","TabBarBaseComponent","children","config","initialRouteName","screenOptions","NavigationContent","descriptors","navigation","state","useNavigationBuilder","TabRouter","defaultScreenOptions","_config","routes","map","screenProperties","useRef","reduce","prev","route","key","innerLayout","makeMutable","height","width","x","y","nativeGesture","Gesture","Native","outerLayout","scrollY","current","onIndexChange","currentScreenIndex","gestureEnabled","index","navigate","name","value","navigationState","useMemo","restOptions","omit","options","tabBarLabel","focused","title","undefined","dispatch","TabActions","jumpTo","params","target","renderTabBar","useCallback","props","jsx","renderScene","render","Provider","headerHeight","transformationY","jsxs","Fragment","View","onLayout","nativeEvent","layout","GestureWrapper","ReanimatedTabView","createReanimatedTopTabNavigator","createNavigatorFactory","exports"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/types.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReanimatedTopTabNavigation = void 0;
+let ReanimatedTopTabNavigation = exports.ReanimatedTopTabNavigation = void 0;
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReanimatedTopTabNavigation","exports"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;;;;;IAQiBA,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA","ignoreList":[]}

package/lib/module/components/ReanimatedTopTab/AnimationHelper.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { withTiming as reanimatedWithTiming } from 'react-native-reanimated';
+const onChange = (event, animationValue, width, navigationState) => {
+  'worklet';
+
+  if (animationValue > 0) {
+    return 0;
+  }
+  const routesLength = navigationState.routes.length - 1;
+  if (animationValue < -width * routesLength) {
+    return -width * routesLength;
+  }
+  return animationValue + event.changeX;
+};
+const getIndex = (navigationState, type) => {
+  'worklet';
+
+  if (type === 'increment') {
+    return navigationState.index === navigationState.routes.length - 1 ? navigationState.index : navigationState.index + 1;
+  }
+  return navigationState.index === 0 ? navigationState.index : navigationState.index - 1;
+};
+const onEnd = (event, minimumValueToChangeView, width, navigationState) => {
+  'worklet';
+
+  if (event.velocityX < -200) {
+    return {
+      index: getIndex(navigationState, 'increment'),
+      value: -width * (navigationState.index + 1)
+    };
+  }
+  if (event.velocityX > 200) {
+    return {
+      index: getIndex(navigationState, 'decrement'),
+      value: -width * (navigationState.index - 1)
+    };
+  }
+  if (event.translationX < 0) {
+    if (event.translationX < -minimumValueToChangeView) {
+      return {
+        index: getIndex(navigationState, 'increment'),
+        value: -width * (navigationState.index + 1)
+      };
+    }
+  }
+  if (event.translationX > 0) {
+    if (event.translationX > minimumValueToChangeView) {
+      return {
+        index: getIndex(navigationState, 'decrement'),
+        value: -width * (navigationState.index - 1)
+      };
+    }
+  }
+  return {
+    index: navigationState.index,
+    value: -width * navigationState.index
+  };
+};
+const animation = (newValue, duration = 200) => {
+  'worklet';
+
+  return reanimatedWithTiming(newValue, {
+    duration
+  });
+};
+export const AnimationHelper = {
+  animation,
+  onChange,
+  onEnd
+};
+//# sourceMappingURL=AnimationHelper.js.map

package/lib/module/components/ReanimatedTopTab/AnimationHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["withTiming","reanimatedWithTiming","onChange","event","animationValue","width","navigationState","routesLength","routes","length","changeX","getIndex","type","index","onEnd","minimumValueToChangeView","velocityX","value","translationX","animation","newValue","duration","AnimationHelper"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/AnimationHelper.ts"],"mappings":";;AAMA,SAASA,UAAU,IAAIC,oBAAoB,QAAQ,yBAAyB;AAG5E,MAAMC,QAAQ,GAAGA,CACfC,KAEC,EACDC,cAAsB,EACtBC,KAAa,EACbC,eAAuD,KACpD;EACH,SAAS;;EACT,IAAIF,cAAc,GAAG,CAAC,EAAE;IACtB,OAAO,CAAC;EACV;EACA,MAAMG,YAAY,GAAGD,eAAe,CAACE,MAAM,CAACC,MAAM,GAAG,CAAC;EACtD,IAAIL,cAAc,GAAG,CAACC,KAAK,GAAGE,YAAY,EAAE;IAC1C,OAAO,CAACF,KAAK,GAAGE,YAAY;EAC9B;EACA,OAAOH,cAAc,GAAGD,KAAK,CAACO,OAAO;AACvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CACfL,eAAuD,EACvDM,IAA+B,KAC5B;EACH,SAAS;;EACT,IAAIA,IAAI,KAAK,WAAW,EAAE;IACxB,OAAON,eAAe,CAACO,KAAK,KAAKP,eAAe,CAACE,MAAM,CAACC,MAAM,GAAG,CAAC,GAC9DH,eAAe,CAACO,KAAK,GACrBP,eAAe,CAACO,KAAK,GAAG,CAAC;EAC/B;EACA,OAAOP,eAAe,CAACO,KAAK,KAAK,CAAC,GAC9BP,eAAe,CAACO,KAAK,GACrBP,eAAe,CAACO,KAAK,GAAG,CAAC;AAC/B,CAAC;AAED,MAAMC,KAAK,GAAGA,CACZX,KAA6D,EAC7DY,wBAAgC,EAChCV,KAAa,EACbC,eAAuD,KACpD;EACH,SAAS;;EACT,IAAIH,KAAK,CAACa,SAAS,GAAG,CAAC,GAAG,EAAE;IAC1B,OAAO;MACLH,KAAK,EAAEF,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;MAC7CW,KAAK,EAAE,CAACZ,KAAK,IAAIC,eAAe,CAACO,KAAK,GAAG,CAAC;IAC5C,CAAC;EACH;EACA,IAAIV,KAAK,CAACa,SAAS,GAAG,GAAG,EAAE;IACzB,OAAO;MACLH,KAAK,EAAEF,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;MAC7CW,KAAK,EAAE,CAACZ,KAAK,IAAIC,eAAe,CAACO,KAAK,GAAG,CAAC;IAC5C,CAAC;EACH;EACA,IAAIV,KAAK,CAACe,YAAY,GAAG,CAAC,EAAE;IAC1B,IAAIf,KAAK,CAACe,YAAY,GAAG,CAACH,wBAAwB,EAAE;MAClD,OAAO;QACLF,KAAK,EAAEF,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;QAC7CW,KAAK,EAAE,CAACZ,KAAK,IAAIC,eAAe,CAACO,KAAK,GAAG,CAAC;MAC5C,CAAC;IACH;EACF;EACA,IAAIV,KAAK,CAACe,YAAY,GAAG,CAAC,EAAE;IAC1B,IAAIf,KAAK,CAACe,YAAY,GAAGH,wBAAwB,EAAE;MACjD,OAAO;QACLF,KAAK,EAAEF,QAAQ,CAACL,eAAe,EAAE,WAAW,CAAC;QAC7CW,KAAK,EAAE,CAACZ,KAAK,IAAIC,eAAe,CAACO,KAAK,GAAG,CAAC;MAC5C,CAAC;IACH;EACF;EACA,OAAO;IACLA,KAAK,EAAEP,eAAe,CAACO,KAAK;IAC5BI,KAAK,EAAE,CAACZ,KAAK,GAAGC,eAAe,CAACO;EAClC,CAAC;AACH,CAAC;AAED,MAAMM,SAAS,GAAGA,CAACC,QAAgB,EAAEC,QAAQ,GAAG,GAAG,KAAK;EACtD,SAAS;;EACT,OAAOpB,oBAAoB,CAACmB,QAAQ,EAAE;IAAEC;EAAS,CAAC,CAAC;AACrD,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG;EAC7BH,SAAS;EACTjB,QAAQ;EACRY;AACF,CAAC","ignoreList":[]}