react-native-header-motion 0.4.0 → 1.0.0-beta.0

package/lib/module/hooks/refreshControl.js

@@ -1,31 +0,0 @@
-"use strict";
-
-import { cloneElement, createElement, isValidElement } from 'react';
-import { RefreshControl } from 'react-native';
-function injectProgressViewOffset(refreshControl, progressViewOffset) {
-  if (refreshControl.props.progressViewOffset !== undefined) {
-    return refreshControl;
-  }
-  return /*#__PURE__*/cloneElement(refreshControl, {
-    progressViewOffset: progressViewOffset
-  });
-}
-export function resolveRefreshControl({
-  refreshControl,
-  refreshing,
-  onRefresh,
-  progressViewOffset
-}) {
-  if (refreshControl) {
-    return /*#__PURE__*/isValidElement(refreshControl) ? injectProgressViewOffset(refreshControl, progressViewOffset) : undefined;
-  }
-  if (!onRefresh) {
-    return undefined;
-  }
-  return /*#__PURE__*/createElement(RefreshControl, {
-    refreshing: refreshing ?? false,
-    onRefresh: onRefresh,
-    progressViewOffset: progressViewOffset
-  });
-}
-//# sourceMappingURL=refreshControl.js.map

package/lib/module/hooks/refreshControl.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cloneElement","createElement","isValidElement","RefreshControl","injectProgressViewOffset","refreshControl","progressViewOffset","props","undefined","resolveRefreshControl","refreshing","onRefresh"],"sourceRoot":"../../../src","sources":["hooks/refreshControl.ts"],"mappings":";;AAAA,SACEA,YAAY,EACZC,aAAa,EACbC,cAAc,QAET,OAAO;AACd,SAASC,cAAc,QAAkC,cAAc;AAYvE,SAASC,wBAAwBA,CAC/BC,cAAiD,EACjDC,kBAAuC,EACvC;EACA,IAAID,cAAc,CAACE,KAAK,CAACD,kBAAkB,KAAKE,SAAS,EAAE;IACzD,OAAOH,cAAc;EACvB;EAEA,oBAAOL,YAAY,CAACK,cAAc,EAAE;IAClCC,kBAAkB,EAAEA;EACtB,CAAC,CAAC;AACJ;AAEA,OAAO,SAASG,qBAAqBA,CAAC;EACpCJ,cAAc;EACdK,UAAU;EACVC,SAAS;EACTL;AAC4B,CAAC,EAEjB;EACZ,IAAID,cAAc,EAAE;IAClB,OAAO,aAAAH,cAAc,CAAsBG,cAAc,CAAC,GACtDD,wBAAwB,CAACC,cAAc,EAAEC,kBAAkB,CAAC,GAC5DE,SAAS;EACf;EAEA,IAAI,CAACG,SAAS,EAAE;IACd,OAAOH,SAAS;EAClB;EAEA,oBAAOP,aAAa,CAACE,cAAc,EAAE;IACnCO,UAAU,EAAGA,UAAU,IAAgB,KAAK;IAC5CC,SAAS,EAAEA,SAAuB;IAClCL,kBAAkB,EAAEA;EACtB,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/typescript/src/components/HeaderBase.d.ts

