@tamagui/sheet 1.2.8 → 1.2.10

package/dist/jsx/SheetContext.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SheetContext.tsx"],
+  "sourcesContent": ["import { TamaguiElement } from '@tamagui/core'\nimport { createContextScope } from '@tamagui/create-context'\nimport React from 'react'\n\nimport { SHEET_NAME } from './constants'\nimport { PositionChangeHandler, ScrollBridge, SheetProps } from './types'\n\ntype SheetContextValue = Required<\n  Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>\n> & {\n  hidden: boolean\n  setPosition: PositionChangeHandler\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>\n  contentRef: React.RefObject<TamaguiElement>\n  dismissOnSnapToBottom: boolean\n  scrollBridge: ScrollBridge\n  frameSize: number\n  modal: boolean\n}\n\nexport const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME)\n\nexport const [SheetProvider, useSheetContext] = createSheetContext<SheetContextValue>(\n  SHEET_NAME,\n  {} as any\n)\n"],
+  "mappings": "AACA,SAAS,0BAA0B;AAGnC,SAAS,kBAAkB;AAgBpB,MAAM,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,UAAU;AAE5E,MAAM,CAAC,eAAe,eAAe,IAAI;AAAA,EAC9C;AAAA,EACA,CAAC;AACH;",
+  "names": []
+}

package/dist/jsx/SheetScrollView.mjs

@@ -0,0 +1,76 @@
+import { Stack, composeRefs } from "@tamagui/core";
+import { ScrollView } from "@tamagui/scroll-view";
+import { forwardRef, useMemo, useRef, useState } from "react";
+import { useSheetContext } from "./SheetContext";
+const SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
+const SheetScrollView = forwardRef(
+  ({ __scopeSheet, children, ...props }, ref) => {
+    const { scrollBridge, position, snapPoints, frameSize, open } = useSheetContext(
+      SHEET_SCROLL_VIEW_NAME,
+      __scopeSheet
+    );
+    const scrollRef = useRef(null);
+    const percentOpened = snapPoints[position] ?? 0;
+    const [percentToPadBottom, setPercentToPadBottom] = useState(0);
+    const next = 100 - percentOpened;
+    if (open && next !== percentToPadBottom) {
+      setPercentToPadBottom(next);
+    }
+    const state = useRef({
+      lastPageY: 0,
+      dragAt: 0,
+      dys: [],
+      // store a few recent dys to get velocity on release
+      isScrolling: false,
+      isDragging: false
+    });
+    const release = () => {
+      if (!state.current.isDragging) {
+        return;
+      }
+      state.current.isDragging = false;
+      scrollBridge.scrollStartY = -1;
+      state.current.isScrolling = false;
+      let vy = 0;
+      if (state.current.dys.length) {
+        const recentDys = state.current.dys.slice(-10);
+        const dist = recentDys.length ? recentDys.reduce((a, b) => a + b, 0) : 0;
+        const avgDy = dist / recentDys.length;
+        vy = avgDy * 0.04;
+      }
+      state.current.dys = [];
+      scrollBridge.release({
+        dragAt: state.current.dragAt,
+        vy
+      });
+    };
+    return <ScrollView
+      ref={composeRefs(scrollRef, ref)}
+      flex={1}
+      scrollEventThrottle={8}
+      onScroll={(e) => {
+        const { y } = e.nativeEvent.contentOffset;
+        scrollBridge.y = y;
+        if (y > 0) {
+          scrollBridge.scrollStartY = -1;
+        }
+      }}
+      onStartShouldSetResponder={() => {
+        scrollBridge.scrollStartY = -1;
+        state.current.isDragging = true;
+        return true;
+      }}
+      onMoveShouldSetResponder={() => false}
+      onResponderRelease={release}
+      className="_ovs-contain"
+      {...props}
+    >
+      {useMemo(() => children, [children])}
+      <Stack height={percentToPadBottom / 100 * frameSize} width={0} />
+    </ScrollView>;
+  }
+);
+export {
+  SheetScrollView
+};
+//# sourceMappingURL=SheetScrollView.mjs.map

