@onekeyfe/react-native-pager-view 3.0.113 → 3.0.114

package/lib/module/PagerView.web.js

@@ -1,177 +0,0 @@
-"use strict";
-
-import React from "react";
-import { I18nManager, Keyboard, StyleSheet, View } from "react-native";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Web fallback for the ordinary PagerView API. All pages stay mounted, matching
- * the package's pre-existing PagerView lifetime contract.
- */
-export class PagerView extends React.Component {
-  state = {
-    selectedPage: Math.max(0, Math.trunc(this.props.initialPage ?? 0)),
-    animateTransition: true
-  };
-  pointerStart = null;
-  scrollEnabled = this.props.scrollEnabled ?? true;
-  componentDidUpdate(previousProps) {
-    if (previousProps.scrollEnabled !== this.props.scrollEnabled) {
-      this.scrollEnabled = this.props.scrollEnabled ?? true;
-    }
-    const pageCount = React.Children.count(this.props.children);
-    if (pageCount > 0 && this.state.selectedPage >= pageCount) {
-      this.setState({
-        selectedPage: pageCount - 1,
-        animateTransition: false
-      });
-    }
-  }
-  setPage = selectedPage => {
-    this.selectPage(selectedPage, true);
-  };
-  setPageWithoutAnimation = selectedPage => {
-    this.selectPage(selectedPage, false);
-  };
-  setScrollEnabled = scrollEnabled => {
-    this.scrollEnabled = scrollEnabled;
-  };
-  nativeEvent(nativeEvent) {
-    return {
-      nativeEvent
-    };
-  }
-  selectPage(selectedPage, animated) {
-    const pageCount = React.Children.count(this.props.children);
-    const position = Math.trunc(selectedPage);
-    if (position < 0 || position >= pageCount || position === this.state.selectedPage) {
-      return;
-    }
-    this.props.onPageScrollStateChanged?.(this.nativeEvent({
-      pageScrollState: animated ? "settling" : "idle"
-    }));
-    this.setState({
-      selectedPage: position,
-      animateTransition: animated
-    }, () => {
-      this.props.onPageScroll?.(this.nativeEvent({
-        position,
-        offset: 0
-      }));
-      this.props.onPageSelected?.(this.nativeEvent({
-        position
-      }));
-      if (animated) {
-        this.props.onPageScrollStateChanged?.(this.nativeEvent({
-          pageScrollState: "idle"
-        }));
-      }
-    });
-  }
-  onTouchStart = event => {
-    if (!this.scrollEnabled) return;
-    this.pointerStart = {
-      x: event.nativeEvent.pageX,
-      y: event.nativeEvent.pageY
-    };
-    if (this.props.keyboardDismissMode === "on-drag") Keyboard.dismiss();
-    this.props.onPageScrollStateChanged?.(this.nativeEvent({
-      pageScrollState: "dragging"
-    }));
-  };
-  onTouchEnd = event => {
-    const start = this.pointerStart;
-    this.pointerStart = null;
-    if (!start || !this.scrollEnabled) return;
-    const vertical = this.props.orientation === "vertical";
-    const delta = vertical ? event.nativeEvent.pageY - start.y : event.nativeEvent.pageX - start.x;
-    const isRTL = !vertical && (this.props.layoutDirection === "rtl" || (!this.props.layoutDirection || this.props.layoutDirection === "locale") && I18nManager.isRTL);
-    const direction = Math.abs(delta) >= 40 ? delta < 0 ? 1 : -1 : 0;
-    const next = this.state.selectedPage + (isRTL ? -direction : direction);
-    if (direction === 0 || next < 0 || next >= React.Children.count(this.props.children)) {
-      this.props.onPageScrollStateChanged?.(this.nativeEvent({
-        pageScrollState: "idle"
-      }));
-      return;
-    }
-    this.selectPage(next, true);
-  };
-  render() {
-    const {
-      children,
-      style,
-      orientation = "horizontal",
-      pageMargin = 0,
-      scrollEnabled: _scrollEnabled,
-      initialPage: _initialPage,
-      layoutDirection: _layoutDirection,
-      offscreenPageLimit: _offscreenPageLimit,
-      overScrollMode: _overScrollMode,
-      overdrag: _overdrag,
-      keyboardDismissMode: _keyboardDismissMode,
-      scrollSensitivity: _scrollSensitivity,
-      nestedScrollEnabled: _nestedScrollEnabled,
-      onPageScroll: _onPageScroll,
-      onPageSelected: _onPageSelected,
-      onPageScrollStateChanged: _onPageScrollStateChanged,
-      ...viewProps
-    } = this.props;
-    const pages = React.Children.toArray(children);
-    const vertical = orientation === "vertical";
-    const pageExtent = pages.length > 0 ? `${100 / pages.length}%` : "100%";
-    const transform = vertical ? [{
-      translateY: `${-this.state.selectedPage * 100 / Math.max(1, pages.length)}%`
-    }] : [{
-      translateX: `${-this.state.selectedPage * 100 / Math.max(1, pages.length)}%`
-    }];
-    return /*#__PURE__*/_jsx(View, {
-      ...viewProps,
-      style: [styles.root, style],
-      children: /*#__PURE__*/_jsx(View, {
-        style: [styles.track, vertical ? styles.verticalTrack : styles.horizontalTrack, vertical ? {
-          height: `${Math.max(1, pages.length) * 100}%`
-        } : {
-          width: `${Math.max(1, pages.length) * 100}%`
-        }, {
-          transform,
-          transitionProperty: "transform",
-          transitionDuration: this.state.animateTransition ? "240ms" : "0ms"
-        }],
-        onTouchStart: this.onTouchStart,
-        onTouchEnd: this.onTouchEnd,
-        children: pages.map((page, index) => /*#__PURE__*/_jsx(View, {
-          style: [styles.page, vertical ? {
-            height: pageExtent,
-            paddingVertical: pageMargin / 2
-          } : {
-            width: pageExtent,
-            paddingHorizontal: pageMargin / 2
-          }],
-          children: page
-        }, /*#__PURE__*/React.isValidElement(page) ? page.key ?? index : index))
-      })
-    });
-  }
-}
-const styles = StyleSheet.create({
-  root: {
-    overflow: "hidden"
-  },
-  track: {
-    flex: 1
-  },
-  horizontalTrack: {
-    flexDirection: "row",
-    height: "100%"
-  },
-  verticalTrack: {
-    flexDirection: "column",
-    width: "100%"
-  },
-  page: {
-    flexShrink: 0,
-    minWidth: 0,
-    minHeight: 0,
-    overflow: "hidden"
-  }
-});
-//# sourceMappingURL=PagerView.web.js.map

