@r0b0t3d/react-native-collapsible 1.3.5-beta.0 → 1.3.5-beta.2

package/lib/typescript/index.d.ts

@@ -5,6 +5,6 @@ export { default as CollapsibleFlatList } from './components/scrollable/Collapsi
 export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
 export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';
 export { default as StickyView } from './components/header/StickyView';
-export { default as RefreshControl } from './components/pullToRefresh/RefreshControl';
 export { default as CollapsibleView } from './components/CollapsibleView';
 export * from './components/CollapsibleView';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}

package/lib/typescript/types.d.ts

@@ -1,30 +1,30 @@
 import type React from 'react';
 import type { View } from 'react-native';
 import type Animated from 'react-native-reanimated';
-export declare type ScrollToIndexParams = {
+export type ScrollToIndexParams = {
     animated?: boolean | null;
     index: number;
     viewOffset?: number;
     viewPosition?: number;
 };
-export declare type CollapsibleHandles = {
+export type CollapsibleHandles = {
     collapse: (animated?: boolean) => void;
     expand: () => void;
     scrollTo: (offset: number, animate?: boolean) => void;
     scrollToIndex: (params: ScrollToIndexParams) => void;
 };
-export declare type CollapsibleContextType = CollapsibleHandles & {
+export type CollapsibleContextType = CollapsibleHandles & {
     scrollY: Animated.SharedValue<number>;
     headerHeight: Animated.SharedValue<number>;
     headerCollapsed: Animated.SharedValue<boolean>;
 };
-export declare type LayoutParams = {
+export type LayoutParams = {
     top: number;
     left: number;
     width: number;
     height: number;
 };
-export declare type CollapsibleContextInternalType = {
+export type CollapsibleContextInternalType = {
     scrollViewRef: React.RefObject<any>;
     containerRef: React.RefObject<View>;
     contentMinHeight: Animated.SharedValue<number>;
@@ -37,11 +37,12 @@ export declare type CollapsibleContextInternalType = {
     handleHeaderContainerLayout: (height: number) => void;
     setCollapsibleHandlers: (handlers: CollapsibleHandles) => void;
 };
-export declare type CollapsibleProps = {
+export type CollapsibleProps = {
     headerSnappable?: boolean;
 };
-export declare type PullToRefreshContextType = {
+export type PullToRefreshContextType = {
     refreshValue: Animated.SharedValue<number>;
     internalRefreshing: Animated.SharedValue<boolean>;
     internalHeight: Animated.SharedValue<number>;
 };
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACpC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,mBAAmB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACxE,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7D,iBAAiB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,CACtB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAC5B,IAAI,CAAC;IACV,2BAA2B,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,sBAAsB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC"}

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

@@ -1 +1,2 @@
 export declare function debounce<T extends Function>(cb: T, wait?: number): T;
+//# sourceMappingURL=debounce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../src/utils/debounce.ts"],"names":[],"mappings":"AACA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,SAAK,KAQ5D"}

package/lib/typescript/withCollapsibleContext.d.ts

@@ -1,2 +1,3 @@
-import { FC } from 'react';
-export default function withCollapsibleContext<T>(Component: FC<T>): (props: T) => JSX.Element;
+import React, { FC } from 'react';
+export default function withCollapsibleContext<T>(Component: FC<T>): (props: T) => React.JSX.Element;
+//# sourceMappingURL=withCollapsibleContext.d.ts.map

package/lib/typescript/withCollapsibleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCollapsibleContext.d.ts","sourceRoot":"","sources":["../../src/withCollapsibleContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgC,EAAE,EAAE,MAAM,OAAO,CAAC;AAchE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,uBAqLjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r0b0t3d/react-native-collapsible",
-  "version": "1.3.5-beta.0",
+  "version": "1.3.5-beta.2",
   "description": "Fully customizable collapsible views",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -13,23 +13,27 @@
     "android",
     "ios",
     "cpp",
-    "react-native-collapsible.podspec",
+    "*.podspec",
     "!lib/typescript/example",
-    "!android/build",
     "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
     "!**/__tests__",
     "!**/__fixtures__",
-    "!**/__mocks__"
+    "!**/__mocks__",
+    "!**/.*"
   ],
   "scripts": {
     "test": "jest",
-    "typescript": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "prepare": "bob build",
+    "prepack": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
-    "pods": "cd example && pod-install --quiet",
-    "bootstrap": "yarn example && yarn && yarn pods"
+    "bootstrap": "yarn example && yarn install"
   },
   "keywords": [
     "react-native",
@@ -47,34 +51,41 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^11.0.0",
-    "@react-native-community/eslint-config": "^2.0.0",
-    "@release-it/conventional-changelog": "^2.0.0",
-    "@types/jest": "^26.0.0",
-    "@types/react": "^16.9.19",
-    "@types/react-native": "0.62.13",
-    "commitlint": "^11.0.0",
-    "eslint": "^7.2.0",
-    "eslint-config-prettier": "^7.0.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "husky": "^4.2.5",
-    "jest": "^26.0.1",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.2.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.70.0",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
-    "react": "16.13.1",
-    "react-native": "0.63.4",
-    "react-native-builder-bob": "^0.18.0",
-    "react-native-gesture-handler": "^1.10.3",
-    "react-native-reanimated": "^2.2.0",
-    "release-it": "^14.11.5",
-    "typescript": "^4.1.3"
+    "react": "18.2.0",
+    "react-native": "0.71.8",
+    "react-native-builder-bob": "^0.20.0",
+    "react-native-reanimated": "^3.3.0",
+    "release-it": "^15.0.0",
+    "typescript": "^5.0.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "*",
-    "react-native-reanimated": ">=2.2.0"
+    "react-native-reanimated": ">=3.0.0"
   },
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "packageManager": "^yarn@1.22.15",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [
@@ -82,12 +93,6 @@
       "<rootDir>/lib/"
     ]
   },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "yarn lint && yarn typescript"
-    }
-  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"

package/src/components/CollapsibleView.tsx

@@ -3,11 +3,11 @@
 import React, { ReactNode, useCallback, useEffect, useMemo } from 'react';
 import {
   LayoutChangeEvent,
+  Pressable,
   StyleProp,
   StyleSheet,
   Text,
   TextStyle,
-  TouchableOpacity,
   View,
   ViewStyle,
 } from 'react-native';
@@ -181,13 +181,19 @@ export function CollapsibleHeaderText({
   }, [iconInitialAngle]);
 
   return (
-    <TouchableOpacity activeOpacity={0.9} onPress={onToggle} style={style}>
-      <View style={styles.headerContainer}>
-        <Text style={[styles.headerTitle, titleStyle]}>{title}</Text>
-        {icon && <Animated.View style={iconStyle}>{icon}</Animated.View>}
+    <View style={style} pointerEvents="box-none">
+      <View style={styles.headerContainer} pointerEvents="box-none">
+        <Pressable onPress={onToggle}>
+          <Text style={[styles.headerTitle, titleStyle]}>{title}</Text>
+        </Pressable>
+        {icon && (
+          <Pressable onPress={onToggle}>
+            <Animated.View style={iconStyle}>{icon}</Animated.View>
+          </Pressable>
+        )}
       </View>
       {children}
-    </TouchableOpacity>
+    </View>
   );
 }
 
@@ -199,6 +205,7 @@ const styles = StyleSheet.create({
   headerContainer: {
     flexDirection: 'row',
     alignItems: 'center',
+    justifyContent: 'space-between',
   },
   headerTitle: {
     flex: 1,

package/src/components/header/CollapsibleHeaderConsumer.tsx

@@ -21,7 +21,7 @@ export default function CollapsibleHeaderConsumer() {
         // FIXME: can improve by geting maxY value of header and sticky views
         [-1000, 0, 100000],
         [0, 0, -100000],
-        Animated.Extrapolate.CLAMP
+        'clamp'
       ),
     []
   );
@@ -57,5 +57,6 @@ export default function CollapsibleHeaderConsumer() {
 const styles = StyleSheet.create({
   container: {
     zIndex: 10,
+    backgroundColor: 'white',
   },
 });

package/src/components/header/StickyView.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { Platform, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 import useCollapsibleContext from '../../hooks/useCollapsibleContext';
 import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
 import Animated, {
@@ -26,7 +26,7 @@ export default function StickyView({ children, style }: Props) {
 
   useEffect(() => {
     return () => handleStickyViewLayout(key, undefined);
-  }, []);
+  }, [key]);
 
   const handleLayout = useCallback(() => {
     handleStickyViewLayout(key, viewRef);
@@ -42,7 +42,7 @@ export default function StickyView({ children, style }: Props) {
       [0, 0, 100000],
       Extrapolate.CLAMP
     );
-  }, []);
+  }, [key]);
 
   const animatedStyle = useAnimatedStyle(() => {
     return {
@@ -72,6 +72,5 @@ const styles = StyleSheet.create({
   container: {
     backgroundColor: 'white',
     zIndex: 10,
-    marginTop: Platform.OS === 'android' ? -1 : 0,
   },
 });

package/src/index.tsx

@@ -6,6 +6,5 @@ export { default as CollapsibleFlatList } from './components/scrollable/Collapsi
 export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
 export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';
 export { default as StickyView } from './components/header/StickyView';
-export { default as RefreshControl } from './components/pullToRefresh/RefreshControl';
 export { default as CollapsibleView } from './components/CollapsibleView';
 export * from './components/CollapsibleView';

package/src/withCollapsibleContext.tsx

@@ -1,6 +1,5 @@
-/* eslint-disable no-shadow */
 /* eslint-disable react-hooks/exhaustive-deps */
-import React, { FC, useCallback, useMemo, useRef } from 'react';
+import React, { useCallback, useMemo, useRef, FC } from 'react';
 import type { CollapsibleHandles, LayoutParams } from './types';
 import { CollapsibleContext } from './hooks/useCollapsibleContext';
 import { InternalCollapsibleContext } from './hooks/useInternalCollapsibleContext';
@@ -19,14 +18,17 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
     const collapsibleHandlers = useRef<CollapsibleHandles>();
     const headerHeight = useSharedValue(0);
     const scrollY = useSharedValue(0);
-    const stickyViewRefs = useRef<Record<string, React.RefObject<View>>>({});
+    const stickyViewRefs = useRef<
+      Record<string, React.RefObject<View> | undefined>
+    >({});
     const stickyViewTops = useSharedValue<Record<string, number>>({});
-    const stickyViewPositionsRef = useRef<Record<string, LayoutParams>>({});
+    const stickyViewPositionsRef = useRef<
+      Record<string, LayoutParams | undefined>
+    >({});
     const stickyViewPositions = useSharedValue<Record<string, LayoutParams>>(
       {}
     );
     const fixedHeaderHeight = useSharedValue(0);
-    const stickyHeaderHeight = useSharedValue(0);
     const containerHeight = useSharedValue(0);
     const firstStickyViewY = useSharedValue(1000000);
     const containerRef = useRef<View>(null);
@@ -42,18 +44,18 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
     }, []);
 
     const contentMinHeight = useDerivedValue(() => {
-      return (
-        containerHeight.value +
-        fixedHeaderHeight.value -
-        stickyHeaderHeight.value
-      );
+      return containerHeight.value + fixedHeaderHeight.value;
     }, []);
 
     useAnimatedReaction(
       () => {
         const totalHeight = Object.keys(stickyViewPositions.value).reduce(
           (acc, item) => {
-            return acc + stickyViewPositions.value[item].top;
+            const value = stickyViewPositions.value[item];
+            if (value) {
+              return acc + value.top;
+            }
+            return acc;
           },
           0
         );
@@ -62,29 +64,23 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
       (result, previous) => {
         if (result !== previous) {
           const viewPositions = stickyViewPositions.value;
-          const headerHeight = fixedHeaderHeight.value;
-          const sortedKeys = Object.keys(viewPositions).sort(
-            (a, b) => viewPositions[a].top - viewPositions[b].top
-          );
+          const sortedKeys = Object.keys(viewPositions)
+            .filter((v) => !!viewPositions[v])
+            // @ts-ignore
+            .sort((a, b) => viewPositions[a].top - viewPositions[b].top);
           let totalTop = 0;
           const values: any = {};
           for (let i = 0; i < sortedKeys.length; i++) {
+            // @ts-ignore
             values[sortedKeys[i]] = totalTop;
             // Try minus 1 make it filled when scrolling up.
             // Otherwise, we can see a small space between the persits views
+            // @ts-ignore
             totalTop += viewPositions[sortedKeys[i]].height - 1;
           }
           stickyViewTops.value = values;
+          // @ts-ignore
           firstStickyViewY.value = viewPositions[sortedKeys[0]]?.top || 0;
-          const stickyHeader = sortedKeys.reduce((acc, key) => {
-            const data = viewPositions[key];
-            const isInsideHeader = data.top < headerHeight;
-            if (isInsideHeader) {
-              return acc + data.height;
-            }
-            return acc;
-          }, 0);
-          stickyHeaderHeight.value = stickyHeader;
         }
       }
     );
@@ -101,13 +97,21 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
                 ...stickyViewPositionsRef.current,
                 [viewKey]: { left, top, width, height },
               };
+              // @ts-ignore
               stickyViewPositions.value = stickyViewPositionsRef.current;
             },
             () => {}
           );
         } else {
-          delete stickyViewRefs.current[viewKey];
-          delete stickyViewPositionsRef.current[viewKey];
+          stickyViewRefs.current = {
+            ...stickyViewRefs.current,
+            [viewKey]: undefined,
+          };
+          stickyViewPositionsRef.current = {
+            ...stickyViewPositionsRef.current,
+            [viewKey]: undefined,
+          };
+          // @ts-ignore
           stickyViewPositions.value = stickyViewPositionsRef.current;
         }
       },

package/lib/commonjs/components/pullToRefresh/PullToRefreshContainer.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PullToRefreshContainer;
-
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
-var _usePullToRefreshContext = _interopRequireDefault(require("./usePullToRefreshContext"));
-
-var _reactNative = require("react-native");
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function PullToRefreshContainer({
-  children,
-  scrollY
-}) {
-  const scrollRef = (0, _react.useRef)();
-  const panRef = (0, _react.useRef)();
-  const {
-    refreshValue,
-    internalRefreshing,
-    internalHeight
-  } = (0, _usePullToRefreshContext.default)();
-  const gestureHandler = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
-    onStart: (_, ctx) => {
-      ctx.startY = (internalRefreshing.value ? refreshValue.value : 0) - scrollY.value;
-    },
-    onActive: (event, ctx) => {
-      if (scrollY.value <= 1) {
-        const tranY = event.translationY + ctx.startY;
-        const clampedValue = (0, _utils.rubberClamp)(tranY, 0, internalHeight.value);
-        refreshValue.value = clampedValue;
-
-        if (clampedValue > internalHeight.value) {
-          internalRefreshing.value = true;
-        }
-      } else if (!internalRefreshing.value) {
-        refreshValue.value = 0;
-      }
-    },
-    onEnd: () => {
-      if (refreshValue.value > 0) {
-        const value = internalRefreshing.value ? internalHeight.value : 0;
-        refreshValue.value = (0, _reactNativeReanimated.withTiming)(value);
-      }
-    }
-  });
-  return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.PanGestureHandler, {
-    ref: panRef,
-    simultaneousHandlers: scrollRef,
-    onGestureEvent: gestureHandler,
-    shouldCancelWhenOutside: false,
-    enableTrackpadTwoFingerGesture: true,
-    maxPointers: 1
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: _reactNative.StyleSheet.absoluteFill
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.NativeViewGestureHandler, {
-    ref: scrollRef,
-    simultaneousHandlers: panRef
-  }, children)));
-}
-//# sourceMappingURL=PullToRefreshContainer.js.map

