react-native-collapsible-tabs-reanimated 0.1.0-beta

package/lib/module/Button.js

@@ -0,0 +1,145 @@
+"use strict";
+
+import { memo, useCallback, useMemo, useRef } from "react";
+import { StyleSheet, View } from "react-native";
+import { Pressable } from "react-native-gesture-handler";
+import Animated, { interpolateColor, useAnimatedStyle, withTiming } from "react-native-reanimated";
+import { useCollapsibleTabsContext } from "./Context";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Button = ({
+  index,
+  name,
+  onPress,
+  style,
+  fullWidth,
+  labelStyle,
+  labelProps,
+  activeLabelStyle,
+  activeStyle,
+  children,
+  contentWrapperStyle,
+  activeLabelColor = "#111827",
+  inactiveLabelColor = "#9ca3af",
+  ...props
+}) => {
+  const {
+    activeTabIndex,
+    activeTabIndexValue,
+    pageDecimal,
+    pagerRef,
+    registerButton,
+    itemLayout
+  } = useCollapsibleTabsContext();
+  const isActive = activeTabIndexValue === index;
+  const combinedStaticLabelStyle = useMemo(() => [styles.label, labelStyle, activeLabelStyle && isActive && activeLabelStyle], [activeLabelStyle, isActive, labelStyle]);
+  const animatedLabelStyle = useAnimatedStyle(() => {
+    const color = interpolateColor(pageDecimal.value, [index - 1, index, index + 1], [inactiveLabelColor, activeLabelColor, inactiveLabelColor]);
+    return {
+      color
+    };
+  }, [activeLabelColor, inactiveLabelColor, index, pageDecimal]);
+  const handleOnPress = useCallback(event => {
+    onPress?.(event);
+    if (pagerRef.current) {
+      pagerRef.current.setPage(index);
+      return;
+    }
+    activeTabIndex.value = index;
+    pageDecimal.value = withTiming(index);
+  }, [activeTabIndex, index, onPress, pageDecimal, pagerRef]);
+  const pressableLayoutRef = useRef(null);
+  const contentLayoutRef = useRef(null);
+  const commitLayout = useCallback(() => {
+    const pressable = pressableLayoutRef.current;
+    const content = contentLayoutRef.current;
+    if (!pressable || !content) return;
+    registerButton({
+      width: content.width,
+      height: content.height,
+      x: pressable.x + content.x,
+      y: pressable.y + content.y,
+      name,
+      index
+    });
+  }, [index, name, registerButton]);
+  const onLayout = useCallback(event => {
+    props.onLayout?.(event);
+    const {
+      x,
+      y
+    } = event.nativeEvent.layout;
+    pressableLayoutRef.current = {
+      x,
+      y
+    };
+    commitLayout();
+  }, [commitLayout, props]);
+  const onContentLayout = useCallback(event => {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = event.nativeEvent.layout;
+    contentLayoutRef.current = {
+      x,
+      y,
+      width,
+      height
+    };
+    commitLayout();
+  }, [commitLayout]);
+  const isLast = itemLayout.length - 1 === index;
+  const isFirst = index === 0;
+  const mergedStyle = useMemo(() => [styles.pressable, isFirst && {
+    paddingLeft: 0
+  }, isLast && {
+    paddingRight: 0
+  }, fullWidth && styles.fullWidth, style, isActive && activeStyle], [activeStyle, fullWidth, isActive, isFirst, isLast, style]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handleOnPress,
+    ...props,
+    onLayout: onLayout,
+    style: mergedStyle,
+    children: /*#__PURE__*/_jsx(View, {
+      onLayout: onContentLayout,
+      style: [styles.contentWrapper, contentWrapperStyle],
+      children: typeof children === "function" ? children({
+        isActive,
+        index,
+        name,
+        style: combinedStaticLabelStyle,
+        animatedStyle: animatedLabelStyle,
+        pageDecimal
+      }) : /*#__PURE__*/_jsx(Animated.Text, {
+        style: [combinedStaticLabelStyle, animatedLabelStyle],
+        numberOfLines: 1,
+        ...labelProps,
+        children: children
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  pressable: {
+    paddingVertical: 16,
+    paddingHorizontal: 10
+  },
+  fullWidth: {
+    flex: 1
+  },
+  contentWrapper: {
+    position: "relative",
+    alignSelf: "center"
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 18,
+    fontWeight: "700",
+    fontVariant: ["tabular-nums"],
+    textAlign: "center"
+  }
+});
+Button.displayName = "CollapsibleTabs.Button";
+export default /*#__PURE__*/memo(Button);
+//# sourceMappingURL=Button.js.map

package/lib/module/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","useRef","StyleSheet","View","Pressable","Animated","interpolateColor","useAnimatedStyle","withTiming","useCollapsibleTabsContext","jsx","_jsx","Button","index","name","onPress","style","fullWidth","labelStyle","labelProps","activeLabelStyle","activeStyle","children","contentWrapperStyle","activeLabelColor","inactiveLabelColor","props","activeTabIndex","activeTabIndexValue","pageDecimal","pagerRef","registerButton","itemLayout","isActive","combinedStaticLabelStyle","styles","label","animatedLabelStyle","color","value","handleOnPress","event","current","setPage","pressableLayoutRef","contentLayoutRef","commitLayout","pressable","content","width","height","x","y","onLayout","nativeEvent","layout","onContentLayout","isLast","length","isFirst","mergedStyle","paddingLeft","paddingRight","contentWrapper","animatedStyle","Text","numberOfLines","create","paddingVertical","paddingHorizontal","flex","position","alignSelf","fontSize","lineHeight","fontWeight","fontVariant","textAlign","displayName"],"sourceRoot":"..\\..\\src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Context.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { createContext, memo, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const CollapsibleTabsContext = /*#__PURE__*/createContext({});
+export const useCollapsibleTabsContext = () => useContext(CollapsibleTabsContext);
+export const CollapsibleTabsContextProvider = /*#__PURE__*/memo(({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(CollapsibleTabsContext.Provider, {
+    value: props,
+    children: children
+  });
+});
+//# sourceMappingURL=Context.js.map

package/lib/module/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","memo","useContext","jsx","_jsx","CollapsibleTabsContext","useCollapsibleTabsContext","CollapsibleTabsContextProvider","children","props","Provider","value"],"sourceRoot":"..\\..\\src","sources":["Context.tsx"],"mappings":";;AAAA,SAA+BA,aAAa,EAAEC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqC9E,MAAMC,sBAAsB,gBAAGL,aAAa,CAAC,CAAC,CAAgC,CAAC;AAE/E,OAAO,MAAMM,yBAAyB,GAAGA,CAAA,KAAMJ,UAAU,CAACG,sBAAsB,CAAC;AAEjF,OAAO,MAAME,8BAA8B,gBAAGN,IAAI,CAAC,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAA6D,CAAC,KAAK;EACpI,oBAAOL,IAAA,CAACC,sBAAsB,CAACK,QAAQ;IAACC,KAAK,EAAEF,KAAM;IAAAD,QAAA,EAAEA;EAAQ,CAAkC,CAAC;AACpG,CAAC,CAAC","ignoreList":[]}

package/lib/module/FlashList.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { memo, useCallback, useEffect, useMemo } from "react";
+import { FlashList as ShopifyFlashList } from "@shopify/flash-list";
+import { StyleSheet, View } from "react-native";
+import { GestureDetector } from "react-native-gesture-handler";
+import Animated, { scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useComposedEventHandler, useSharedValue } from "react-native-reanimated";
+import { useCollapsibleTabsContext } from "./Context";
+import { useTabSelfContext } from "./Tab";
+import { useStableCallback } from "./useStableCallback";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedFlashList = Animated.createAnimatedComponent(ShopifyFlashList);
+const CollapsibleFlashList = ({
+  onLayout,
+  onContentSizeChange,
+  ...props
+}) => {
+  const {
+    listGestures,
+    activeTabIndex,
+    activeListOffset,
+    registerListScroller
+  } = useCollapsibleTabsContext();
+  const {
+    index
+  } = useTabSelfContext();
+  const selfOffset = useSharedValue(0);
+  const listRef = useAnimatedRef();
+  const onScroll = useAnimatedScrollHandler(event => {
+    selfOffset.value = event.contentOffset.y;
+    if (activeTabIndex.value === index) activeListOffset.value = event.contentOffset.y;
+  });
+  const composedScrollEvent = useComposedEventHandler(props.onScroll ? [onScroll, props.onScroll] : [onScroll]);
+  const myListGesture = listGestures[index];
+  const renderScrollComponent = useCallback(scrollProps => /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: myListGesture,
+    children: /*#__PURE__*/_jsx(Animated.ScrollView, {
+      ...scrollProps
+    })
+  }), [myListGesture]);
+  useAnimatedReaction(() => activeTabIndex.value, value => {
+    if (value === index) activeListOffset.value = selfOffset.value;
+  }, [index]);
+  const scroller = useMemo(() => (animated = true) => {
+    "worklet";
+
+    scrollTo(listRef, 0, 0, animated);
+  }, [listRef]);
+  useEffect(() => {
+    registerListScroller(index, scroller);
+    return () => registerListScroller(index, null);
+  }, [index, registerListScroller, scroller]);
+  const stableLayout = useStableCallback(onLayout);
+  const stableContentSizeChange = useStableCallback(onContentSizeChange);
+  const handleLayout = useCallback(event => {
+    stableLayout?.(event);
+  }, [stableLayout]);
+  const handleContentSizeChange = useCallback((width, height) => {
+    stableContentSizeChange?.(width, height);
+  }, [stableContentSizeChange]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.view,
+    collapsable: false,
+    children: /*#__PURE__*/_jsx(AnimatedFlashList, {
+      ref: listRef,
+      scrollEventThrottle: 16,
+      showsVerticalScrollIndicator: true,
+      directionalLockEnabled: true,
+      keyboardShouldPersistTaps: "handled",
+      ...props,
+      renderScrollComponent: renderScrollComponent,
+      onScroll: composedScrollEvent,
+      onLayout: handleLayout,
+      onContentSizeChange: handleContentSizeChange
+    })
+  });
+};
+const styles = StyleSheet.create({
+  view: {
+    position: "relative",
+    flex: 1
+  }
+});
+CollapsibleFlashList.displayName = "CollapsibleTabs.CollapsibleFlashList";
+export default /*#__PURE__*/memo(CollapsibleFlashList);
+//# sourceMappingURL=FlashList.js.map

package/lib/module/FlashList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useEffect","useMemo","FlashList","ShopifyFlashList","StyleSheet","View","GestureDetector","Animated","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedScrollHandler","useComposedEventHandler","useSharedValue","useCollapsibleTabsContext","useTabSelfContext","useStableCallback","jsx","_jsx","AnimatedFlashList","createAnimatedComponent","CollapsibleFlashList","onLayout","onContentSizeChange","props","listGestures","activeTabIndex","activeListOffset","registerListScroller","index","selfOffset","listRef","onScroll","event","value","contentOffset","y","composedScrollEvent","myListGesture","renderScrollComponent","scrollProps","gesture","children","ScrollView","scroller","animated","stableLayout","stableContentSizeChange","handleLayout","handleContentSizeChange","width","height","style","styles","view","collapsable","ref","scrollEventThrottle","showsVerticalScrollIndicator","directionalLockEnabled","keyboardShouldPersistTaps","create","position","flex","displayName"],"sourceRoot":"..\\..\\src","sources":["FlashList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Header.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { memo, useMemo } from 'react';
+import { Platform } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { clamp, useAnimatedStyle, withDecay } from 'react-native-reanimated';
+import { useCollapsibleTabsContext } from './Context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const DECELERATION = Platform.OS === 'android' ? 0.985 : 0.998;
+const Header = ({
+  children,
+  style,
+  ...props
+}) => {
+  const {
+    headerOffset,
+    staticHeight,
+    offsetAdjustment
+  } = useCollapsibleTabsContext();
+  const panGesture = useMemo(() => Gesture.Pan().activeOffsetY([-5, 5]).failOffsetX([-5, 5]).maxPointers(1).onChange(evt => {
+    const minOffset = -(staticHeight.value - offsetAdjustment.value);
+    headerOffset.value = clamp(headerOffset.value + evt.changeY, minOffset, 0);
+  }).onEnd(evt => {
+    const minOffset = -(staticHeight.value - offsetAdjustment.value);
+    headerOffset.value = withDecay({
+      velocity: evt.velocityY,
+      rubberBandEffect: false,
+      clamp: [minOffset, 0],
+      deceleration: DECELERATION
+    });
+  }), [headerOffset, offsetAdjustment, staticHeight]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: headerOffset.value
+    }]
+  }), []);
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: panGesture,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      ...props,
+      style: [style, animatedStyle],
+      collapsable: false,
+      children: children
+    })
+  });
+};
+Header.displayName = 'CollapsibleTabs.Header';
+export default /*#__PURE__*/memo(Header);
+//# sourceMappingURL=Header.js.map

