@onekeyfe/react-native-pager-view 1.1.35

package/lib/module/PagerView.js

@@ -0,0 +1,136 @@
+"use strict";
+
+import React from 'react';
+import { Platform, Keyboard } from 'react-native';
+import { I18nManager } from 'react-native';
+import { childrenWithOverriddenStyle } from "./utils.js";
+import PagerViewNativeComponent, { Commands as PagerViewNativeCommands } from './PagerViewNativeComponent';
+
+/**
+ * Container that allows to flip left and right between child views. Each
+ * child view of the `PagerView` will be treated as a separate page
+ * and will be stretched to fill the `PagerView`.
+ *
+ * It is important all children are `<View>`s and not composite components.
+ * You can set style properties like `padding` or `backgroundColor` for each
+ * child. It is also important that each child have a `key` prop.
+ *
+ * Example:
+ *
+ * ```
+ * render: function() {
+ *   return (
+ *     <PagerView
+ *       style={styles.PagerView}
+ *       initialPage={0}>
+ *       <View style={styles.pageStyle} key="1">
+ *         <Text>First page</Text>
+ *       </View>
+ *       <View style={styles.pageStyle} key="2">
+ *         <Text>Second page</Text>
+ *       </View>
+ *     </PagerView>
+ *   );
+ * }
+ *
+ * ...
+ *
+ * var styles = {
+ *   ...
+ *   PagerView: {
+ *     flex: 1
+ *   },
+ *   pageStyle: {
+ *     alignItems: 'center',
+ *     padding: 20,
+ *   }
+ * }
+ * ```
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export class PagerView extends React.Component {
+  isScrolling = false;
+  pagerView = null;
+  get deducedLayoutDirection() {
+    if (!this.props.layoutDirection ||
+    //@ts-ignore fix it
+    this.props.layoutDirection === 'locale') {
+      return I18nManager.isRTL ? 'rtl' : 'ltr';
+    } else {
+      return this.props.layoutDirection;
+    }
+  }
+  _onPageScroll = e => {
+    if (this.props.onPageScroll) {
+      this.props.onPageScroll(e);
+    }
+
+    // Not implemented on iOS yet
+    if (Platform.OS === 'android') {
+      if (this.props.keyboardDismissMode === 'on-drag') {
+        Keyboard.dismiss();
+      }
+    }
+  };
+  _onPageScrollStateChanged = e => {
+    if (this.props.onPageScrollStateChanged) {
+      this.props.onPageScrollStateChanged(e);
+    }
+    this.isScrolling = e.nativeEvent.pageScrollState === 'dragging';
+  };
+  _onPageSelected = e => {
+    if (this.props.onPageSelected) {
+      this.props.onPageSelected(e);
+    }
+  };
+  _onMoveShouldSetResponderCapture = () => {
+    return this.isScrolling;
+  };
+
+  /**
+   * A helper function to scroll to a specific page in the PagerView.
+   * The transition between pages will be animated.
+   */
+  setPage = selectedPage => {
+    if (this.pagerView) {
+      PagerViewNativeCommands.setPage(this.pagerView, selectedPage);
+    }
+  };
+
+  /**
+   * A helper function to scroll to a specific page in the PagerView.
+   * The transition between pages will *not* be animated.
+   */
+  setPageWithoutAnimation = selectedPage => {
+    if (this.pagerView) {
+      PagerViewNativeCommands.setPageWithoutAnimation(this.pagerView, selectedPage);
+    }
+  };
+
+  /**
+   * A helper function to enable/disable scroll imperatively
+   * The recommended way is using the scrollEnabled prop, however, there might be a case where a
+   * imperative solution is more useful (e.g. for not blocking an animation)
+   */
+  setScrollEnabled = scrollEnabled => {
+    if (this.pagerView) {
+      PagerViewNativeCommands.setScrollEnabledImperatively(this.pagerView, scrollEnabled);
+    }
+  };
+  render() {
+    return /*#__PURE__*/_jsx(PagerViewNativeComponent, {
+      ...this.props,
+      ref: ref => {
+        this.pagerView = ref;
+      },
+      style: this.props.style,
+      layoutDirection: this.deducedLayoutDirection,
+      onPageScroll: this._onPageScroll,
+      onPageScrollStateChanged: this._onPageScrollStateChanged,
+      onPageSelected: this._onPageSelected,
+      onMoveShouldSetResponderCapture: this._onMoveShouldSetResponderCapture,
+      children: childrenWithOverriddenStyle(this.props.children)
+    });
+  }
+}
+//# sourceMappingURL=PagerView.js.map