@@ -1,34 +0,0 @@
-import { type ViewProps } from 'react-native';
-import { type AnimatedProps } from 'react-native-reanimated';
-export type HeaderBaseProps = ViewProps;
-export type AnimatedHeaderBaseProps = AnimatedProps<ViewProps>;
-/**
- * Base header component with absolute positioning.
- * Provides a foundation for building headers that need to be positioned absolutely.
- *
- * @example
- * ```tsx
- * <HeaderBase
- *   onLayout={measureTotalHeight}
- * >
- *   ...
- * </HeaderBase>
- * ```
- */
-export declare function HeaderBase({ style, ...rest }: HeaderBaseProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Animated version of HeaderBase using Reanimated's Animated.View.
- * Use this when you need to animate the header based on scroll progress.
- *
- * @example
- * ```tsx
- * <AnimatedHeaderBase
- *   onLayout={measureTotalHeight}
- *   style={[{ paddingTop: insets.top }, animatedStyle]}
- * >
- *   ...
- * </AnimatedHeaderBase>
- * ```
- */
-export declare function AnimatedHeaderBase({ style, ...rest }: AnimatedHeaderBaseProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=HeaderBase.d.ts.map

package/lib/typescript/src/components/HeaderBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC;AACxC,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;AAE/D;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE7D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAEzB"}

package/lib/typescript/src/hooks/refreshControl.d.ts

@@ -1,13 +0,0 @@
-import { type ReactElement } from 'react';
-import { type RefreshControlProps } from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
-type MaybeShared<T> = T | SharedValue<T | undefined>;
-export interface ResolveRefreshControlOptions {
-    refreshControl?: MaybeShared<ReactElement<RefreshControlProps>>;
-    refreshing?: MaybeShared<boolean>;
-    onRefresh?: MaybeShared<() => void>;
-    progressViewOffset: MaybeShared<number>;
-}
-export declare function resolveRefreshControl({ refreshControl, refreshing, onRefresh, progressViewOffset, }: ResolveRefreshControlOptions): ReactElement<RefreshControlProps> | undefined;
-export {};
-//# sourceMappingURL=refreshControl.d.ts.map

package/lib/typescript/src/hooks/refreshControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"refreshControl.d.ts","sourceRoot":"","sources":["../../../../src/hooks/refreshControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;AAErD,MAAM,WAAW,4BAA4B;IAC3C,cAAc,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC;IACpC,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzC;AAeD,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,UAAU,EACV,SAAS,EACT,kBAAkB,GACnB,EAAE,4BAA4B,GAC3B,YAAY,CAAC,mBAAmB,CAAC,GACjC,SAAS,CAgBZ"}

package/src/components/HeaderBase.tsx

@@ -1,51 +0,0 @@
-import { StyleSheet, View, type ViewProps } from 'react-native';
-import Animated, { type AnimatedProps } from 'react-native-reanimated';
-
-export type HeaderBaseProps = ViewProps;
-export type AnimatedHeaderBaseProps = AnimatedProps<ViewProps>;
-
-/**
- * Base header component with absolute positioning.
- * Provides a foundation for building headers that need to be positioned absolutely.
- *
- * @example
- * ```tsx
- * <HeaderBase
- *   onLayout={measureTotalHeight}
- * >
- *   ...
- * </HeaderBase>
- * ```
- */
-export function HeaderBase({ style, ...rest }: HeaderBaseProps) {
-  return <View style={[style, styles.container]} {...rest} />;
-}
-
-/**
- * Animated version of HeaderBase using Reanimated's Animated.View.
- * Use this when you need to animate the header based on scroll progress.
- *
- * @example
- * ```tsx
- * <AnimatedHeaderBase
- *   onLayout={measureTotalHeight}
- *   style={[{ paddingTop: insets.top }, animatedStyle]}
- * >
- *   ...
- * </AnimatedHeaderBase>
- * ```
- */
-export function AnimatedHeaderBase({
-  style,
-  ...rest
-}: AnimatedHeaderBaseProps) {
-  return <Animated.View style={[style, styles.container]} {...rest} />;
-}
-
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-  },
-});

package/src/hooks/refreshControl.ts

@@ -1,55 +0,0 @@
-import {
-  cloneElement,
-  createElement,
-  isValidElement,
-  type ReactElement,
-} from 'react';
-import { RefreshControl, type RefreshControlProps } from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
-
-type MaybeShared<T> = T | SharedValue<T | undefined>;
-
-export interface ResolveRefreshControlOptions {
-  refreshControl?: MaybeShared<ReactElement<RefreshControlProps>>;
-  refreshing?: MaybeShared<boolean>;
-  onRefresh?: MaybeShared<() => void>;
-  progressViewOffset: MaybeShared<number>;
-}
-
-function injectProgressViewOffset(
-  refreshControl: ReactElement<RefreshControlProps>,
-  progressViewOffset: MaybeShared<number>
-) {
-  if (refreshControl.props.progressViewOffset !== undefined) {
-    return refreshControl;
-  }
-
-  return cloneElement(refreshControl, {
-    progressViewOffset: progressViewOffset as number,
-  });
-}
-
-export function resolveRefreshControl({
-  refreshControl,
-  refreshing,
-  onRefresh,
-  progressViewOffset,
-}: ResolveRefreshControlOptions):
-  | ReactElement<RefreshControlProps>
-  | undefined {
-  if (refreshControl) {
-    return isValidElement<RefreshControlProps>(refreshControl)
-      ? injectProgressViewOffset(refreshControl, progressViewOffset)
-      : undefined;
-  }
-
-  if (!onRefresh) {
-    return undefined;
-  }
-
-  return createElement(RefreshControl, {
-    refreshing: (refreshing as boolean) ?? false,
-    onRefresh: onRefresh as () => void,
-    progressViewOffset: progressViewOffset as number,
-  }) as unknown as ReactElement<RefreshControlProps>;
-}