package/lib/module/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","Platform","Gesture","GestureDetector","Animated","clamp","useAnimatedStyle","withDecay","useCollapsibleTabsContext","jsx","_jsx","DECELERATION","OS","Header","children","style","props","headerOffset","staticHeight","offsetAdjustment","panGesture","Pan","activeOffsetY","failOffsetX","maxPointers","onChange","evt","minOffset","value","changeY","onEnd","velocity","velocityY","rubberBandEffect","deceleration","animatedStyle","transform","translateY","gesture","View","collapsable","displayName"],"sourceRoot":"..\\..\\src","sources":["Header.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAErC,SAASC,QAAQ,QAAmB,cAAc;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,OAAOC,QAAQ,IAAIC,KAAK,EAAEC,gBAAgB,EAAEC,SAAS,QAAQ,yBAAyB;AAEtF,SAASC,yBAAyB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,MAAMC,YAAY,GAAGV,QAAQ,CAACW,EAAE,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;AAE9D,MAAMC,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EAC3D,MAAM;IAAEC,YAAY;IAAEC,YAAY;IAAEC;EAAiB,CAAC,GAAGX,yBAAyB,CAAC,CAAC;EAEpF,MAAMY,UAAU,GAAGpB,OAAO,CACxB,MACEE,OAAO,CAACmB,GAAG,CAAC,CAAC,CACVC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACtBC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACpBC,WAAW,CAAC,CAAC,CAAC,CACdC,QAAQ,CAAEC,GAAG,IAAK;IACjB,MAAMC,SAAS,GAAG,EAAET,YAAY,CAACU,KAAK,GAAGT,gBAAgB,CAACS,KAAK,CAAC;IAChEX,YAAY,CAACW,KAAK,GAAGvB,KAAK,CAACY,YAAY,CAACW,KAAK,GAAGF,GAAG,CAACG,OAAO,EAAEF,SAAS,EAAE,CAAC,CAAC;EAC5E,CAAC,CAAC,CACDG,KAAK,CAAEJ,GAAG,IAAK;IACd,MAAMC,SAAS,GAAG,EAAET,YAAY,CAACU,KAAK,GAAGT,gBAAgB,CAACS,KAAK,CAAC;IAChEX,YAAY,CAACW,KAAK,GAAGrB,SAAS,CAAC;MAAEwB,QAAQ,EAAEL,GAAG,CAACM,SAAS;MAAEC,gBAAgB,EAAE,KAAK;MAAE5B,KAAK,EAAE,CAACsB,SAAS,EAAE,CAAC,CAAC;MAAEO,YAAY,EAAEvB;IAAa,CAAC,CAAC;EACzI,CAAC,CAAC,EACN,CAACM,YAAY,EAAEE,gBAAgB,EAAED,YAAY,CAC/C,CAAC;EAED,MAAMiB,aAAa,GAAG7B,gBAAgB,CAAC,OAAO;IAAE8B,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEpB,YAAY,CAACW;IAAM,CAAC;EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EAEvG,oBACElB,IAAA,CAACP,eAAe;IAACmC,OAAO,EAAElB,UAAW;IAAAN,QAAA,eACnCJ,IAAA,CAACN,QAAQ,CAACmC,IAAI;MAAA,GAAKvB,KAAK;MAAED,KAAK,EAAE,CAACA,KAAK,EAAEoB,aAAa,CAAE;MAACK,WAAW,EAAE,KAAM;MAAA1B,QAAA,EACzEA;IAAQ,CACI;EAAC,CACD,CAAC;AAEtB,CAAC;AAEDD,MAAM,CAAC4B,WAAW,GAAG,wBAAwB;AAE7C,4BAAe1C,IAAI,CAACc,MAAM,CAAC","ignoreList":[]}

