decord/source/design/components/Tabs/native/Tabs.native.tsx

// Module ID: 11832
// Function ID: 11833
// Name: defaultCountFormatter
// Dependencies: [19, 17, 1995, 21, 4119, 4668, 712, 4749, 8729, 11833, 6408, 500, 2]
// Exports: Tabs

// Module 11832 (defaultCountFormatter)
import ThemesDefault from "Themes" /* 712 */;
import closure_3 from "noop" /* 19 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import closure_5 from "_getSystemLocale" /* 1995 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;
import importDefaultResult from "module_4119" /* 4119 */;

const require = arg1;
function defaultCountFormatter(toLocaleString) {
  return toLocaleString.toLocaleString(locale.locale);
}
({ View: c4, ScrollView } = get_ActivityIndicator);
({ jsx: closure_6, jsxs: error } = jsxProd);
let closure_8 = importDefaultResult.createAnimatedComponent(ScrollView);
let c9 = 0.04;
let closure_10 = { mass: 0.3, damping: 13, stiffness: 100, restDisplacementThreshold: 0.001, overshootClamping: true };
let closure_11 = createCacheKey.createStyles((gap) => {
  let obj = { container: null, controlsContainer: null, indicatorContainer: null, indicator: null };
  obj = { display: "flex", flexGrow: 1, minWidth: "100%", flexDirection: "row", alignItems: "center", borderBottomColor: ThemesDefault.colors.BORDER_SUBTLE, borderBottomWidth: 1 };
  obj[0] = obj;
  obj = { marginHorizontal: ThemesDefault.space.PX_16, flexDirection: "row", gap };
  obj[1] = obj;
  obj[2] = { position: "absolute", width: "100%", height: "100%", flexDirection: "row", alignItems: "flex-end", marginLeft: ThemesDefault.space.PX_16 };
  if ("gradient-background" === arg1) {
    let TEXT_BRAND = tmp(712).colors.TEXT_STRONG;
  } else {
    TEXT_BRAND = tmp(712).colors.TEXT_BRAND;
  }
  obj1 = { position: "absolute", width: "100%", height: "100%", flexDirection: "row", alignItems: "flex-end", marginLeft: ThemesDefault.space.PX_16 };
  obj[3] = { height: 2, backgroundColor: TEXT_BRAND, borderTopStartRadius: ThemesDefault.radii.xs, borderTopEndRadius: ThemesDefault.radii.xs };
  return obj;
});
let closure_13 = { code: "function TabsNativeTsx1(){const{activeIndex,itemCount}=this.__closure;return Math.round(Math.min(Math.max(activeIndex.get(),0),itemCount-1));}" };
let closure_14 = { code: "function TabsNativeTsx2(){const{itemDimensions,clampedActiveIndex}=this.__closure;const activeItem=itemDimensions.get()[clampedActiveIndex.get()];if(activeItem==null)return 0;return activeItem.width;}" };
let closure_15 = { code: "function TabsNativeTsx3(){const{itemDimensions,clampedActiveIndex}=this.__closure;var _itemDimensions$get$c,_itemDimensions$get$c2;return(_itemDimensions$get$c=(_itemDimensions$get$c2=itemDimensions.get()[clampedActiveIndex.get()])===null||_itemDimensions$get$c2===void 0?void 0:_itemDimensions$get$c2.x)!==null&&_itemDimensions$get$c!==void 0?_itemDimensions$get$c:0;}" };
let closure_16 = { code: "function TabsNativeTsx4(){const{indicatorTranslateX,pressedIndex,clampedActiveIndex,PRESSED_TRANSLATE_AMOUNT,indicatorWidth,scrollOverflow,interpolate,SCROLL_OVERFLOW_UPPER_BOUND,SCROLL_OVERFLOW_MAX_SCALE,withSpring,SELECTED_INDICATOR_SPRING}=this.__closure;let translateX=indicatorTranslateX.get();let scaleX=1;if(pressedIndex.get()>=0){if(pressedIndex.get()<clampedActiveIndex.get()){scaleX+=PRESSED_TRANSLATE_AMOUNT;translateX-=indicatorWidth.get()*(PRESSED_TRANSLATE_AMOUNT/2);}else if(pressedIndex.get()>clampedActiveIndex.get()){scaleX+=PRESSED_TRANSLATE_AMOUNT;translateX+=indicatorWidth.get()*(PRESSED_TRANSLATE_AMOUNT/2);}}if(scrollOverflow.get()<0){const scaleFactor=interpolate(scrollOverflow.get(),[-SCROLL_OVERFLOW_UPPER_BOUND,0],[SCROLL_OVERFLOW_MAX_SCALE,1],'clamp');const scaleAmount=indicatorWidth.get()*(1-scaleFactor);scaleX=scaleFactor;translateX+=-scaleAmount/2;}else if(scrollOverflow.get()>0){const scaleFactor=interpolate(scrollOverflow.get(),[SCROLL_OVERFLOW_UPPER_BOUND,0],[SCROLL_OVERFLOW_MAX_SCALE,1],'clamp');const scaleAmount=indicatorWidth.get()*(1-scaleFactor);scaleX=scaleFactor;translateX+=scaleAmount/2;}return{width:withSpring(indicatorWidth.get(),SELECTED_INDICATOR_SPRING),transform:[{translateX:withSpring(translateX,SELECTED_INDICATOR_SPRING)},{scaleX:withSpring(scaleX,SELECTED_INDICATOR_SPRING)}]};}" };
let closure_17 = { code: "function TabsNativeTsx5(event){const{scrollOffset,onScrollWorklet}=this.__closure;var _onScrollWorklet;scrollOffset.set(event.contentOffset.x);(_onScrollWorklet=onScrollWorklet)===null||_onScrollWorklet===void 0||_onScrollWorklet(event.contentOffset.x);}" };
let closure_18 = { code: "function TabsNativeTsx6(){const{onEndDrag}=this.__closure;var _onEndDrag;(_onEndDrag=onEndDrag)===null||_onEndDrag===void 0||_onEndDrag();}" };
let closure_19 = { code: "function TabsNativeTsx7(){const{scrollOffset,activeIndex,itemDimensions}=this.__closure;return{scrollOffset:scrollOffset.get(),activeIndex:activeIndex.get(),itemDimensions:itemDimensions.get()};}" };
let closure_20 = { code: "function TabsNativeTsx8(props,prevState){const{cheapWorkletShallowEqual,itemSpacing,pageWidth,runOnJS,scrollToOffset,AUTO_SCROLL_BUFFER}=this.__closure;var _itemDimensions$activ,_itemDimensions$activ2,_itemDimensions$activ3;if(props.activeIndex===(prevState===null||prevState===void 0?void 0:prevState.activeIndex))return;if(cheapWorkletShallowEqual(props,prevState!==null&&prevState!==void 0?prevState:undefined))return;const{scrollOffset:scrollOffset,activeIndex:activeIndex,itemDimensions:itemDimensions}=props;const width=itemDimensions.reduce(function(sum,item){var _item$width;return sum+((_item$width=item===null||item===void 0?void 0:item.width)!==null&&_item$width!==void 0?_item$width:0);},0);const itemOffset=((_itemDimensions$activ=(_itemDimensions$activ2=itemDimensions[activeIndex])===null||_itemDimensions$activ2===void 0?void 0:_itemDimensions$activ2.x)!==null&&_itemDimensions$activ!==void 0?_itemDimensions$activ:0)+(activeIndex-1)*itemSpacing;const itemWidth=(_itemDimensions$activ3=itemDimensions[activeIndex])===null||_itemDimensions$activ3===void 0?void 0:_itemDimensions$activ3.width;if(width===0||itemOffset==null||itemWidth==null)return;if(scrollOffset+pageWidth<itemOffset+itemWidth){runOnJS(scrollToOffset)(itemOffset+AUTO_SCROLL_BUFFER);}else if(itemOffset<scrollOffset){runOnJS(scrollToOffset)(itemOffset-AUTO_SCROLL_BUFFER);}}" };
let result = require("set").fileFinishedImporting("design/components/Tabs/native/Tabs.native.tsx");