package/lib/module/PagerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","Keyboard","I18nManager","childrenWithOverriddenStyle","PagerViewNativeComponent","Commands","PagerViewNativeCommands","jsx","_jsx","PagerView","Component","isScrolling","pagerView","deducedLayoutDirection","props","layoutDirection","isRTL","_onPageScroll","e","onPageScroll","OS","keyboardDismissMode","dismiss","_onPageScrollStateChanged","onPageScrollStateChanged","nativeEvent","pageScrollState","_onPageSelected","onPageSelected","_onMoveShouldSetResponderCapture","setPage","selectedPage","setPageWithoutAnimation","setScrollEnabled","scrollEnabled","setScrollEnabledImperatively","render","ref","style","onMoveShouldSetResponderCapture","children"],"sourceRoot":"../../src","sources":["PagerView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/PagerViewNativeComponent.ts

@@ -0,0 +1,82 @@
+import type * as React from 'react';
+import type { HostComponent, ViewProps } from 'react-native';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+export type OnPageScrollEventData = Readonly<{
+  position: Double;
+  offset: Double;
+}>;
+
+export type OnPageSelectedEventData = Readonly<{
+  position: Double;
+}>;
+
+export type OnPageScrollStateChangedEventData = Readonly<{
+  pageScrollState: 'idle' | 'dragging' | 'settling';
+}>;
+
+export interface NativeProps extends ViewProps {
+  scrollEnabled?: WithDefault<boolean, true>;
+  layoutDirection?: WithDefault<'ltr' | 'rtl', 'ltr'>;
+  initialPage?: Int32;
+  orientation?: WithDefault<'horizontal' | 'vertical', 'horizontal'>;
+  offscreenPageLimit?: Int32;
+  pageMargin?: Int32;
+  overScrollMode?: WithDefault<'auto' | 'always' | 'never', 'auto'>;
+  overdrag?: WithDefault<boolean, false>;
+  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>;
+  /**
+  * Controls the sensitivity of scroll gestures on Android.
+  * Higher values make scrolling less sensitive.
+  * Valid range: 2 - 8
+  * @platform android
+  */
+  scrollSensitivity?: Int32;
+  /**
+  * When true on an inner PagerView, enables gesture coordination with
+  * a parent (outer) PagerView. At sub-tab boundaries the inner pager's
+  * gesture recognizer will not begin, allowing the outer pager to take over.
+  * @platform ios
+  */
+  nestedScrollEnabled?: WithDefault<boolean, false>;
+  onPageScroll?: DirectEventHandler<OnPageScrollEventData>;
+  onPageSelected?: DirectEventHandler<OnPageSelectedEventData>;
+  onPageScrollStateChanged?: DirectEventHandler<OnPageScrollStateChangedEventData>;
+}
+
+type PagerViewViewType = HostComponent<NativeProps>;
+
+export interface NativeCommands {
+  setPage: (
+    viewRef: React.ElementRef<PagerViewViewType>,
+    selectedPage: Int32
+  ) => void;
+  setPageWithoutAnimation: (
+    viewRef: React.ElementRef<PagerViewViewType>,
+    selectedPage: Int32
+  ) => void;
+  setScrollEnabledImperatively: (
+    viewRef: React.ElementRef<PagerViewViewType>,
+    scrollEnabled: boolean
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    'setPage',
+    'setPageWithoutAnimation',
+    'setScrollEnabledImperatively',
+  ],
+});
+
+export default codegenNativeComponent<NativeProps>(
+  'RNCViewPager'
+) as HostComponent<NativeProps>;

package/lib/module/codegen-types.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=codegen-types.d.js.map