package/lib/module/Indicator.js

@@ -0,0 +1,151 @@
+"use strict";
+
+import { memo } from "react";
+import { PixelRatio, StyleSheet } from "react-native";
+import Animated, { interpolate, useAnimatedStyle, useDerivedValue } from "react-native-reanimated";
+import { useCollapsibleTabsContext } from "./Context";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MaterialIndicator = /*#__PURE__*/memo(({
+  style,
+  color = "#111827",
+  borderRadius = 999,
+  ...props
+}) => {
+  const {
+    itemLayout,
+    pageDecimal
+  } = useCollapsibleTabsContext();
+  const data = useDerivedValue(() => {
+    if (!itemLayout || itemLayout.length === 0) return {
+      input: [],
+      width: [],
+      translateX: []
+    };
+    const input = new Array(itemLayout.length);
+    const translateX = new Array(itemLayout.length);
+    const width = new Array(itemLayout.length);
+    for (let index = 0; index < itemLayout.length; index += 1) {
+      const item = itemLayout[index];
+      input[index] = index;
+      translateX[index] = item.x;
+      width[index] = item.width;
+    }
+    return {
+      input,
+      translateX,
+      width
+    };
+  }, [itemLayout]);
+  const animatedStyles = useAnimatedStyle(() => {
+    if (data.value.input.length === 0 || data.value.width.length === 0 || data.value.translateX.length === 0) return {
+      opacity: 0,
+      width: 0
+    };
+    if (data.value.input.length === 1) return {
+      opacity: 1,
+      width: data.value.width[0],
+      transform: [{
+        translateX: data.value.translateX[0]
+      }]
+    };
+    return {
+      opacity: 1,
+      width: interpolate(pageDecimal.value, data.value.input, data.value.width, "clamp"),
+      transform: [{
+        translateX: interpolate(pageDecimal.value, data.value.input, data.value.translateX, "clamp")
+      }]
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.indicator, {
+      backgroundColor: color,
+      borderRadius
+    }, style, animatedStyles],
+    ...props
+  });
+});
+export const SegmentIndicator = /*#__PURE__*/memo(({
+  style,
+  color = "#ffffff",
+  borderRadius = 999,
+  ...props
+}) => {
+  const {
+    itemLayout,
+    pageDecimal
+  } = useCollapsibleTabsContext();
+  const data = useDerivedValue(() => {
+    if (!itemLayout || itemLayout.length === 0) return {
+      input: [],
+      width: [],
+      translateX: [],
+      height: []
+    };
+    const input = new Array(itemLayout.length);
+    const translateX = new Array(itemLayout.length);
+    const width = new Array(itemLayout.length);
+    const height = new Array(itemLayout.length);
+    for (let index = 0; index < itemLayout.length; index += 1) {
+      const item = itemLayout[index];
+      input[index] = index;
+      translateX[index] = item.x;
+      width[index] = item.width;
+      height[index] = item.height;
+    }
+    return {
+      input,
+      translateX,
+      width,
+      height
+    };
+  }, [itemLayout]);
+  const animatedStyles = useAnimatedStyle(() => {
+    const input = data.value.input;
+    const width = data.value.width;
+    const translateX = data.value.translateX;
+    const height = data.value.height;
+    if (input.length === 0 || width.length === 0 || translateX.length === 0) return {
+      opacity: 0,
+      width: 0
+    };
+    if (input.length === 1) return {
+      opacity: 1,
+      width: width[0],
+      transform: [{
+        translateX: translateX[0]
+      }],
+      height: height[0]
+    };
+    return {
+      opacity: 1,
+      width: interpolate(pageDecimal.value, input, width, "clamp"),
+      transform: [{
+        translateX: interpolate(pageDecimal.value, input, translateX, "clamp")
+      }],
+      height: height[0]
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.segment, {
+      backgroundColor: color,
+      borderRadius
+    }, style, animatedStyles],
+    ...props
+  });
+});
+MaterialIndicator.displayName = "CollapsibleTabs.MaterialIndicator";
+SegmentIndicator.displayName = "CollapsibleTabs.SegmentIndicator";
+const styles = StyleSheet.create({
+  indicator: {
+    height: PixelRatio.roundToNearestPixel(3),
+    position: "absolute",
+    left: 0,
+    bottom: 0
+  },
+  segment: {
+    position: "absolute",
+    left: 0,
+    zIndex: 0
+  }
+});
+//# sourceMappingURL=Indicator.js.map