package/dist/jsx/SheetScrollView.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SheetScrollView.tsx"],
+  "sourcesContent": ["import { Stack, TamaguiElement, composeRefs } from '@tamagui/core'\nimport { ScrollView, ScrollViewProps } from '@tamagui/scroll-view'\nimport { forwardRef, useMemo, useRef, useState } from 'react'\nimport { ScrollView as RNScrollView } from 'react-native'\n\nimport { useSheetContext } from './SheetContext'\nimport { SheetScopedProps } from './types'\n\n// TODO ideally would replicate https://github.com/ammarahm-ed/react-native-actions-sheet/blob/master/src/index.tsx\n\n/* -------------------------------------------------------------------------------------------------\n * SheetScrollView\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_SCROLL_VIEW_NAME = 'SheetScrollView'\n\nexport const SheetScrollView = forwardRef<TamaguiElement, ScrollViewProps>(\n  ({ __scopeSheet, children, ...props }: SheetScopedProps<ScrollViewProps>, ref) => {\n    const { scrollBridge, position, snapPoints, frameSize, open } = useSheetContext(\n      SHEET_SCROLL_VIEW_NAME,\n      __scopeSheet\n    )\n    // const [scrollEnabled, setScrollEnabled_] = useState(true)\n    const scrollRef = useRef<RNScrollView | null>(null)\n\n    const percentOpened = snapPoints[position] ?? 0\n    const [percentToPadBottom, setPercentToPadBottom] = useState(0)\n\n    const next = 100 - percentOpened\n    if (open && next !== percentToPadBottom) {\n      setPercentToPadBottom(next)\n    }\n\n    // const setScrollEnabled = (next: boolean) => {\n    //   scrollRef.current?.setNativeProps?.({\n    //     scrollEnabled: next,\n    //   })\n    //   setScrollEnabled_(next)\n    // }\n\n    const state = useRef({\n      lastPageY: 0,\n      dragAt: 0,\n      dys: [] as number[], // store a few recent dys to get velocity on release\n      isScrolling: false,\n      isDragging: false,\n    })\n\n    const release = () => {\n      if (!state.current.isDragging) {\n        return\n      }\n      state.current.isDragging = false\n      scrollBridge.scrollStartY = -1\n      state.current.isScrolling = false\n      // setScrollEnabled(true)\n      let vy = 0\n      if (state.current.dys.length) {\n        const recentDys = state.current.dys.slice(-10)\n        const dist = recentDys.length ? recentDys.reduce((a, b) => a + b, 0) : 0\n        const avgDy = dist / recentDys.length\n        vy = avgDy * 0.04\n      }\n      state.current.dys = []\n      scrollBridge.release({\n        dragAt: state.current.dragAt,\n        vy,\n      })\n    }\n\n    return (\n      <ScrollView\n        ref={composeRefs(scrollRef as any, ref)}\n        flex={1}\n        scrollEventThrottle={8}\n        // scrollEnabled={scrollEnabled}\n        onScroll={(e) => {\n          const { y } = e.nativeEvent.contentOffset\n          scrollBridge.y = y\n          if (y > 0) {\n            scrollBridge.scrollStartY = -1\n          }\n        }}\n        onStartShouldSetResponder={() => {\n          scrollBridge.scrollStartY = -1\n          state.current.isDragging = true\n          return true\n        }}\n        // setting to false while onResponderMove is disabled\n        onMoveShouldSetResponder={() => false}\n        // somehow disabling works better, regression, no more nice drag continue scroll\n        // onResponderMove={(e) => {\n        //   const { pageY } = e.nativeEvent\n\n        //   if (state.current.isScrolling) {\n        //     return\n        //   }\n\n        //   if (scrollBridge.scrollStartY === -1) {\n        //     scrollBridge.scrollStartY = pageY\n        //     state.current.lastPageY = pageY\n        //   }\n\n        //   const dragAt = pageY - scrollBridge.scrollStartY\n        //   const dy = pageY - state.current.lastPageY\n        //   state.current.lastPageY = pageY // after dy\n        //   const isDraggingUp = dy < 0\n        //   const isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY\n\n        //   if ((dy === 0 || isDraggingUp) && isPaneAtTop) {\n        //     state.current.isScrolling = true\n        //     setScrollEnabled(true)\n        //     return\n        //   }\n\n        //   setScrollEnabled(false)\n        //   scrollBridge.drag(dragAt)\n        //   state.current.dragAt = dragAt\n        //   state.current.dys.push(dy)\n        //   // only do every so often, cut down to 10 again\n        //   if (state.current.dys.length > 100) {\n        //     state.current.dys = state.current.dys.slice(-10)\n        //   }\n        // }}\n        onResponderRelease={release}\n        className=\"_ovs-contain\"\n        {...props}\n      >\n        {useMemo(() => children, [children])}\n        <Stack height={(percentToPadBottom / 100) * frameSize} width={0} />\n      </ScrollView>\n    )\n  }\n)\n"],
+  "mappings": "AAAA,SAAS,OAAuB,mBAAmB;AACnD,SAAS,kBAAmC;AAC5C,SAAS,YAAY,SAAS,QAAQ,gBAAgB;AAGtD,SAAS,uBAAuB;AAShC,MAAM,yBAAyB;AAExB,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,GAAsC,QAAQ;AAChF,UAAM,EAAE,cAAc,UAAU,YAAY,WAAW,KAAK,IAAI;AAAA,MAC9D;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,OAA4B,IAAI;AAElD,UAAM,gBAAgB,WAAW,QAAQ,KAAK;AAC9C,UAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,CAAC;AAE9D,UAAM,OAAO,MAAM;AACnB,QAAI,QAAQ,SAAS,oBAAoB;AACvC,4BAAsB,IAAI;AAAA,IAC5B;AASA,UAAM,QAAQ,OAAO;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,KAAK,CAAC;AAAA;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,IACd,CAAC;AAED,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,MAAM,QAAQ,YAAY;AAC7B;AAAA,MACF;AACA,YAAM,QAAQ,aAAa;AAC3B,mBAAa,eAAe;AAC5B,YAAM,QAAQ,cAAc;AAE5B,UAAI,KAAK;AACT,UAAI,MAAM,QAAQ,IAAI,QAAQ;AAC5B,cAAM,YAAY,MAAM,QAAQ,IAAI,MAAM,GAAG;AAC7C,cAAM,OAAO,UAAU,SAAS,UAAU,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI;AACvE,cAAM,QAAQ,OAAO,UAAU;AAC/B,aAAK,QAAQ;AAAA,MACf;AACA,YAAM,QAAQ,MAAM,CAAC;AACrB,mBAAa,QAAQ;AAAA,QACnB,QAAQ,MAAM,QAAQ;AAAA,QACtB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WACE,CAAC;AAAA,MACC,KAAK,YAAY,WAAkB,GAAG;AAAA,MACtC,MAAM;AAAA,MACN,qBAAqB;AAAA,MAErB,UAAU,CAAC,MAAM;AACf,cAAM,EAAE,EAAE,IAAI,EAAE,YAAY;AAC5B,qBAAa,IAAI;AACjB,YAAI,IAAI,GAAG;AACT,uBAAa,eAAe;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,2BAA2B,MAAM;AAC/B,qBAAa,eAAe;AAC5B,cAAM,QAAQ,aAAa;AAC3B,eAAO;AAAA,MACT;AAAA,MAEA,0BAA0B,MAAM;AAAA,MAmChC,oBAAoB;AAAA,MACpB,UAAU;AAAA,UACN;AAAA;AAAA,OAEH,QAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA,MACnC,CAAC,MAAM,QAAS,qBAAqB,MAAO,WAAW,OAAO,GAAG;AAAA,IACnE,EA3DC;AAAA,EA6DL;AACF;",
+  "names": []
+}