package/lib/module/index.web.js

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

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

@@ -1,58 +0,0 @@
-import React from "react";
-import type * as ReactNative from "react-native";
-import { type NativeProps, type OnCollapsibleStateChangedEventData } from "./CollapsiblePagerViewNativeComponent";
-import type { OnPageScrollEventData, OnPageScrollStateChangedEventData, OnPageSelectedEventData } from "./PagerViewNativeComponent";
-export type CollapsiblePagerDiagnostics = ReactNative.NativeSyntheticEvent<OnCollapsibleStateChangedEventData>;
-export type CollapsiblePagerMountState = Readonly<{
-    position: number;
-    mountedPages: readonly number[];
-    pageKeys: readonly string[];
-}>;
-export interface CollapsiblePagerViewProps extends Omit<NativeProps, "children" | "headerHeight" | "stickyHeaderHeight" | "pageKeys" | "retainedPages" | "layoutDirection"> {
-    /** Collapsible content rendered above the sticky bar. */
-    header: React.ReactNode;
-    /** Bar which remains pinned after the header has collapsed. */
-    stickyHeader: React.ReactNode;
-    /** Measured header height. It may be updated after an onLayout measurement. */
-    headerHeight: number;
-    /** Measured sticky bar height. */
-    stickyHeaderHeight: number;
-    /**
-     * Number of pages retained on either side of the selected page. Page slots
-     * remain stable, while distant React/native list subtrees are really
-     * unmounted. Defaults to one adjacent page.
-     */
-    pageRetentionDistance?: number;
-    layoutDirection?: "ltr" | "rtl" | "locale";
-    children?: React.ReactNode;
-    onMountedPagesChanged?: (state: CollapsiblePagerMountState) => void;
-}
-type State = {
-    selectedPage: number;
-};
-/**
- * Pager variant whose vertical header coordination is performed by the native
- * scrolling containers. React participates only at settled page boundaries to
- * retain the selected/adjacent heavy page subtrees.
- */
-export declare class CollapsiblePagerView extends React.PureComponent<CollapsiblePagerViewProps, State> {
-    state: State;
-    private nativeRef;
-    private lastMountSignature;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    setPage: (selectedPage: number) => void;
-    setPageWithoutAnimation: (selectedPage: number) => void;
-    setScrollEnabled: (scrollEnabled: boolean) => void;
-    private pages;
-    private retentionDistance;
-    private mountedPages;
-    private notifyMountedPagesChanged;
-    private onPageSelected;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export type CollapsiblePagerViewOnPageScrollEvent = ReactNative.NativeSyntheticEvent<OnPageScrollEventData>;
-export type CollapsiblePagerViewOnPageSelectedEvent = ReactNative.NativeSyntheticEvent<OnPageSelectedEventData>;
-export type CollapsiblePagerViewOnPageScrollStateChangedEvent = ReactNative.NativeSyntheticEvent<OnPageScrollStateChangedEventData>;
-export {};
-//# sourceMappingURL=CollapsiblePagerView.d.ts.map

package/lib/typescript/src/CollapsiblePagerView.web.d.ts

@@ -1,93 +0,0 @@
-import React from "react";
-import type * as ReactNative from "react-native";
-export type OnPageScrollEventData = Readonly<{
-    position: number;
-    offset: number;
-}>;
-export type OnPageSelectedEventData = Readonly<{
-    position: number;
-}>;
-export type OnPageScrollStateChangedEventData = Readonly<{
-    pageScrollState: "idle" | "dragging" | "settling";
-}>;
-export type OnCollapsibleStateChangedEventData = Readonly<{
-    position: number;
-    headerOffset: number;
-    nativePageCount: number;
-    attachedPageCount: number;
-    observedScrollableCount: number;
-    retainedPages: string;
-    reason: string;
-}>;
-interface WebCollapsiblePagerNativeProps extends ReactNative.ViewProps {
-    scrollEnabled?: boolean;
-    initialPage?: number;
-    offscreenPageLimit?: number;
-    onPageScroll?: (event: ReactNative.NativeSyntheticEvent<OnPageScrollEventData>) => void;
-    onPageSelected?: (event: ReactNative.NativeSyntheticEvent<OnPageSelectedEventData>) => void;
-    onPageScrollStateChanged?: (event: ReactNative.NativeSyntheticEvent<OnPageScrollStateChangedEventData>) => void;
-    onCollapsibleStateChanged?: (event: ReactNative.NativeSyntheticEvent<OnCollapsibleStateChangedEventData>) => void;
-}
-export type CollapsiblePagerDiagnostics = ReactNative.NativeSyntheticEvent<OnCollapsibleStateChangedEventData>;
-export type CollapsiblePagerMountState = Readonly<{
-    position: number;
-    mountedPages: readonly number[];
-    pageKeys: readonly string[];
-}>;
-export interface CollapsiblePagerViewProps extends Omit<WebCollapsiblePagerNativeProps, "children" | "headerHeight" | "stickyHeaderHeight" | "pageKeys" | "retainedPages" | "layoutDirection"> {
-    header: React.ReactNode;
-    stickyHeader: React.ReactNode;
-    headerHeight: number;
-    stickyHeaderHeight: number;
-    pageRetentionDistance?: number;
-    layoutDirection?: "ltr" | "rtl" | "locale";
-    children?: React.ReactNode;
-    onMountedPagesChanged?: (state: CollapsiblePagerMountState) => void;
-}
-type State = {
-    selectedPage: number;
-    animateTransition: boolean;
-};
-/** Web counterpart of the native collapsible pager contract. */
-export declare class CollapsiblePagerView extends React.PureComponent<CollapsiblePagerViewProps, State> {
-    state: State;
-    private root;
-    private touchStartX;
-    private touchStartY;
-    private pageOffsets;
-    private pageHosts;
-    private sharedHeaderOffset;
-    private scrollEnabled;
-    private lastMountSignature;
-    private configureFrame;
-    private configuredScrollElement;
-    private readonly timelineName;
-    componentDidMount(): void;
-    componentDidUpdate(previousProps: CollapsiblePagerViewProps): void;
-    componentWillUnmount(): void;
-    setPage: (selectedPage: number) => void;
-    setPageWithoutAnimation: (selectedPage: number) => void;
-    setScrollEnabled: (scrollEnabled: boolean) => void;
-    private pages;
-    private retentionDistance;
-    private mountedPages;
-    private nativeEvent;
-    private pageScrollElement;
-    private restoreConfiguredScrollElement;
-    private configureActiveScrollElement;
-    private scheduleScrollConfiguration;
-    private onVerticalScrollSettled;
-    private savePageOffset;
-    private restorePageOffset;
-    private selectPage;
-    private notifyMountedPagesChanged;
-    private emitDiagnostics;
-    private onTouchStart;
-    private onTouchEnd;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export type CollapsiblePagerViewOnPageScrollEvent = ReactNative.NativeSyntheticEvent<OnPageScrollEventData>;
-export type CollapsiblePagerViewOnPageSelectedEvent = ReactNative.NativeSyntheticEvent<OnPageSelectedEventData>;
-export type CollapsiblePagerViewOnPageScrollStateChangedEvent = ReactNative.NativeSyntheticEvent<OnPageScrollStateChangedEventData>;
-export {};
-//# sourceMappingURL=CollapsiblePagerView.web.d.ts.map

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

@@ -1,50 +0,0 @@
-import type * as React from "react";
-import { type HostComponent, type 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 type OnCollapsibleStateChangedEventData = Readonly<{
-    position: Int32;
-    headerOffset: Double;
-    nativePageCount: Int32;
-    attachedPageCount: Int32;
-    observedScrollableCount: Int32;
-    retainedPages: string;
-    reason: string;
-}>;
-/**
- * Internal native props. Consumers should use CollapsiblePagerViewProps from
- * CollapsiblePagerView instead of mounting this host component directly.
- */
-export interface NativeProps extends ViewProps {
-    scrollEnabled?: WithDefault<boolean, true>;
-    layoutDirection?: WithDefault<"ltr" | "rtl", "ltr">;
-    initialPage?: Int32;
-    offscreenPageLimit?: Int32;
-    headerHeight?: Int32;
-    stickyHeaderHeight?: Int32;
-    pageKeys?: string;
-    retainedPages?: string;
-    onPageScroll?: DirectEventHandler<OnPageScrollEventData>;
-    onPageSelected?: DirectEventHandler<OnPageSelectedEventData>;
-    onPageScrollStateChanged?: DirectEventHandler<OnPageScrollStateChangedEventData>;
-    onCollapsibleStateChanged?: DirectEventHandler<OnCollapsibleStateChangedEventData>;
-}
-type CollapsiblePagerViewNativeType = HostComponent<NativeProps>;
-export interface NativeCommands {
-    setPage: (viewRef: React.ElementRef<CollapsiblePagerViewNativeType>, selectedPage: Int32) => void;
-    setPageWithoutAnimation: (viewRef: React.ElementRef<CollapsiblePagerViewNativeType>, selectedPage: Int32) => void;
-    setScrollEnabledImperatively: (viewRef: React.ElementRef<CollapsiblePagerViewNativeType>, scrollEnabled: boolean) => void;
-}
-export declare const Commands: NativeCommands;
-declare const _default: HostComponent<NativeProps>;
-export default _default;
-//# sourceMappingURL=CollapsiblePagerViewNativeComponent.d.ts.map

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

@@ -1,55 +0,0 @@
-import React from "react";
-import type * as ReactNative from "react-native";
-export type PagerViewOnPageScrollEventData = Readonly<{
-    position: number;
-    offset: number;
-}>;
-export type PagerViewOnPageSelectedEventData = Readonly<{
-    position: number;
-}>;
-export type PageScrollStateChangedNativeEventData = Readonly<{
-    pageScrollState: "idle" | "dragging" | "settling";
-}>;
-export interface PagerViewProps extends ReactNative.ViewProps {
-    scrollEnabled?: boolean;
-    layoutDirection?: "ltr" | "rtl" | "locale";
-    initialPage?: number;
-    orientation?: "horizontal" | "vertical";
-    offscreenPageLimit?: number;
-    pageMargin?: number;
-    overScrollMode?: "auto" | "always" | "never";
-    overdrag?: boolean;
-    keyboardDismissMode?: "none" | "on-drag";
-    scrollSensitivity?: number;
-    nestedScrollEnabled?: boolean;
-    onPageScroll?: (event: ReactNative.NativeSyntheticEvent<PagerViewOnPageScrollEventData>) => void;
-    onPageSelected?: (event: ReactNative.NativeSyntheticEvent<PagerViewOnPageSelectedEventData>) => void;
-    onPageScrollStateChanged?: (event: ReactNative.NativeSyntheticEvent<PageScrollStateChangedNativeEventData>) => void;
-}
-type State = Readonly<{
-    selectedPage: number;
-    animateTransition: boolean;
-}>;
-/**
- * Web fallback for the ordinary PagerView API. All pages stay mounted, matching
- * the package's pre-existing PagerView lifetime contract.
- */
-export declare class PagerView extends React.Component<PagerViewProps, State> {
-    state: State;
-    private pointerStart;
-    private scrollEnabled;
-    componentDidUpdate(previousProps: PagerViewProps): void;
-    setPage: (selectedPage: number) => void;
-    setPageWithoutAnimation: (selectedPage: number) => void;
-    setScrollEnabled: (scrollEnabled: boolean) => void;
-    private nativeEvent;
-    private selectPage;
-    private onTouchStart;
-    private onTouchEnd;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export type PagerViewOnPageScrollEvent = ReactNative.NativeSyntheticEvent<PagerViewOnPageScrollEventData>;
-export type PagerViewOnPageSelectedEvent = ReactNative.NativeSyntheticEvent<PagerViewOnPageSelectedEventData>;
-export type PageScrollStateChangedNativeEvent = ReactNative.NativeSyntheticEvent<PageScrollStateChangedNativeEventData>;
-export {};
-//# sourceMappingURL=PagerView.web.d.ts.map

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

@@ -1,5 +0,0 @@
-export { PagerView as default, PagerView } from "./PagerView.web";
-export type { PagerViewProps, PagerViewOnPageScrollEvent, PagerViewOnPageScrollEventData, PagerViewOnPageSelectedEvent, PagerViewOnPageSelectedEventData, PageScrollStateChangedNativeEvent, PageScrollStateChangedNativeEventData, } from "./PagerView.web";
-export * from "./usePagerView";
-export * from "./CollapsiblePagerView.web";
-//# sourceMappingURL=index.web.d.ts.map