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

package/lib/module/components/header/CollapsibleHeaderProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","CollapsibleHeaderContext","CollapsibleHeaderProvider","_ref","children","headers","setHeaders","mounted","current","mount","key","prev","unmount","filter","h","update","map","item","context","createElement","Provider","value"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderProvider.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SACEC,wBAAwB,QAEnB,yCAAyC;AAEhD,eAAe,SAASC,yBAAyBA,CAAAC,IAAA,EAI9C;EAAA,IAJ+C;IAChDC;EAGF,CAAC,GAAAD,IAAA;EACC,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAe,EAAE,CAAC;EACxD,MAAMO,OAAO,GAAGR,MAAM,CAAC,KAAK,CAAC;EAE7BF,SAAS,CAAC,MAAM;IACdU,OAAO,CAACC,OAAO,GAAG,IAAI;IACtB,OAAO,MAAM;MACXD,OAAO,CAACC,OAAO,GAAG,KAAK;IACzB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,KAAK,GAAGb,WAAW,CAAC,CAACc,GAAW,EAAEN,QAAmB,KAAK;IAC9DE,UAAU,CAAEK,IAAI,IAAK,CAAC,GAAGA,IAAI,EAAE;MAAED,GAAG;MAAEN;IAAS,CAAC,CAAC,CAAC;EACpD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,OAAO,GAAGhB,WAAW,CAAEc,GAAW,IAAK;IAC3CJ,UAAU,CAAEK,IAAI,IAAKA,IAAI,CAACE,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACJ,GAAG,KAAKA,GAAG,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,MAAM,GAAGnB,WAAW,CAAC,CAACc,GAAW,EAAEN,QAAmB,KAAK;IAC/D,IAAI,CAACG,OAAO,CAACC,OAAO,EAAE;MACpB;IACF;IACAF,UAAU,CAAEK,IAAI,IACdA,IAAI,CAACK,GAAG,CAAEC,IAAI,IAAK;MACjB,IAAIA,IAAI,CAACP,GAAG,KAAKA,GAAG,EAAE;QACpB,OAAO;UACL,GAAGO,IAAI;UACPb;QACF,CAAC;MACH;MACA,OAAOa,IAAI;IACb,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAGpB,OAAO,CACrB,OAAO;IACLO,OAAO;IACPI,KAAK;IACLG,OAAO;IACPG;EACF,CAAC,CAAC,EACF,CAACV,OAAO,EAAEI,KAAK,EAAEG,OAAO,EAAEG,MAAM,CAClC,CAAC;EAED,oBACEpB,KAAA,CAAAwB,aAAA,CAAClB,wBAAwB,CAACmB,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAC/Cd,QACgC,CAAC;AAExC"}

package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export default function CollapsibleHeaderConsumer(): React.JSX.Element;
-//# sourceMappingURL=CollapsibleHeaderConsumer.d.ts.map

package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleHeaderConsumer.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderConsumer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAW3C,MAAM,CAAC,OAAO,UAAU,yBAAyB,sBA2ChD"}

package/lib/typescript/components/header/CollapsibleHeaderProvider.d.ts

@@ -1,5 +0,0 @@
-import React, { ReactNode } from 'react';
-export default function CollapsibleHeaderProvider({ children, }: {
-    children: ReactNode;
-}): React.JSX.Element;
-//# sourceMappingURL=CollapsibleHeaderProvider.d.ts.map

package/lib/typescript/components/header/CollapsibleHeaderProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleHeaderProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/header/CollapsibleHeaderProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAMf,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,qBAmDA"}

package/src/components/header/CollapsibleHeaderConsumer.tsx

@@ -1,62 +0,0 @@
-import React, { useCallback } from 'react';
-import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
-import useCollapsibleHeaderContext from '../../hooks/useCollapsibleHeaderContext';
-import Animated, {
-  interpolate,
-  useAnimatedStyle,
-  useDerivedValue,
-} from 'react-native-reanimated';
-import useCollapsibleContext from '../../hooks/useCollapsibleContext';
-import { LayoutChangeEvent, StyleSheet } from 'react-native';
-
-export default function CollapsibleHeaderConsumer() {
-  const { headers } = useCollapsibleHeaderContext();
-  const { handleHeaderContainerLayout } = useInternalCollapsibleContext();
-  const { scrollY, headerHeight } = useCollapsibleContext();
-
-  const headerTranslate = useDerivedValue(
-    () =>
-      interpolate(
-        scrollY.value,
-        // FIXME: can improve by geting maxY value of header and sticky views
-        [-1000, 0, 100000],
-        [0, 0, -100000],
-        'clamp'
-      ),
-    []
-  );
-
-  const headerStyle = useAnimatedStyle(() => {
-    return {
-      transform: [{ translateY: headerTranslate.value }],
-    };
-  }, [headerHeight, headerTranslate]);
-
-  const handleHeaderLayout = useCallback(
-    ({
-      nativeEvent: {
-        layout: { height },
-      },
-    }: LayoutChangeEvent) => {
-      handleHeaderContainerLayout(height);
-    },
-    [handleHeaderContainerLayout]
-  );
-
-  return (
-    <Animated.View
-      onLayout={handleHeaderLayout}
-      style={[styles.container, headerStyle]}
-      pointerEvents="box-none"
-    >
-      {headers.map((item) => item.children)}
-    </Animated.View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    zIndex: 10,
-    backgroundColor: 'white',
-  },
-});

package/src/components/header/CollapsibleHeaderProvider.tsx

@@ -1,70 +0,0 @@
-/* eslint-disable no-shadow */
-import React, {
-  ReactNode,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import {
-  CollapsibleHeaderContext,
-  HeaderItem,
-} from '../../hooks/useCollapsibleHeaderContext';
-
-export default function CollapsibleHeaderProvider({
-  children,
-}: {
-  children: ReactNode;
-}) {
-  const [headers, setHeaders] = useState<HeaderItem[]>([]);
-  const mounted = useRef(false);
-
-  useEffect(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-
-  const mount = useCallback((key: string, children: ReactNode) => {
-    setHeaders((prev) => [...prev, { key, children }]);
-  }, []);
-
-  const unmount = useCallback((key: string) => {
-    setHeaders((prev) => prev.filter((h) => h.key !== key));
-  }, []);
-
-  const update = useCallback((key: string, children: ReactNode) => {
-    if (!mounted.current) {
-      return;
-    }
-    setHeaders((prev) =>
-      prev.map((item) => {
-        if (item.key === key) {
-          return {
-            ...item,
-            children,
-          };
-        }
-        return item;
-      })
-    );
-  }, []);
-
-  const context = useMemo(
-    () => ({
-      headers,
-      mount,
-      unmount,
-      update,
-    }),
-    [headers, mount, unmount, update]
-  );
-
-  return (
-    <CollapsibleHeaderContext.Provider value={context}>
-      {children}
-    </CollapsibleHeaderContext.Provider>
-  );
-}