package/dist/jsx/constants.mjs

@@ -0,0 +1,9 @@
+const constants = {};
+const SHEET_NAME = "Sheet";
+const SHEET_HANDLE_NAME = "SheetHandle";
+export {
+  SHEET_HANDLE_NAME,
+  SHEET_NAME,
+  constants
+};
+//# sourceMappingURL=constants.mjs.map

package/dist/jsx/constants.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.tsx"],
+  "sourcesContent": ["export const constants = {}\n\nexport const SHEET_NAME = 'Sheet'\nexport const SHEET_HANDLE_NAME = 'SheetHandle'\n"],
+  "mappings": "AAAO,MAAM,YAAY,CAAC;AAEnB,MAAM,aAAa;AACnB,MAAM,oBAAoB;",
+  "names": []
+}

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

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

package/dist/jsx/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "sideEffects": [
     "*.css"
   ],
@@ -22,16 +22,16 @@
     "lint:fix": "../../node_modules/.bin/rome check --apply-suggested src"
   },
   "dependencies": {
-    "@tamagui/animations-react-native": "^1.2.8",
-    "@tamagui/compose-refs": "^1.2.8",
-    "@tamagui/core": "^1.2.8",
-    "@tamagui/create-context": "^1.2.8",
-    "@tamagui/portal": "^1.2.8",
-    "@tamagui/remove-scroll": "^1.2.8",
-    "@tamagui/scroll-view": "^1.2.8",
-    "@tamagui/stacks": "^1.2.8",
-    "@tamagui/use-constant": "^1.2.8",
-    "@tamagui/use-controllable-state": "^1.2.8"
+    "@tamagui/animations-react-native": "^1.2.10",
+    "@tamagui/compose-refs": "^1.2.10",
+    "@tamagui/core": "^1.2.10",
+    "@tamagui/create-context": "^1.2.10",
+    "@tamagui/portal": "^1.2.10",
+    "@tamagui/remove-scroll": "^1.2.10",
+    "@tamagui/scroll-view": "^1.2.10",
+    "@tamagui/stacks": "^1.2.10",
+    "@tamagui/use-constant": "^1.2.10",
+    "@tamagui/use-controllable-state": "^1.2.10"
   },
   "peerDependencies": {
     "react": "*",
@@ -39,7 +39,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.8",
+    "@tamagui/build": "^1.2.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "*"

package/types/SheetContext.d.ts

@@ -17,7 +17,10 @@ export declare const createSheetContext: <ContextValueType extends object | null
         children: React.ReactNode;
     }): JSX.Element;
     displayName: string;