export { defaultCountFormatter };
export const Tabs = function Tabs(state) {
  state = state.state;
  let flag = state.grow;
  if (flag === undefined) {
    flag = true;
  }
  let formatCount = state.formatCount;
  if (formatCount === undefined) {
    formatCount = itemSpacing;
  }
  const simultaneousHandlers = state.simultaneousHandlers;
  const onScrollWorklet = state.onScrollWorklet;
  const onEndDrag = state.onEndDrag;
  const variant = state.variant;
  let activeIndex;
  let scrollOffset;
  let scrollOverflow;
  let items;
  let itemDimensions;
  itemSpacing = undefined;
  let pageWidth;
  let pressedIndex;
  let setActiveIndex;
  let useReducedMotion;
  closure_17 = undefined;
  let sharedValue;
  let length;
  let ref;
  let derivedValue;
  let derivedValue1;
  let derivedValue2;
  let callback1;
  activeIndex = state.activeIndex;
  scrollOffset = state.scrollOffset;
  scrollOverflow = state.scrollOverflow;
  items = state.items;
  itemDimensions = state.itemDimensions;
  itemSpacing = state.itemSpacing;
  pageWidth = state.pageWidth;
  pressedIndex = state.pressedIndex;
  setActiveIndex = state.setActiveIndex;
  useReducedMotion = state.useReducedMotion;
  const tmp = itemDimensions(itemSpacing, variant);
  closure_17 = tmp;
  let obj = state(formatCount[4]);
  sharedValue = obj.useSharedValue(pageWidth);
  length = items.length;
  ref = simultaneousHandlers.useRef(null);
  const items1 = [sharedValue];
  const callback = simultaneousHandlers.useCallback((nativeEvent) => {
    const result = sharedValue.set(nativeEvent.nativeEvent.layout.width);
  }, items1);
  obj1 = state(formatCount[4]);
  class C {
    constructor() {
      return Math.round(Math.min(Math.max(activeIndex.get(), 0), length - 1));
    }
  }
  C.__closure = { activeIndex, itemCount: length };
  C.__workletHash = 3447899396126;
  C.__initData = pageWidth;
  derivedValue = obj1.useDerivedValue(C);
  let obj2 = state(formatCount[4]);
  class W {
    constructor() {
      value = itemDimensions.get();
      tmp2 = value[closure_21.get(closure_21)];
      num = 0;
      if (null != tmp2) {
        num = tmp2.width;
      }
      return num;
    }
  }
  W.__closure = { itemDimensions, clampedActiveIndex: derivedValue };
  W.__workletHash = 8603255620075;
  W.__initData = pressedIndex;
  derivedValue1 = obj2.useDerivedValue(W);
  let obj3 = state(formatCount[4]);
  class N {
    constructor() {
      value = itemDimensions.get();
      tmp2 = value[closure_21.get(closure_21)];
      num = undefined;
      if (tmp2 != null) {
        num = tmp2.x;
      }
      if (num == null) {
        num = 0;
      }
      return num;
    }
  }
  N.__closure = { itemDimensions, clampedActiveIndex: derivedValue };
  N.__workletHash = 3224400863644;
  N.__initData = setActiveIndex;
  derivedValue2 = obj3.useDerivedValue(N);
  let obj4 = state(formatCount[4]);
  const fn = function $() {
    let value = derivedValue2.get();
    let obj = pressedIndex;
    let num = 1;
    if (pressedIndex.get() < 0) {
      if (scrollOverflow.get() < 0) {
        const obj4 = state(formatCount[4]);
        const interpolateResult = obj4.interpolate(obj3.get(), [-50, 0], [0.9, 1], "clamp");
        let sum = value + -derivedValue1.get() * (1 - interpolateResult) / 2;
        num = interpolateResult;
      } else {
        sum = value;
        if (obj3.get() > 0) {
          const obj11 = state(formatCount[4]);
          const interpolateResult1 = obj11.interpolate(obj3.get(), [50, 0], [0.9, 1], "clamp");
          sum = value + derivedValue1.get() * (1 - interpolateResult1) / 2;
          num = interpolateResult1;
        }
      }
      obj = { width: null, transform: null };
      obj[0] = state(formatCount[7]).withSpring(derivedValue1.get(), items);
      obj = { translateX: null };
      const obj6 = state(formatCount[7]);
      obj[0] = state(formatCount[7]).withSpring(sum, items);
      items = [obj, ];
      obj1 = { scaleX: null };
      const obj8 = state(formatCount[7]);
      obj1[0] = state(formatCount[7]).withSpring(num, items);
      items[1] = obj1;
      obj[1] = items;
      return obj;
    } else {
      obj1 = derivedValue;
      value = obj.get();
      if (value < derivedValue.get()) {
        let num2 = 1 + scrollOverflow;
        let diff = value - 0.02 * derivedValue1.get();
      } else {
        const value1 = obj.get();
        num2 = 1;
        diff = value;
        if (value1 > obj1.get()) {
          num2 = 1 + scrollOverflow;
          diff = value + 0.02 * derivedValue1.get();
        }
      }
    }
  };
  obj = { indicatorTranslateX: derivedValue2, pressedIndex, clampedActiveIndex: derivedValue, PRESSED_TRANSLATE_AMOUNT: scrollOverflow, indicatorWidth: derivedValue1, scrollOverflow, interpolate: state(formatCount[4]).interpolate, SCROLL_OVERFLOW_UPPER_BOUND: 50, SCROLL_OVERFLOW_MAX_SCALE: 0.9, withSpring: state(formatCount[7]).withSpring, SELECTED_INDICATOR_SPRING: items };
  fn.__closure = obj;
  fn.__workletHash = 1794186407627;
  fn.__initData = useReducedMotion;
  const animatedStyle = obj4.useAnimatedStyle(fn);
  obj = { onScroll: null, onEndDrag: null };
  class F {
    constructor(arg0) {
      result = scrollOffset.set(state.contentOffset.x);
      if (onScrollWorklet != null) {
        tmp2Result = tmp2(state.contentOffset.x);
      }
      return;
    }
  }
  F.__closure = { scrollOffset, onScrollWorklet };
  F.__workletHash = 1586298483424;
  F.__initData = closure_17;
  obj[0] = F;
  const fn2 = function b() {
    if (onEndDrag != null) {
      tmp();
    }
  };
  fn2.__closure = { onEndDrag };
  fn2.__workletHash = 6364544472149;
  fn2.__initData = sharedValue;
  obj[1] = fn2;
  const items2 = [useReducedMotion];
  const obj7 = state(formatCount[4]);
  let tmp2 = state;
  callback1 = simultaneousHandlers.useCallback((arg0) => {
    const current = ref.current;
    if (current != null) {
      const obj = { x: null, animated: null };
      obj[0] = arg0;
      obj[1] = !useReducedMotion;
      current.scrollTo(obj);
    }
  }, items2);
  const animatedScrollHandler = state(formatCount[4]).useAnimatedScrollHandler(obj);
  const fn3 = function k() {
    return { scrollOffset: scrollOffset.get(), activeIndex: activeIndex.get(), itemDimensions: itemDimensions.get() };
  };
  fn3.__closure = { scrollOffset, activeIndex, itemDimensions };
  fn3.__workletHash = 9993285637539;
  fn3.__initData = length;
  class X {
    constructor(arg0, arg1) {
      tmp = arg1;
      activeIndex = undefined;
      if (arg1 != null) {
        activeIndex = tmp.activeIndex;
      }
      if (state.activeIndex !== activeIndex) {
        tmp15 = state;
        tmp16 = closure_2;
        obj3 = state(closure_2[8]);
        if (!obj3.cheapWorkletShallowEqual(state, tmp)) {
          ({ scrollOffset, activeIndex, itemDimensions } = state);
          num = 0;
          tmp4 = itemDimensions[activeIndex];
          num2 = undefined;
          reduced = itemDimensions.reduce((arg0, width) => {
            let num;
            if (width != null) {
              num = width.width;
            }
            if (num == null) {
              num = 0;
            }
            return arg0 + num;
          }, 0);
          if (tmp4 != null) {
            num2 = tmp4.x;
          }
          if (num2 == null) {
            num2 = 0;
          }
          num3 = 1;
          tmp5 = itemSpacing;
          sum = num2 + (activeIndex - 1) * itemSpacing;
          tmp7 = itemDimensions[activeIndex];
          width = undefined;
          if (tmp7 != null) {
            width = tmp7.width;
          }
          tmp9 = 0 !== reduced && true && null != width;
          if (tmp9) {
            tmp10 = pageWidth;
            if (scrollOffset + pageWidth < sum + width) {
              tmp15Result = tmp15(tmp16[4]);
              tmp13 = closure_24;
              num5 = 16;
              tmp14 = tmp15Result.runOnJS(closure_24)(sum + 16);
            } else if (sum < scrollOffset) {
              tmp15Result1 = tmp15(tmp16[4]);
              tmp11 = closure_24;
              num4 = 16;
              tmp12 = tmp15Result1.runOnJS(closure_24)(sum - 16);
            }
          }
        }
      }
      return;
    }
  }
  obj1 = { cheapWorkletShallowEqual: state(formatCount[8]).cheapWorkletShallowEqual, itemSpacing, pageWidth, runOnJS: state(formatCount[4]).runOnJS, scrollToOffset: callback1, AUTO_SCROLL_BUFFER: 16 };
  X.__closure = obj1;
  X.__workletHash = 15851319414889;
  X.__initData = ref;
  const animatedReaction = state(formatCount[4]).useAnimatedReaction(fn3, X);
  const items3 = [items, length, formatCount, state, flag, pressedIndex, activeIndex, setActiveIndex, tmp.controlsContainer, variant];
  const items4 = [simultaneousHandlers];
  const memo = simultaneousHandlers.useMemo(() => variant(onScrollWorklet, {
    style: controlsContainer.controlsContainer,
    children: items.map((count, index) => {
      count = count.count;
      closure_0 = index;
      ({ label, id } = count);
      const obj = { index, itemCount: closure_19, label, count: null, state: null, grow: null, pressed: null, selected: null, onPress: null, onPressIn: null, onPressOut: null, variant: null };
      let tmp2;
      if (null != count) {
        tmp2 = callback(count);
      }
      obj[3] = tmp2;
      obj[4] = closure_0;
      obj[5] = closure_1;
      obj[6] = closure_14;
      obj[7] = index === closure_7.get();
      obj[8] = function onPress() {
        closure_1_15(closure_0);
      };
      obj[9] = function onPressIn() {
        const result = closure_1_14.set(closure_0);
      };
      obj[10] = function onPressOut() {
        const result = closure_14.set(-1);
      };
      obj[11] = closure_6;
      return closure_1_6(closure_1_0(closure_1_2[9]).TabItem, obj, id);
    })
  }), items3);
  const memo1 = simultaneousHandlers.useMemo(() => {
    let result = null;
    if (null != simultaneousHandlers) {
      const Gesture = state(formatCount[10]).Gesture;
      result = Gesture.Native().simultaneousWithExternalGesture(tmp);
      const NativeResult = Gesture.Native();
    }
    return result;
  }, items4);
  obj2 = { ref, accessibilityRole: null, keyboardShouldPersistTaps: "handled", horizontal: true, onScroll: null, scrollEventThrottle: 16, showsHorizontalScrollIndicator: false, contentContainerStyle: null, bounces: false, children: null };
  const obj9 = state(formatCount[4]);
  const tmp16 = activeIndex;
  const tmp17 = scrollOffset;
  let str;
  if (obj12.isIOS()) {
    str = "tabbar";
  }
  obj2[1] = str;
  obj2[4] = animatedScrollHandler;
  obj2[7] = tmp.container;
  obj3 = { style: tmp.indicatorContainer, onLayout: callback, children: variant(flag(tmp3[4]).View, { style: items5 }) };
  items5 = [tmp.indicator, animatedStyle];
  const items6 = [variant(onScrollWorklet, obj3), memo];
  obj2[9] = items6;
  const tmp16Result = tmp16(tmp17, obj2);
  let tmp18Result = tmp16Result;
  if (null != memo1) {
    obj4 = { gesture: null, children: null };
    obj4[0] = memo1;
    obj4[1] = tmp16Result;
    tmp18Result = variant(tmp2(tmp3[10]).GestureDetector, obj4);
  }
  return tmp18Result;
};