package/lib/commonjs/components/pullToRefresh/PullToRefreshContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PullToRefreshContainer.tsx"],"names":["PullToRefreshContainer","children","scrollY","scrollRef","panRef","refreshValue","internalRefreshing","internalHeight","gestureHandler","onStart","_","ctx","startY","value","onActive","event","tranY","translationY","clampedValue","onEnd","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;AAIA;;AACA;;AACA;;;;;;;;AAOe,SAASA,sBAAT,CAAgC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAhC,EAA8D;AAC3E,QAAMC,SAAS,GAAG,oBAAlB;AACA,QAAMC,MAAM,GAAG,oBAAf;AACA,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,kBAAhB;AAAoCC,IAAAA;AAApC,MACJ,uCADF;AAGA,QAAMC,cAAc,GAAG,sDAA0B;AAC/CC,IAAAA,OAAO,EAAE,CAACC,CAAD,EAAIC,GAAJ,KAAiB;AACxBA,MAAAA,GAAG,CAACC,MAAJ,GACE,CAACN,kBAAkB,CAACO,KAAnB,GAA2BR,YAAY,CAACQ,KAAxC,GAAgD,CAAjD,IAAsDX,OAAO,CAACW,KADhE;AAED,KAJ8C;AAK/CC,IAAAA,QAAQ,EAAE,CAACC,KAAD,EAAQJ,GAAR,KAAqB;AAC7B,UAAIT,OAAO,CAACW,KAAR,IAAiB,CAArB,EAAwB;AACtB,cAAMG,KAAK,GAAGD,KAAK,CAACE,YAAN,GAAqBN,GAAG,CAACC,MAAvC;AACA,cAAMM,YAAY,GAAG,wBAAYF,KAAZ,EAAmB,CAAnB,EAAsBT,cAAc,CAACM,KAArC,CAArB;AACAR,QAAAA,YAAY,CAACQ,KAAb,GAAqBK,YAArB;;AACA,YAAIA,YAAY,GAAGX,cAAc,CAACM,KAAlC,EAAyC;AACvCP,UAAAA,kBAAkB,CAACO,KAAnB,GAA2B,IAA3B;AACD;AACF,OAPD,MAOO,IAAI,CAACP,kBAAkB,CAACO,KAAxB,EAA+B;AACpCR,QAAAA,YAAY,CAACQ,KAAb,GAAqB,CAArB;AACD;AACF,KAhB8C;AAiB/CM,IAAAA,KAAK,EAAE,MAAM;AACX,UAAId,YAAY,CAACQ,KAAb,GAAqB,CAAzB,EAA4B;AAC1B,cAAMA,KAAK,GAAGP,kBAAkB,CAACO,KAAnB,GAA2BN,cAAc,CAACM,KAA1C,GAAkD,CAAhE;AACAR,QAAAA,YAAY,CAACQ,KAAb,GAAqB,uCAAWA,KAAX,CAArB;AACD;AACF;AAtB8C,GAA1B,CAAvB;AAyBA,sBACE,6BAAC,4CAAD;AACE,IAAA,GAAG,EAAET,MADP;AAEE,IAAA,oBAAoB,EAAED,SAFxB;AAGE,IAAA,cAAc,EAAEK,cAHlB;AAIE,IAAA,uBAAuB,EAAE,KAJ3B;AAKE,IAAA,8BAA8B,MALhC;AAME,IAAA,WAAW,EAAE;AANf,kBAQE,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEY,wBAAWC;AAAjC,kBACE,6BAAC,mDAAD;AAA0B,IAAA,GAAG,EAAElB,SAA/B;AAA0C,IAAA,oBAAoB,EAAEC;AAAhE,KACGH,QADH,CADF,CARF,CADF;AAgBD","sourcesContent":["import {\n  NativeViewGestureHandler,\n  PanGestureHandler,\n} from 'react-native-gesture-handler';\nimport React, { useRef } from 'react';\nimport Animated, {\n  useAnimatedGestureHandler,\n  withTiming,\n} from 'react-native-reanimated';\nimport usePullToRefreshContext from './usePullToRefreshContext';\nimport { StyleSheet } from 'react-native';\nimport { rubberClamp } from './utils';\n\ntype Props = {\n  children: React.ReactNode;\n  scrollY: Animated.SharedValue<number>;\n};\n\nexport default function PullToRefreshContainer({ children, scrollY }: Props) {\n  const scrollRef = useRef();\n  const panRef = useRef();\n  const { refreshValue, internalRefreshing, internalHeight } =\n    usePullToRefreshContext();\n\n  const gestureHandler = useAnimatedGestureHandler({\n    onStart: (_, ctx: any) => {\n      ctx.startY =\n        (internalRefreshing.value ? refreshValue.value : 0) - scrollY.value;\n    },\n    onActive: (event, ctx: any) => {\n      if (scrollY.value <= 1) {\n        const tranY = event.translationY + ctx.startY;\n        const clampedValue = rubberClamp(tranY, 0, internalHeight.value);\n        refreshValue.value = clampedValue;\n        if (clampedValue > internalHeight.value) {\n          internalRefreshing.value = true;\n        }\n      } else if (!internalRefreshing.value) {\n        refreshValue.value = 0;\n      }\n    },\n    onEnd: () => {\n      if (refreshValue.value > 0) {\n        const value = internalRefreshing.value ? internalHeight.value : 0;\n        refreshValue.value = withTiming(value);\n      }\n    },\n  });\n\n  return (\n    <PanGestureHandler\n      ref={panRef}\n      simultaneousHandlers={scrollRef}\n      onGestureEvent={gestureHandler}\n      shouldCancelWhenOutside={false}\n      enableTrackpadTwoFingerGesture\n      maxPointers={1}\n    >\n      <Animated.View style={StyleSheet.absoluteFill}>\n        <NativeViewGestureHandler ref={scrollRef} simultaneousHandlers={panRef}>\n          {children}\n        </NativeViewGestureHandler>\n      </Animated.View>\n    </PanGestureHandler>\n  );\n}\n"]}

