@tamagui/sheet 1.0.1-beta.100

package/dist/jsx/Drawer.js

@@ -0,0 +1,220 @@
+import { isSSR, isWeb, styled, themeable, withStaticProperties } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { XStack, YStack } from "@tamagui/stacks";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, {
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Animated, PanResponder } from "react-native";
+const DRAWER_NAME = "Drawer";
+const DRAWER_HANDLE_NAME = "DrawerHandle";
+const DrawerHandleFrame = styled(XStack, {
+  name: DRAWER_HANDLE_NAME,
+  height: 10,
+  borderRadius: 100,
+  backgroundColor: "$background",
+  position: "absolute",
+  pointerEvents: "auto",
+  zIndex: 10,
+  y: -18,
+  top: 0,
+  left: "35%",
+  right: "35%",
+  opacity: 0.5,
+  hoverStyle: {
+    opacity: 0.7
+  }
+});
+const DrawerHandle = DrawerHandleFrame.extractable(({ __scopeDrawer, ...props }) => {
+  const context = useDrawerContext(DRAWER_HANDLE_NAME, __scopeDrawer);
+  return <DrawerHandleFrame onPress={() => {
+    const nextPos = (context.position + 1) % context.snapPoints.length;
+    context.setPosition(nextPos);
+  }} {...props} />;
+});
+const [createDrawerContext, createDrawerScope] = createContextScope(DRAWER_NAME);
+const [DrawerProvider, useDrawerContext] = createDrawerContext(DRAWER_NAME, {});
+const DrawerBackdrop = styled(YStack, {
+  name: "DrawerBackdrop",
+  backgroundColor: "$color",
+  fullscreen: true,
+  opacity: 0.2
+});
+const DrawerFrame = styled(YStack, {
+  name: "DrawerFrame",
+  flex: 1,
+  backgroundColor: "$background",
+  borderTopLeftRadius: "$4",
+  borderTopRightRadius: "$4",
+  padding: "$4",
+  width: "100%"
+});
+const useIsSSR = () => {
+  const [val, setVal] = useState(isWeb ? isSSR : false);
+  useEffect(() => {
+    if (isWeb && !isSSR) {
+      setVal(false);
+    }
+  }, []);
+  return val;
+};
+const Drawer = withStaticProperties(themeable(forwardRef((props, ref) => {
+  const {
+    __scopeDrawer,
+    snapPoints: snapPointsProp = [80, 10],
+    children: childrenProp,
+    position: positionProp,
+    onChangePosition,
+    defaultPosition,
+    ...rest
+  } = props;
+  const isServerSide = useIsSSR();
+  const [position, setPosition] = useControllableState({
+    prop: positionProp,
+    defaultProp: defaultPosition || 0,
+    onChange: onChangePosition,
+    strategy: "most-recent-wins"
+  });
+  const [layout, setLayout] = useState();
+  const positionValue = useRef();
+  if (!positionValue.current) {
+    positionValue.current = new Animated.Value(position);
+  }
+  const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)]);
+  if (isServerSide) {
+    return null;
+  }
+  const spring = useRef(null);
+  function stopSpring() {
+    var _a;
+    (_a = spring.current) == null ? void 0 : _a.stop();
+    spring.current = null;
+  }
+  const positions = useMemo(() => snapPoints.map((point) => getYForPosition(point, layout)), [layout, snapPoints]);
+  const animateTo = useCallback((position2) => {
+    if (!positionValue.current)
+      return;
+    const toValue = positions[position2];
+    stopSpring();
+    spring.current = Animated.spring(positionValue.current, {
+      useNativeDriver: !isWeb,
+      toValue
+    });
+    spring.current.start(({ finished }) => finished && stopSpring());
+  }, [positions]);
+  useLayoutEffect(() => {
+    animateTo(position);
+  }, [position, animateTo]);
+  const panResponder = useMemo(() => {
+    if (!layout)
+      return;
+    console.log("setup pan");
+    const pos = positionValue.current;
+    const minY = positions[0];
+    let startY = pos["_value"];
+    return PanResponder.create({
+      onMoveShouldSetPanResponder: (_e, { dy }) => {
+        return Math.abs(dy) > 6;
+      },
+      onPanResponderGrant: () => {
+        stopSpring();
+        startY = pos["_value"];
+      },
+      onPanResponderMove: (_e, { dy }) => {
+        const to = dy + startY;
+        pos.setValue(resisted(to, minY));
+      },
+      onPanResponderRelease: (_e, { vy, dy }) => {
+        const at = dy + startY;
+        const end = at + layout.height * vy * 0.33;
+        let closestPoint = 0;
+        let dist = Infinity;
+        for (let i = 0; i < positions.length; i++) {
+          const position2 = positions[i];
+          const curDist = end > position2 ? end - position2 : position2 - end;
+          if (curDist < dist) {
+            dist = curDist;
+            closestPoint = i;
+          }
+        }
+        setPosition(closestPoint);
+        animateTo(closestPoint);
+      }
+    });
+  }, [layout, positions, setPosition]);
+  let handleComponent = null;
+  let backdropComponent = null;
+  let frameComponent = null;
+  React.Children.forEach(childrenProp, (child) => {
+    var _a;
+    if (isValidElement(child)) {
+      switch ((_a = child.type) == null ? void 0 : _a["staticConfig"].componentName) {
+        case "DrawerHandle":
+          handleComponent = child;
+          break;
+        case "DrawerFrame":
+          frameComponent = child;
+          break;
+        case "DrawerBackdrop":
+          backdropComponent = child;
+          break;
+        default:
+          console.warn("Warning: passed invalid child to Drawer", child);
+      }
+    }
+  });
+  return <DrawerProvider scope={__scopeDrawer} position={position} snapPoints={snapPoints} setPosition={setPosition}>
+    {backdropComponent}
+    {handleComponent}
+    <Animated.View {...panResponder == null ? void 0 : panResponder.panHandlers} onLayout={(e) => {
+      setLayout(e.nativeEvent.layout);
+    }} style={{
+      width: "100%",
+      height: "100%",
+      transform: [{ translateY: positionValue.current }]
+    }}>{frameComponent}</Animated.View>
+  </DrawerProvider>;
+}), {
+  componentName: "Drawer"
+}), {
+  Handle: DrawerHandle,
+  Frame: DrawerFrame,
+  Backdrop: DrawerBackdrop
+});
+function getYForPosition(point, layout) {
+  if (!layout)
+    return 0;
+  if (point === void 0) {
+    console.warn(`No snapPoint`);
+    return 0;
+  }
+  const pct = point / 100;
+  const next = layout.height - pct * layout.height;
+  return next;
+}
+function resisted(y, minY, maxOverflow = 25) {
+  if (y < minY) {
+    const past = minY - y;
+    const pctPast = Math.min(maxOverflow, past) / maxOverflow;
+    const diminishBy = 1.1 - Math.pow(0.1, pctPast);
+    const extra = -diminishBy * maxOverflow;
+    return minY + extra;
+  }
+  return y;
+}
+export {
+  Drawer,
+  DrawerBackdrop,
+  DrawerFrame,
+  DrawerHandle,
+  DrawerHandleFrame,
+  createDrawerScope
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/jsx/Drawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Drawer.tsx"],
+  "sourcesContent": ["import { isSSR, isWeb, styled, themeable, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { XStack, XStackProps, YStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, {\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Animated, LayoutRectangle, PanResponder, View } from 'react-native'\n\ntype PositionChangeHandler =\n  | ((position: number) => void)\n  | React.Dispatch<React.SetStateAction<number>>\n\nconst DRAWER_NAME = 'Drawer'\nconst DRAWER_HANDLE_NAME = 'DrawerHandle'\n\nexport const DrawerHandleFrame = styled(XStack, {\n  name: DRAWER_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  position: 'absolute',\n  pointerEvents: 'auto',\n  zIndex: 10,\n  y: -18,\n  top: 0,\n  left: '35%',\n  right: '35%',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n})\n\nexport const DrawerHandle = DrawerHandleFrame.extractable(\n  ({ __scopeDrawer, ...props }: ScopedProps<XStackProps, 'Drawer'>) => {\n    const context = useDrawerContext(DRAWER_HANDLE_NAME, __scopeDrawer)\n\n    return (\n      <DrawerHandleFrame\n        onPress={() => {\n          const nextPos = (context.position + 1) % context.snapPoints.length\n          context.setPosition(nextPos)\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\ntype DrawerContextValue = {\n  position: number\n  snapPoints: number[]\n  setPosition: React.Dispatch<React.SetStateAction<number>>\n}\n\nconst [createDrawerContext, createDrawerScope] = createContextScope(DRAWER_NAME)\nconst [DrawerProvider, useDrawerContext] = createDrawerContext<DrawerContextValue>(\n  DRAWER_NAME,\n  {} as any\n)\n\nexport const DrawerBackdrop = styled(YStack, {\n  name: 'DrawerBackdrop',\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n})\n\nexport const DrawerFrame = styled(YStack, {\n  name: 'DrawerFrame',\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  padding: '$4',\n  width: '100%',\n})\n\nexport type DrawerProps = ScopedProps<\n  {\n    open?: boolean\n    defaultOpen?: boolean\n    defaultPosition?: number\n    snapPoints?: number[]\n    position?: number\n    onChangePosition?: PositionChangeHandler\n    children?: ReactNode\n  },\n  'Drawer'\n>\n\nconst useIsSSR = () => {\n  const [val, setVal] = useState(isWeb ? isSSR : false)\n  useEffect(() => {\n    if (isWeb && !isSSR) {\n      setVal(false)\n    }\n  }, [])\n  return val\n}\n\nexport const Drawer = withStaticProperties(\n  themeable(\n    forwardRef<View, DrawerProps>((props, ref) => {\n      const {\n        __scopeDrawer,\n        snapPoints: snapPointsProp = [80, 10],\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        defaultPosition,\n        ...rest\n      } = props\n      const isServerSide = useIsSSR()\n\n      const [position, setPosition] = useControllableState({\n        prop: positionProp,\n        defaultProp: defaultPosition || 0,\n        onChange: onChangePosition,\n        strategy: 'most-recent-wins',\n      })\n\n      const [layout, setLayout] = useState<LayoutRectangle>()\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(position)\n      }\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)])\n\n      // we can put non-server side hooks after conditional because based on env\n      if (isServerSide) {\n        return null\n      }\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n      }\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const positions = useMemo(\n        () => snapPoints.map((point) => getYForPosition(point, layout)),\n        [layout, snapPoints]\n      )\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const animateTo = useCallback(\n        (position: number) => {\n          if (!positionValue.current) return\n          const toValue = positions[position]\n          stopSpring()\n          spring.current = Animated.spring(positionValue.current, {\n            useNativeDriver: !isWeb,\n            toValue,\n          })\n          spring.current.start(({ finished }) => finished && stopSpring())\n        },\n        [positions]\n      )\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [position, animateTo])\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const panResponder = useMemo(() => {\n        if (!layout) return\n        console.log('setup pan')\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const pos = positionValue.current!\n        const minY = positions[0]\n        let startY = pos['_value']\n\n        return PanResponder.create({\n          onMoveShouldSetPanResponder: (_e, { dy }) => {\n            // we could do some detection of other touchables and cancel here..\n            // console.log('wut is', _e)\n            return Math.abs(dy) > 6\n          },\n          onPanResponderGrant: () => {\n            stopSpring()\n            startY = pos['_value']\n          },\n          onPanResponderMove: (_e, { dy }) => {\n            const to = dy + startY\n            pos.setValue(resisted(to, minY))\n          },\n          onPanResponderRelease: (_e, { vy, dy }) => {\n            const at = dy + startY\n            // seems liky vy goes up to about 4 at the very most (+ is down, - is up)\n            // lets base our multiplier on the total layout height\n            const end = at + layout.height * vy * 0.33\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          },\n        })\n      }, [layout, positions, setPosition])\n\n      let handleComponent: React.ReactElement | null = null\n      let backdropComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          switch (child.type?.['staticConfig'].componentName) {\n            case 'DrawerHandle':\n              handleComponent = child\n              break\n            case 'DrawerFrame':\n              frameComponent = child\n              break\n            case 'DrawerBackdrop':\n              backdropComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Drawer', child)\n          }\n        }\n      })\n\n      return (\n        <DrawerProvider\n          scope={__scopeDrawer}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n        >\n          {backdropComponent}\n          {handleComponent}\n          <Animated.View\n            {...panResponder?.panHandlers}\n            onLayout={(e) => {\n              setLayout(e.nativeEvent.layout)\n            }}\n            style={{\n              width: '100%',\n              height: '100%',\n              transform: [{ translateY: positionValue.current }],\n            }}\n          >\n            {frameComponent}\n          </Animated.View>\n        </DrawerProvider>\n      )\n    }),\n    {\n      componentName: 'Drawer',\n    }\n  ),\n  {\n    Handle: DrawerHandle,\n    Frame: DrawerFrame,\n    Backdrop: DrawerBackdrop,\n  }\n)\n\nfunction getYForPosition(point?: number, layout?: LayoutRectangle) {\n  if (!layout) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = layout.height - pct * layout.height\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\nexport { createDrawerScope }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/Sheet.js

@@ -0,0 +1,220 @@
+import { isSSR, isWeb, styled, themeable, withStaticProperties } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { XStack, YStack } from "@tamagui/stacks";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, {
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Animated, PanResponder } from "react-native";
+const DRAWER_NAME = "Drawer";
+const DRAWER_HANDLE_NAME = "DrawerHandle";
+const DrawerHandleFrame = styled(XStack, {
+  name: DRAWER_HANDLE_NAME,
+  height: 10,
+  borderRadius: 100,
+  backgroundColor: "$background",
+  position: "absolute",
+  pointerEvents: "auto",
+  zIndex: 10,
+  y: -18,
+  top: 0,
+  left: "35%",
+  right: "35%",
+  opacity: 0.5,
+  hoverStyle: {
+    opacity: 0.7
+  }
+});
+const DrawerHandle = DrawerHandleFrame.extractable(({ __scopeDrawer, ...props }) => {
+  const context = useDrawerContext(DRAWER_HANDLE_NAME, __scopeDrawer);
+  return <DrawerHandleFrame onPress={() => {
+    const nextPos = (context.position + 1) % context.snapPoints.length;
+    context.setPosition(nextPos);
+  }} {...props} />;
+});
+const [createDrawerContext, createDrawerScope] = createContextScope(DRAWER_NAME);
+const [DrawerProvider, useDrawerContext] = createDrawerContext(DRAWER_NAME, {});
+const DrawerBackdrop = styled(YStack, {
+  name: "DrawerBackdrop",
+  backgroundColor: "$color",
+  fullscreen: true,
+  opacity: 0.2
+});
+const DrawerFrame = styled(YStack, {
+  name: "DrawerFrame",
+  flex: 1,
+  backgroundColor: "$background",
+  borderTopLeftRadius: "$4",
+  borderTopRightRadius: "$4",
+  padding: "$4",
+  width: "100%"
+});
+const useIsSSR = () => {
+  const [val, setVal] = useState(isWeb ? isSSR : false);
+  useEffect(() => {
+    if (isWeb && !isSSR) {
+      setVal(false);
+    }
+  }, []);
+  return val;
+};
+const Drawer = withStaticProperties(themeable(forwardRef((props, ref) => {
+  const {
+    __scopeDrawer,
+    snapPoints: snapPointsProp = [80, 10],
+    children: childrenProp,
+    position: positionProp,
+    onChangePosition,
+    defaultPosition,
+    ...rest
+  } = props;
+  const isServerSide = useIsSSR();
+  const [position, setPosition] = useControllableState({
+    prop: positionProp,
+    defaultProp: defaultPosition || 0,
+    onChange: onChangePosition,
+    strategy: "most-recent-wins"
+  });
+  const [layout, setLayout] = useState();
+  const positionValue = useRef();
+  if (!positionValue.current) {
+    positionValue.current = new Animated.Value(position);
+  }
+  const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)]);
+  if (isServerSide) {
+    return null;
+  }
+  const spring = useRef(null);
+  function stopSpring() {
+    var _a;
+    (_a = spring.current) == null ? void 0 : _a.stop();
+    spring.current = null;
+  }
+  const positions = useMemo(() => snapPoints.map((point) => getYForPosition(point, layout)), [layout, snapPoints]);
+  const animateTo = useCallback((position2) => {
+    if (!positionValue.current)
+      return;
+    const toValue = positions[position2];
+    stopSpring();
+    spring.current = Animated.spring(positionValue.current, {
+      useNativeDriver: !isWeb,
+      toValue
+    });
+    spring.current.start(({ finished }) => finished && stopSpring());
+  }, [positions]);
+  useLayoutEffect(() => {
+    animateTo(position);
+  }, [position, animateTo]);
+  const panResponder = useMemo(() => {
+    if (!layout)
+      return;
+    console.log("setup pan");
+    const pos = positionValue.current;
+    const minY = positions[0];
+    let startY = pos["_value"];
+    return PanResponder.create({
+      onMoveShouldSetPanResponder: (_e, { dy }) => {
+        return Math.abs(dy) > 6;
+      },
+      onPanResponderGrant: () => {
+        stopSpring();
+        startY = pos["_value"];
+      },
+      onPanResponderMove: (_e, { dy }) => {
+        const to = dy + startY;
+        pos.setValue(resisted(to, minY));
+      },
+      onPanResponderRelease: (_e, { vy, dy }) => {
+        const at = dy + startY;
+        const end = at + layout.height * vy * 0.33;
+        let closestPoint = 0;
+        let dist = Infinity;
+        for (let i = 0; i < positions.length; i++) {
+          const position2 = positions[i];
+          const curDist = end > position2 ? end - position2 : position2 - end;
+          if (curDist < dist) {
+            dist = curDist;
+            closestPoint = i;
+          }
+        }
+        setPosition(closestPoint);
+        animateTo(closestPoint);
+      }
+    });
+  }, [layout, positions, setPosition]);
+  let handleComponent = null;
+  let backdropComponent = null;
+  let frameComponent = null;
+  React.Children.forEach(childrenProp, (child) => {
+    var _a;
+    if (isValidElement(child)) {
+      switch ((_a = child.type) == null ? void 0 : _a["staticConfig"].componentName) {
+        case "DrawerHandle":
+          handleComponent = child;
+          break;
+        case "DrawerFrame":
+          frameComponent = child;
+          break;
+        case "DrawerBackdrop":
+          backdropComponent = child;
+          break;
+        default:
+          console.warn("Warning: passed invalid child to Drawer", child);
+      }
+    }
+  });
+  return <DrawerProvider scope={__scopeDrawer} position={position} snapPoints={snapPoints} setPosition={setPosition}>
+    {backdropComponent}
+    {handleComponent}
+    <Animated.View {...panResponder == null ? void 0 : panResponder.panHandlers} onLayout={(e) => {
+      setLayout(e.nativeEvent.layout);
+    }} style={{
+      width: "100%",
+      height: "100%",
+      transform: [{ translateY: positionValue.current }]
+    }}>{frameComponent}</Animated.View>
+  </DrawerProvider>;
+}), {
+  componentName: "Drawer"
+}), {
+  Handle: DrawerHandle,
+  Frame: DrawerFrame,
+  Backdrop: DrawerBackdrop
+});
+function getYForPosition(point, layout) {
+  if (!layout)
+    return 0;
+  if (point === void 0) {
+    console.warn(`No snapPoint`);
+    return 0;
+  }
+  const pct = point / 100;
+  const next = layout.height - pct * layout.height;
+  return next;
+}
+function resisted(y, minY, maxOverflow = 25) {
+  if (y < minY) {
+    const past = minY - y;
+    const pctPast = Math.min(maxOverflow, past) / maxOverflow;
+    const diminishBy = 1.1 - Math.pow(0.1, pctPast);
+    const extra = -diminishBy * maxOverflow;
+    return minY + extra;
+  }
+  return y;
+}
+export {
+  Drawer,
+  DrawerBackdrop,
+  DrawerFrame,
+  DrawerHandle,
+  DrawerHandleFrame,
+  createDrawerScope
+};
+//# sourceMappingURL=Sheet.js.map