package/lib/module/codegen-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["codegen-types.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { PagerView } from "./PagerView.js";
+export default PagerView;
+export * from "./usePagerView.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PagerView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAQ,gBAAa;AACvC,eAAeA,SAAS;AACxB,cAAc,mBAAgB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/usePagerView.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import { PagerView } from "./PagerView.js";
+import { Animated } from 'react-native';
+import { useCallback, useMemo, useRef, useState } from 'react';
+const AnimatedPagerView = Animated.createAnimatedComponent(PagerView);
+export function usePagerView({
+  pagesAmount
+} = {
+  pagesAmount: 0
+}) {
+  const ref = useRef(null);
+  const [pages, setPages] = useState(new Array(pagesAmount).fill('').map((_v, index) => index));
+  const [activePage, setActivePage] = useState(0);
+  const [isAnimated, setIsAnimated] = useState(true);
+  const [overdragEnabled, setOverdragEnabled] = useState(false);
+  const [scrollEnabled, setScrollEnabled] = useState(true);
+  const [scrollState, setScrollState] = useState('idle');
+  const [progress, setProgress] = useState({
+    position: 0,
+    offset: 0
+  });
+  const onPageScrollOffset = useRef(new Animated.Value(0)).current;
+  const onPageScrollPosition = useRef(new Animated.Value(0)).current;
+  const onPageSelectedPosition = useRef(new Animated.Value(0)).current;
+  const setPage = useCallback(page => isAnimated ? ref.current?.setPage(page) : ref.current?.setPageWithoutAnimation(page), [isAnimated]);
+  const addPage = useCallback(() => {
+    setPages(prevPages => {
+      return [...prevPages, prevPages.length];
+    });
+  }, []);
+  const removePage = useCallback(() => {
+    setPages(prevPages => {
+      if (prevPages.length === 1) {
+        return prevPages;
+      }
+      return prevPages.slice(0, prevPages.length - 1);
+    });
+  }, []);
+  const toggleAnimation = useCallback(() => setIsAnimated(animated => !animated), []);
+  const toggleScroll = useCallback(() => setScrollEnabled(enabled => !enabled), []);
+  const toggleOverdrag = useCallback(() => setOverdragEnabled(enabled => !enabled), []);
+  const onPageScroll = useMemo(() => Animated.event([{
+    nativeEvent: {
+      offset: onPageScrollOffset,
+      position: onPageScrollPosition
+    }
+  }], {
+    listener: ({
+      nativeEvent: {
+        offset,
+        position
+      }
+    }) => {
+      setProgress({
+        position,
+        offset
+      });
+    },
+    useNativeDriver: true
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  const onPageSelected = useMemo(() => Animated.event([{
+    nativeEvent: {
+      position: onPageSelectedPosition
+    }
+  }], {
+    listener: ({
+      nativeEvent: {
+        position
+      }
+    }) => {
+      setActivePage(position);
+    },
+    useNativeDriver: true
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  const onPageScrollStateChanged = useCallback(e => {
+    setScrollState(e.nativeEvent.pageScrollState);
+  }, []);
+  return {
+    ref,
+    activePage,
+    isAnimated,
+    pages,
+    scrollState,
+    scrollEnabled,
+    progress,
+    overdragEnabled,
+    setPage,
+    addPage,
+    removePage,
+    toggleScroll,
+    toggleAnimation,
+    setProgress,
+    onPageScroll,
+    onPageSelected,
+    onPageScrollStateChanged,
+    toggleOverdrag,
+    AnimatedPagerView,
+    PagerView
+  };
+}
+//# sourceMappingURL=usePagerView.js.map

package/lib/module/usePagerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PagerView","Animated","useCallback","useMemo","useRef","useState","AnimatedPagerView","createAnimatedComponent","usePagerView","pagesAmount","ref","pages","setPages","Array","fill","map","_v","index","activePage","setActivePage","isAnimated","setIsAnimated","overdragEnabled","setOverdragEnabled","scrollEnabled","setScrollEnabled","scrollState","setScrollState","progress","setProgress","position","offset","onPageScrollOffset","Value","current","onPageScrollPosition","onPageSelectedPosition","setPage","page","setPageWithoutAnimation","addPage","prevPages","length","removePage","slice","toggleAnimation","animated","toggleScroll","enabled","toggleOverdrag","onPageScroll","event","nativeEvent","listener","useNativeDriver","onPageSelected","onPageScrollStateChanged","e","pageScrollState"],"sourceRoot":"../../src","sources":["usePagerView.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import React, { Children } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const childrenWithOverriddenStyle = children => {
+  return Children.map(children, child => {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return null;
+    }
+    const element = child;
+    return (
+      /*#__PURE__*/
+      // Add a wrapper to ensure layout is calculated correctly
+      _jsx(View, {
+        style: StyleSheet.absoluteFill,
+        collapsable: false,
+        children: /*#__PURE__*/React.cloneElement(element, {
+          ...element.props,
+          // Override styles so that each page will fill the parent.
+          style: [element.props.style, StyleSheet.absoluteFill]
+        })
+      })
+    );
+  });
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","StyleSheet","View","jsx","_jsx","childrenWithOverriddenStyle","children","map","child","isValidElement","element","style","absoluteFill","collapsable","cloneElement","props"],"sourceRoot":"../../src","sources":["utils.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAmB,OAAO;AAClD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,2BAA2B,GAAIC,QAAoB,IAAK;EACnE,OAAON,QAAQ,CAACO,GAAG,CAACD,QAAQ,EAAGE,KAAK,IAAK;IACvC,IAAI,eAACT,KAAK,CAACU,cAAc,CAACD,KAAK,CAAC,EAAE;MAChC,OAAO,IAAI;IACb;IAEA,MAAME,OAAO,GAAGF,KAAgC;IAChD;MAAA;MACE;MACAJ,IAAA,CAACF,IAAI;QAACS,KAAK,EAAEV,UAAU,CAACW,YAAa;QAACC,WAAW,EAAE,KAAM;QAAAP,QAAA,eACtDP,KAAK,CAACe,YAAY,CAACJ,OAAO,EAAE;UAC3B,GAAGA,OAAO,CAACK,KAAK;UAChB;UACAJ,KAAK,EAAE,CAACD,OAAO,CAACK,KAAK,CAACJ,KAAK,EAAEV,UAAU,CAACW,YAAY;QACtD,CAAC;MAAC,CACE;IAAC;EAEX,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/PagerView.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import PagerViewNativeComponent, { NativeProps } from './PagerViewNativeComponent';
+/**
+ * Container that allows to flip left and right between child views. Each
+ * child view of the `PagerView` will be treated as a separate page
+ * and will be stretched to fill the `PagerView`.
+ *
+ * It is important all children are `<View>`s and not composite components.
+ * You can set style properties like `padding` or `backgroundColor` for each
+ * child. It is also important that each child have a `key` prop.
+ *
+ * Example:
+ *
+ * ```
+ * render: function() {
+ *   return (
+ *     <PagerView
+ *       style={styles.PagerView}
+ *       initialPage={0}>
+ *       <View style={styles.pageStyle} key="1">
+ *         <Text>First page</Text>
+ *       </View>
+ *       <View style={styles.pageStyle} key="2">
+ *         <Text>Second page</Text>
+ *       </View>
+ *     </PagerView>
+ *   );
+ * }
+ *
+ * ...
+ *
+ * var styles = {
+ *   ...
+ *   PagerView: {
+ *     flex: 1
+ *   },
+ *   pageStyle: {
+ *     alignItems: 'center',
+ *     padding: 20,
+ *   }
+ * }
+ * ```
+ */
+export declare class PagerView extends React.Component<NativeProps> {
+    private isScrolling;
+    pagerView: React.ElementRef<typeof PagerViewNativeComponent> | null;
+    private get deducedLayoutDirection();
+    private _onPageScroll;
+    private _onPageScrollStateChanged;
+    private _onPageSelected;
+    private _onMoveShouldSetResponderCapture;
+    /**
+     * A helper function to scroll to a specific page in the PagerView.
+     * The transition between pages will be animated.
+     */
+    setPage: (selectedPage: number) => void;
+    /**
+     * A helper function to scroll to a specific page in the PagerView.
+     * The transition between pages will *not* be animated.
+     */
+    setPageWithoutAnimation: (selectedPage: number) => void;
+    /**
+     * A helper function to enable/disable scroll imperatively
+     * The recommended way is using the scrollEnabled prop, however, there might be a case where a
+     * imperative solution is more useful (e.g. for not blocking an animation)
+     */
+    setScrollEnabled: (scrollEnabled: boolean) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=PagerView.d.ts.map

package/lib/typescript/src/PagerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagerView.d.ts","sourceRoot":"","sources":["../../../src/PagerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,wBAAwB,EAAE,EAK/B,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACzD,OAAO,CAAC,WAAW,CAAS;IAC5B,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,wBAAwB,CAAC,GAAG,IAAI,CAAQ;IAG3E,OAAO,KAAK,sBAAsB,GAUjC;IAED,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,yBAAyB,CAO/B;IAEF,OAAO,CAAC,eAAe,CAMrB;IAEF,OAAO,CAAC,gCAAgC,CAEtC;IAEF;;;OAGG;IACI,OAAO,GAAI,cAAc,MAAM,UAIpC;IAEF;;;OAGG;IACI,uBAAuB,GAAI,cAAc,MAAM,UAOpD;IAEF;;;;OAIG;IACI,gBAAgB,GAAI,eAAe,OAAO,UAO/C;IAEF,MAAM;CAmBP"}

package/lib/typescript/src/PagerViewNativeComponent.d.ts

@@ -0,0 +1,51 @@
+import type * as React from 'react';
+import type { HostComponent, ViewProps } from 'react-native';
+import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+export type OnPageScrollEventData = Readonly<{
+    position: Double;
+    offset: Double;
+}>;
+export type OnPageSelectedEventData = Readonly<{
+    position: Double;
+}>;
+export type OnPageScrollStateChangedEventData = Readonly<{
+    pageScrollState: 'idle' | 'dragging' | 'settling';
+}>;
+export interface NativeProps extends ViewProps {
+    scrollEnabled?: WithDefault<boolean, true>;
+    layoutDirection?: WithDefault<'ltr' | 'rtl', 'ltr'>;
+    initialPage?: Int32;
+    orientation?: WithDefault<'horizontal' | 'vertical', 'horizontal'>;
+    offscreenPageLimit?: Int32;
+    pageMargin?: Int32;
+    overScrollMode?: WithDefault<'auto' | 'always' | 'never', 'auto'>;
+    overdrag?: WithDefault<boolean, false>;
+    keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>;
+    /**
+    * Controls the sensitivity of scroll gestures on Android.
+    * Higher values make scrolling less sensitive.
+    * Valid range: 2 - 8
+    * @platform android
+    */
+    scrollSensitivity?: Int32;
+    /**
+    * When true on an inner PagerView, enables gesture coordination with
+    * a parent (outer) PagerView. At sub-tab boundaries the inner pager's
+    * gesture recognizer will not begin, allowing the outer pager to take over.
+    * @platform ios
+    */
+    nestedScrollEnabled?: WithDefault<boolean, false>;
+    onPageScroll?: DirectEventHandler<OnPageScrollEventData>;
+    onPageSelected?: DirectEventHandler<OnPageSelectedEventData>;
+    onPageScrollStateChanged?: DirectEventHandler<OnPageScrollStateChangedEventData>;
+}
+type PagerViewViewType = HostComponent<NativeProps>;
+export interface NativeCommands {
+    setPage: (viewRef: React.ElementRef<PagerViewViewType>, selectedPage: Int32) => void;
+    setPageWithoutAnimation: (viewRef: React.ElementRef<PagerViewViewType>, selectedPage: Int32) => void;
+    setScrollEnabledImperatively: (viewRef: React.ElementRef<PagerViewViewType>, scrollEnabled: boolean) => void;
+}
+export declare const Commands: NativeCommands;
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=PagerViewNativeComponent.d.ts.map

package/lib/typescript/src/PagerViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/PagerViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,OAAO,KAAK,EACV,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,iCAAiC,GAAG,QAAQ,CAAC;IACvD,eAAe,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;CACnD,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,WAAW,CAAC,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC,YAAY,GAAG,UAAU,EAAE,YAAY,CAAC,CAAC;IACnE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACvC,mBAAmB,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,CAAC;IAC9D;;;;;MAKE;IACF,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B;;;;;MAKE;IACF,mBAAmB,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;IACzD,cAAc,CAAC,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,kBAAkB,CAAC,iCAAiC,CAAC,CAAC;CAClF;AAED,KAAK,iBAAiB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,CACP,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC5C,YAAY,EAAE,KAAK,KAChB,IAAI,CAAC;IACV,uBAAuB,EAAE,CACvB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC5C,YAAY,EAAE,KAAK,KAChB,IAAI,CAAC;IACV,4BAA4B,EAAE,CAC5B,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC5C,aAAa,EAAE,OAAO,KACnB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,cAMrB,CAAC;wBAIE,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,10 @@
+import type * as ReactNative from 'react-native';
+import { PagerView } from './PagerView';
+export default PagerView;
+export * from './usePagerView';
+import type { OnPageScrollEventData as PagerViewOnPageScrollEventData, OnPageSelectedEventData as PagerViewOnPageSelectedEventData, OnPageScrollStateChangedEventData as PageScrollStateChangedNativeEventData, NativeProps } from './PagerViewNativeComponent';
+export type { PagerViewOnPageScrollEventData, PagerViewOnPageSelectedEventData, PageScrollStateChangedNativeEventData, NativeProps as PagerViewProps, };
+export type PagerViewOnPageScrollEvent = ReactNative.NativeSyntheticEvent<PagerViewOnPageScrollEventData>;
+export type PagerViewOnPageSelectedEvent = ReactNative.NativeSyntheticEvent<PagerViewOnPageSelectedEventData>;
+export type PageScrollStateChangedNativeEvent = ReactNative.NativeSyntheticEvent<PageScrollStateChangedNativeEventData>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,WAAW,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,eAAe,SAAS,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAE/B,OAAO,KAAK,EACV,qBAAqB,IAAI,8BAA8B,EACvD,uBAAuB,IAAI,gCAAgC,EAC3D,iCAAiC,IAAI,qCAAqC,EAC1E,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EACV,8BAA8B,EAC9B,gCAAgC,EAChC,qCAAqC,EACrC,WAAW,IAAI,cAAc,GAC9B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GACpC,WAAW,CAAC,oBAAoB,CAAC,8BAA8B,CAAC,CAAC;AAEnE,MAAM,MAAM,4BAA4B,GACtC,WAAW,CAAC,oBAAoB,CAAC,gCAAgC,CAAC,CAAC;AAErE,MAAM,MAAM,iCAAiC,GAC3C,WAAW,CAAC,oBAAoB,CAAC,qCAAqC,CAAC,CAAC"}

package/lib/typescript/src/usePagerView.d.ts

@@ -0,0 +1,38 @@
+import type * as ReactNative from 'react-native';
+import type { OnPageScrollStateChangedEventData as PageScrollStateChangedNativeEventData } from './PagerViewNativeComponent';
+type PageScrollStateChangedNativeEvent = ReactNative.NativeSyntheticEvent<PageScrollStateChangedNativeEventData>;
+import { PagerView } from './PagerView';
+export type UsePagerViewProps = ReturnType<typeof usePagerView>;
+type UsePagerViewParams = {
+    pagesAmount: number;
+};
+export declare function usePagerView({ pagesAmount }?: UsePagerViewParams): {
+    ref: import("react").RefObject<PagerView | null>;
+    activePage: number;
+    isAnimated: boolean;
+    pages: number[];
+    scrollState: string;
+    scrollEnabled: boolean;
+    progress: {
+        position: number;
+        offset: number;
+    };
+    overdragEnabled: boolean;
+    setPage: (page: number) => void;
+    addPage: () => void;
+    removePage: () => void;
+    toggleScroll: () => void;
+    toggleAnimation: () => void;
+    setProgress: import("react").Dispatch<import("react").SetStateAction<{
+        position: number;
+        offset: number;
+    }>>;
+    onPageScroll: any;
+    onPageSelected: any;
+    onPageScrollStateChanged: (e: PageScrollStateChangedNativeEvent) => void;
+    toggleOverdrag: () => void;
+    AnimatedPagerView: ReactNative.Animated.AnimatedComponent<Readonly<import("./PagerViewNativeComponent").NativeProps>, PagerView>;
+    PagerView: typeof PagerView;
+};
+export {};
+//# sourceMappingURL=usePagerView.d.ts.map

package/lib/typescript/src/usePagerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagerView.d.ts","sourceRoot":"","sources":["../../../src/usePagerView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,WAAW,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAGV,iCAAiC,IAAI,qCAAqC,EAC3E,MAAM,4BAA4B,CAAC;AAEpC,KAAK,iCAAiC,GACpC,WAAW,CAAC,oBAAoB,CAAC,qCAAqC,CAAC,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AAIhE,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAC1B,EAAE,WAAW,EAAE,GAAE,kBAAuC;;;;;;;;;;;;oBAiB/C,MAAM;;;;;;;;;;;kCA8ET,iCAAiC;;;;EA4BxC"}

package/lib/typescript/src/utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export declare const childrenWithOverriddenStyle: (children?: ReactNode) => import("react/jsx-runtime").JSX.Element[] | null | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,2BAA2B,GAAI,WAAW,SAAS,iEAkB/D,CAAC"}