package/lib/commonjs/components/pullToRefresh/PullToRefreshProvider.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PullToRefreshProvider;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNativeReanimated = require("react-native-reanimated");
-
-var _usePullToRefreshContext = require("./usePullToRefreshContext");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function PullToRefreshProvider({
-  children
-}) {
-  const refreshValue = (0, _reactNativeReanimated.useSharedValue)(0);
-  const internalRefreshing = (0, _reactNativeReanimated.useSharedValue)(false);
-  const internalHeight = (0, _reactNativeReanimated.useSharedValue)(0);
-  const context = (0, _react.useMemo)(() => {
-    return {
-      refreshValue: refreshValue,
-      internalRefreshing,
-      internalHeight
-    };
-  }, [refreshValue, internalRefreshing, internalHeight]);
-  return /*#__PURE__*/_react.default.createElement(_usePullToRefreshContext.PullToRefreshContext.Provider, {
-    value: context
-  }, children);
-}
-//# sourceMappingURL=PullToRefreshProvider.js.map

package/lib/commonjs/components/pullToRefresh/PullToRefreshProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PullToRefreshProvider.tsx"],"names":["PullToRefreshProvider","children","refreshValue","internalRefreshing","internalHeight","context"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAMe,SAASA,qBAAT,CAA+B;AAAEC,EAAAA;AAAF,CAA/B,EAAoD;AACjE,QAAMC,YAAY,GAAG,2CAAe,CAAf,CAArB;AACA,QAAMC,kBAAkB,GAAG,2CAAe,KAAf,CAA3B;AACA,QAAMC,cAAc,GAAG,2CAAe,CAAf,CAAvB;AAEA,QAAMC,OAAO,GAAG,oBAAQ,MAAM;AAC5B,WAAO;AACLH,MAAAA,YAAY,EAAEA,YADT;AAELC,MAAAA,kBAFK;AAGLC,MAAAA;AAHK,KAAP;AAKD,GANe,EAMb,CAACF,YAAD,EAAeC,kBAAf,EAAmCC,cAAnC,CANa,CAAhB;AAQA,sBACE,6BAAC,6CAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAEC;AAAtC,KACGJ,QADH,CADF;AAKD","sourcesContent":["import React, { useMemo } from 'react';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { PullToRefreshContext } from './usePullToRefreshContext';\n\ntype Props = {\n  children: React.ReactNode;\n};\n\nexport default function PullToRefreshProvider({ children }: Props) {\n  const refreshValue = useSharedValue(0);\n  const internalRefreshing = useSharedValue(false);\n  const internalHeight = useSharedValue(0);\n\n  const context = useMemo(() => {\n    return {\n      refreshValue: refreshValue,\n      internalRefreshing,\n      internalHeight,\n    };\n  }, [refreshValue, internalRefreshing, internalHeight]);\n\n  return (\n    <PullToRefreshContext.Provider value={context}>\n      {children}\n    </PullToRefreshContext.Provider>\n  );\n}\n"]}