package/dist/jsx/Sheet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Sheet.tsx"],
+  "sourcesContent": ["import { isSSR, isWeb, styled, themeable, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { XStack, XStackProps, YStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, {\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Animated, LayoutRectangle, PanResponder, View } from 'react-native'\n\ntype PositionChangeHandler =\n  | ((position: number) => void)\n  | React.Dispatch<React.SetStateAction<number>>\n\nconst DRAWER_NAME = 'Drawer'\nconst DRAWER_HANDLE_NAME = 'DrawerHandle'\n\nexport const DrawerHandleFrame = styled(XStack, {\n  name: DRAWER_HANDLE_NAME,\n  height: 10,\n  borderRadius: 100,\n  backgroundColor: '$background',\n  position: 'absolute',\n  pointerEvents: 'auto',\n  zIndex: 10,\n  y: -18,\n  top: 0,\n  left: '35%',\n  right: '35%',\n  opacity: 0.5,\n\n  hoverStyle: {\n    opacity: 0.7,\n  },\n})\n\nexport const DrawerHandle = DrawerHandleFrame.extractable(\n  ({ __scopeDrawer, ...props }: ScopedProps<XStackProps, 'Drawer'>) => {\n    const context = useDrawerContext(DRAWER_HANDLE_NAME, __scopeDrawer)\n\n    return (\n      <DrawerHandleFrame\n        onPress={() => {\n          const nextPos = (context.position + 1) % context.snapPoints.length\n          context.setPosition(nextPos)\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\ntype DrawerContextValue = {\n  position: number\n  snapPoints: number[]\n  setPosition: React.Dispatch<React.SetStateAction<number>>\n}\n\nconst [createDrawerContext, createDrawerScope] = createContextScope(DRAWER_NAME)\nconst [DrawerProvider, useDrawerContext] = createDrawerContext<DrawerContextValue>(\n  DRAWER_NAME,\n  {} as any\n)\n\nexport const DrawerBackdrop = styled(YStack, {\n  name: 'DrawerBackdrop',\n  backgroundColor: '$color',\n  fullscreen: true,\n  opacity: 0.2,\n})\n\nexport const DrawerFrame = styled(YStack, {\n  name: 'DrawerFrame',\n  flex: 1,\n  backgroundColor: '$background',\n  borderTopLeftRadius: '$4',\n  borderTopRightRadius: '$4',\n  padding: '$4',\n  width: '100%',\n})\n\nexport type DrawerProps = ScopedProps<\n  {\n    open?: boolean\n    defaultOpen?: boolean\n    defaultPosition?: number\n    snapPoints?: number[]\n    position?: number\n    onChangePosition?: PositionChangeHandler\n    children?: ReactNode\n  },\n  'Drawer'\n>\n\nconst useIsSSR = () => {\n  const [val, setVal] = useState(isWeb ? isSSR : false)\n  useEffect(() => {\n    if (isWeb && !isSSR) {\n      setVal(false)\n    }\n  }, [])\n  return val\n}\n\nexport const Drawer = withStaticProperties(\n  themeable(\n    forwardRef<View, DrawerProps>((props, ref) => {\n      const {\n        __scopeDrawer,\n        snapPoints: snapPointsProp = [80, 10],\n        children: childrenProp,\n        position: positionProp,\n        onChangePosition,\n        defaultPosition,\n        ...rest\n      } = props\n      const isServerSide = useIsSSR()\n\n      const [position, setPosition] = useControllableState({\n        prop: positionProp,\n        defaultProp: defaultPosition || 0,\n        onChange: onChangePosition,\n        strategy: 'most-recent-wins',\n      })\n\n      const [layout, setLayout] = useState<LayoutRectangle>()\n\n      const positionValue = useRef<Animated.Value>()\n      if (!positionValue.current) {\n        positionValue.current = new Animated.Value(position)\n      }\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const snapPoints = useMemo(() => snapPointsProp, [JSON.stringify(snapPointsProp)])\n\n      // we can put non-server side hooks after conditional because based on env\n      if (isServerSide) {\n        return null\n      }\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const spring = useRef<Animated.CompositeAnimation | null>(null)\n\n      function stopSpring() {\n        spring.current?.stop()\n        spring.current = null\n      }\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const positions = useMemo(\n        () => snapPoints.map((point) => getYForPosition(point, layout)),\n        [layout, snapPoints]\n      )\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const animateTo = useCallback(\n        (position: number) => {\n          if (!positionValue.current) return\n          const toValue = positions[position]\n          stopSpring()\n          spring.current = Animated.spring(positionValue.current, {\n            useNativeDriver: !isWeb,\n            toValue,\n          })\n          spring.current.start(({ finished }) => finished && stopSpring())\n        },\n        [positions]\n      )\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      useLayoutEffect(() => {\n        animateTo(position)\n      }, [position, animateTo])\n\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const panResponder = useMemo(() => {\n        if (!layout) return\n        console.log('setup pan')\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const pos = positionValue.current!\n        const minY = positions[0]\n        let startY = pos['_value']\n\n        return PanResponder.create({\n          onMoveShouldSetPanResponder: (_e, { dy }) => {\n            // we could do some detection of other touchables and cancel here..\n            // console.log('wut is', _e)\n            return Math.abs(dy) > 6\n          },\n          onPanResponderGrant: () => {\n            stopSpring()\n            startY = pos['_value']\n          },\n          onPanResponderMove: (_e, { dy }) => {\n            const to = dy + startY\n            pos.setValue(resisted(to, minY))\n          },\n          onPanResponderRelease: (_e, { vy, dy }) => {\n            const at = dy + startY\n            // seems liky vy goes up to about 4 at the very most (+ is down, - is up)\n            // lets base our multiplier on the total layout height\n            const end = at + layout.height * vy * 0.33\n            let closestPoint = 0\n            let dist = Infinity\n            for (let i = 0; i < positions.length; i++) {\n              const position = positions[i]\n              const curDist = end > position ? end - position : position - end\n              if (curDist < dist) {\n                dist = curDist\n                closestPoint = i\n              }\n            }\n            // have to call both because state may not change but need to snap back\n            setPosition(closestPoint)\n            animateTo(closestPoint)\n          },\n        })\n      }, [layout, positions, setPosition])\n\n      let handleComponent: React.ReactElement | null = null\n      let backdropComponent: React.ReactElement | null = null\n      let frameComponent: React.ReactElement | null = null\n\n      React.Children.forEach(childrenProp, (child) => {\n        if (isValidElement(child)) {\n          switch (child.type?.['staticConfig'].componentName) {\n            case 'DrawerHandle':\n              handleComponent = child\n              break\n            case 'DrawerFrame':\n              frameComponent = child\n              break\n            case 'DrawerBackdrop':\n              backdropComponent = child\n              break\n            default:\n              console.warn('Warning: passed invalid child to Drawer', child)\n          }\n        }\n      })\n\n      return (\n        <DrawerProvider\n          scope={__scopeDrawer}\n          position={position}\n          snapPoints={snapPoints}\n          setPosition={setPosition}\n        >\n          {backdropComponent}\n          {handleComponent}\n          <Animated.View\n            {...panResponder?.panHandlers}\n            onLayout={(e) => {\n              setLayout(e.nativeEvent.layout)\n            }}\n            style={{\n              width: '100%',\n              height: '100%',\n              transform: [{ translateY: positionValue.current }],\n            }}\n          >\n            {frameComponent}\n          </Animated.View>\n        </DrawerProvider>\n      )\n    }),\n    {\n      componentName: 'Drawer',\n    }\n  ),\n  {\n    Handle: DrawerHandle,\n    Frame: DrawerFrame,\n    Backdrop: DrawerBackdrop,\n  }\n)\n\nfunction getYForPosition(point?: number, layout?: LayoutRectangle) {\n  if (!layout) return 0\n  if (point === undefined) {\n    console.warn(`No snapPoint`)\n    return 0\n  }\n  const pct = point / 100\n  const next = layout.height - pct * layout.height\n  return next\n}\n\nfunction resisted(y: number, minY: number, maxOverflow = 25) {\n  if (y < minY) {\n    const past = minY - y\n    const pctPast = Math.min(maxOverflow, past) / maxOverflow\n    const diminishBy = 1.1 - Math.pow(0.1, pctPast)\n    const extra = -diminishBy * maxOverflow\n    return minY + extra\n  }\n  return y\n}\n\nexport { createDrawerScope }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1,2 @@
+export * from "./Sheet";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Sheet'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@tamagui/sheet",
+  "version": "1.0.1-beta.100",
+  "sideEffects": [
+    "*.css"
+  ],
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "license": "MIT",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch"
+  },
+  "dependencies": {
+    "@tamagui/core": "^1.0.1-beta.100",
+    "@tamagui/create-context": "^1.0.1-beta.100",
+    "@tamagui/stacks": "^1.0.1-beta.100",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.100"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.100",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}