package/lib/module/Indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","PixelRatio","StyleSheet","Animated","interpolate","useAnimatedStyle","useDerivedValue","useCollapsibleTabsContext","jsx","_jsx","MaterialIndicator","style","color","borderRadius","props","itemLayout","pageDecimal","data","length","input","width","translateX","Array","index","item","x","animatedStyles","value","opacity","transform","View","styles","indicator","backgroundColor","SegmentIndicator","height","segment","displayName","create","roundToNearestPixel","position","left","bottom","zIndex"],"sourceRoot":"..\\..\\src","sources":["Indicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Lazy.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { useStableCallback } from './useStableCallback';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Lazy({
+  placeholder,
+  renderPlaceholder,
+  placeholderStyle,
+  placeholderProps,
+  containerProps,
+  disableEntering = false,
+  disableExiting = false,
+  entering,
+  exiting,
+  enteringDuration,
+  enteringDelay,
+  exitingDuration = 300,
+  focused,
+  duration = 200,
+  delay = 50,
+  onMount,
+  children,
+  style
+}) {
+  const [canMount, setCanMount] = useState(false);
+  const mountNotifiedRef = useRef(false);
+  const stableOnMount = useStableCallback(onMount);
+  useEffect(() => {
+    if (focused) {
+      setCanMount(true);
+      if (!mountNotifiedRef.current) {
+        mountNotifiedRef.current = true;
+        stableOnMount();
+      }
+    }
+  }, [focused, stableOnMount]);
+  const placeholderPointerEvents = placeholderProps?.pointerEvents ?? 'box-none';
+  const {
+    style: placeholderContainerStyle,
+    pointerEvents: _placeholderPointerEvents,
+    ...restPlaceholderProps
+  } = placeholderProps ?? {};
+  const {
+    style: containerStyle,
+    ...restContainerProps
+  } = containerProps ?? {};
+  const enteringAnimation = disableEntering || entering === null ? undefined : entering ?? FadeIn.duration(enteringDuration ?? duration).delay(enteringDelay ?? delay);
+  const exitingAnimation = disableExiting || exiting === null ? undefined : exiting ?? FadeOut.duration(exitingDuration);
+  if (!canMount) {
+    return /*#__PURE__*/_jsx(Animated.View, {
+      ...restPlaceholderProps,
+      exiting: exitingAnimation,
+      style: [styles.placeholder, placeholderStyle, placeholderContainerStyle],
+      pointerEvents: placeholderPointerEvents,
+      children: renderPlaceholder ? renderPlaceholder({
+        focused,
+        canMount
+      }) : placeholder
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...restContainerProps,
+    entering: enteringAnimation,
+    style: [styles.container, style, containerStyle],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    flex: 1,
+    height: '100%'
+  },
+  placeholder: {
+    paddingVertical: 12,
+    width: '100%'
+  }
+});
+//# sourceMappingURL=Lazy.js.map

package/lib/module/Lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","StyleSheet","Animated","FadeIn","FadeOut","useStableCallback","jsx","_jsx","Lazy","placeholder","renderPlaceholder","placeholderStyle","placeholderProps","containerProps","disableEntering","disableExiting","entering","exiting","enteringDuration","enteringDelay","exitingDuration","focused","duration","delay","onMount","children","style","canMount","setCanMount","mountNotifiedRef","stableOnMount","current","placeholderPointerEvents","pointerEvents","placeholderContainerStyle","_placeholderPointerEvents","restPlaceholderProps","containerStyle","restContainerProps","enteringAnimation","undefined","exitingAnimation","View","styles","container","create","width","flex","height","paddingVertical"],"sourceRoot":"..\\..\\src","sources":["Lazy.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/LegendList.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { memo, useCallback, useEffect, useMemo } from "react";
+import { LegendList } from "@legendapp/list/react-native";
+import { StyleSheet, View } from "react-native";
+import { GestureDetector } from "react-native-gesture-handler";
+import Animated, { useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useComposedEventHandler, useSharedValue } from "react-native-reanimated";
+import { useCollapsibleTabsContext } from "./Context";
+import { useTabSelfContext } from "./Tab";
+import { useStableCallback } from "./useStableCallback";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedLegendList = Animated.createAnimatedComponent(LegendList);
+const CollapsibleLegendList = ({
+  onLayout,
+  onContentSizeChange,
+  ...props
+}) => {
+  const {
+    listGestures,
+    activeTabIndex,
+    activeListOffset,
+    registerListScroller
+  } = useCollapsibleTabsContext();
+  const {
+    index
+  } = useTabSelfContext();
+  const selfOffset = useSharedValue(0);
+  const listRef = useAnimatedRef();
+  const onScroll = useAnimatedScrollHandler(event => {
+    selfOffset.value = event.contentOffset.y;
+    if (activeTabIndex.value === index) activeListOffset.value = event.contentOffset.y;
+  });
+  const composedScrollEvent = useComposedEventHandler(props.onScroll ? [onScroll, props.onScroll] : [onScroll]);
+  useAnimatedReaction(() => activeTabIndex.value, value => {
+    if (value === index) activeListOffset.value = selfOffset.value;
+  }, [index]);
+  const scroller = useMemo(() => (animated = true) => {
+    listRef.current?.scrollToOffset({
+      offset: 0,
+      animated
+    });
+  }, [listRef]);
+  useEffect(() => {
+    registerListScroller(index, scroller);
+    return () => registerListScroller(index, null);
+  }, [index, registerListScroller, scroller]);
+  const stableLayout = useStableCallback(onLayout);
+  const stableContentSizeChange = useStableCallback(onContentSizeChange);
+  const handleLayout = useCallback(event => {
+    stableLayout?.(event);
+  }, [stableLayout]);
+  const handleContentSizeChange = useCallback((width, height) => {
+    stableContentSizeChange?.(width, height);
+  }, [stableContentSizeChange]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.view,
+    collapsable: false,
+    children: /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: listGestures[index],
+      children: /*#__PURE__*/_jsx(AnimatedLegendList, {
+        ref: listRef,
+        scrollEventThrottle: 16,
+        showsVerticalScrollIndicator: true,
+        directionalLockEnabled: true,
+        keyboardShouldPersistTaps: "handled",
+        ...props,
+        onScroll: composedScrollEvent,
+        onLayout: handleLayout,
+        onContentSizeChange: handleContentSizeChange
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  view: {
+    position: "relative"
+  }
+});
+CollapsibleLegendList.displayName = "CollapsibleTabs.CollapsibleLegendList";
+export default /*#__PURE__*/memo(CollapsibleLegendList);
+//# sourceMappingURL=LegendList.js.map