package/lib/commonjs/components/pullToRefresh/RefreshControl.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = RefreshControl;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
-var _usePullToRefreshContext = _interopRequireDefault(require("./usePullToRefreshContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* eslint-disable react-hooks/exhaustive-deps */
-function RefreshControl({
-  height = 100,
-  refreshing,
-  onRefresh,
-  renderAnimation
-}) {
-  const {
-    refreshValue,
-    internalRefreshing,
-    internalHeight
-  } = (0, _usePullToRefreshContext.default)();
-  const manualTriggered = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    internalHeight.value = height;
-  }, [height]);
-  (0, _react.useEffect)(() => {
-    if (!internalRefreshing.value && refreshing) {
-      manualTriggered.current = true;
-    }
-
-    internalRefreshing.value = refreshing;
-  }, [refreshing]);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
-    return internalRefreshing.value;
-  }, (result, prev) => {
-    if (result !== prev) {
-      if (result && refreshValue.value === 0) {
-        refreshValue.value = height;
-      }
-    }
-  });
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      height: refreshValue.value
-    };
-  }, []);
-  const handleRefresh = (0, _react.useCallback)(() => {
-    if (manualTriggered.current) {
-      manualTriggered.current = false;
-      return;
-    }
-
-    onRefresh();
-  }, [onRefresh]);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => internalRefreshing.value, (result, prev) => {
-    if (result !== prev) {
-      if (result) {
-        (0, _reactNativeReanimated.runOnJS)(handleRefresh)();
-      } else {
-        refreshValue.value = (0, _reactNativeReanimated.withTiming)(0);
-      }
-    }
-  });
-  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
-    return {
-      progress: internalRefreshing.value ? undefined : Math.min(refreshValue.value / height, 1)
-    };
-  }, [height]);
-  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.container, animatedStyle]
-  }, renderAnimation(animatedProps));
-}
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    overflow: 'hidden'
-  }
-});
-//# sourceMappingURL=RefreshControl.js.map