-}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>) => ContextValueType], createSheetScope: import("@tamagui/create-context").CreateScope;
+}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>, options?: {
+    warn?: boolean | undefined;
+    fallback?: Partial<ContextValueType> | undefined;
+} | undefined) => ContextValueType], createSheetScope: import("@tamagui/create-context").CreateScope;
 export declare const SheetProvider: {
     (props: Required<Pick<SheetProps, "position" | "open" | "snapPoints" | "dismissOnOverlayPress">> & {
         hidden: boolean;
@@ -33,6 +36,9 @@ export declare const SheetProvider: {
         children: React.ReactNode;
     }): JSX.Element;
     displayName: string;
-}, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SheetContextValue | undefined>) => SheetContextValue;
+}, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SheetContextValue | undefined>, options?: {
+    warn?: boolean | undefined;
+    fallback?: Partial<SheetContextValue> | undefined;
+} | undefined) => SheetContextValue;
 export {};
 //# sourceMappingURL=SheetContext.d.ts.map

package/types/SheetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzE,KAAK,iBAAiB,GAAG,QAAQ,CAC/B,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,uBAAuB,CAAC,CAC/E,GAAG;IACF,MAAM,EAAE,OAAO,CAAA;IACf,WAAW,EAAE,qBAAqB,CAAA;IAClC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC3C,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAO,kBAAkB;;;;;;8HAAE,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;gBAZjB,OAAO;qBACF,qBAAqB;iBACzB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;oBAC1C,MAAM,SAAS,CAAC,cAAc,CAAC;+BACpB,OAAO;sBAChB,YAAY;mBACf,MAAM;eACV,OAAO;;;;;;GAKa,eAAe,4HAG3C,CAAA"}
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzE,KAAK,iBAAiB,GAAG,QAAQ,CAC/B,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,uBAAuB,CAAC,CAC/E,GAAG;IACF,MAAM,EAAE,OAAO,CAAA;IACf,WAAW,EAAE,qBAAqB,CAAA;IAClC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC3C,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAO,kBAAkB;;;;;;;;;qCAAE,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;gBAZjB,OAAO;qBACF,qBAAqB;iBACzB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;oBAC1C,MAAM,SAAS,CAAC,cAAc,CAAC;+BACpB,OAAO;sBAChB,YAAY;mBACf,MAAM;eACV,OAAO;;;;;;GAKa,eAAe;;;mCAG3C,CAAA"}