@tamagui/sheet 1.108.0 → 1.108.1

package/src/SheetScrollView.tsx

@@ -1,8 +1,9 @@
+import React from 'react'
 import { composeRefs } from '@tamagui/compose-refs'
 import type { GetRef } from '@tamagui/core'
 import type { ScrollViewProps } from '@tamagui/scroll-view'
 import { ScrollView } from '@tamagui/scroll-view'
-import { forwardRef, useMemo, useRef } from 'react'
+
 import type { ScrollView as RNScrollView } from 'react-native'
 
 import { useSheetContext } from './SheetContext'
@@ -16,7 +17,10 @@ import type { SheetScopedProps } from './types'
 
 const SHEET_SCROLL_VIEW_NAME = 'SheetScrollView'
 
-export const SheetScrollView = forwardRef<GetRef<typeof ScrollView>, ScrollViewProps>(
+export const SheetScrollView = React.forwardRef<
+  GetRef<typeof ScrollView>,
+  ScrollViewProps
+>(
   (
     { __scopeSheet, children, onScroll, ...props }: SheetScopedProps<ScrollViewProps>,
     ref
@@ -24,7 +28,7 @@ export const SheetScrollView = forwardRef<GetRef<typeof ScrollView>, ScrollViewP
     const context = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet)
     const { scrollBridge } = context
     // const [scrollEnabled, setScrollEnabled_] = useState(true)
-    const scrollRef = useRef<RNScrollView | null>(null)
+    const scrollRef = React.useRef<RNScrollView | null>(null)
 
     // could make it so it has negative bottom margin and then pads the bottom content
     // to avoid clipping effect when resizing smaller
@@ -38,7 +42,7 @@ export const SheetScrollView = forwardRef<GetRef<typeof ScrollView>, ScrollViewP
     //   setScrollEnabled_(next)
     // }
 
-    const state = useRef({
+    const state = React.useRef({
       lastPageY: 0,
       dragAt: 0,
       dys: [] as number[], // store a few recent dys to get velocity on release
@@ -137,7 +141,7 @@ export const SheetScrollView = forwardRef<GetRef<typeof ScrollView>, ScrollViewP
         className="_ovs-contain"
         {...props}
       >
-        {useMemo(() => children, [children])}
+        {React.useMemo(() => children, [children])}
       </ScrollView>
     )
   }

package/src/contexts.ts

@@ -1,9 +1,9 @@
-import { createContext } from 'react'
+import React from 'react'
 
-export const ParentSheetContext = createContext({
+export const ParentSheetContext = React.createContext({
   zIndex: 100_000,
 })
 
-export const SheetInsideSheetContext = createContext<
+export const SheetInsideSheetContext = React.createContext<
   ((hasChild: boolean) => void) | null
 >(null)

package/src/useSheetController.tsx

@@ -1,7 +1,7 @@
-import { createContext, useContext } from 'react'
+import React from 'react'
 
 export const useSheetController = () => {
-  const controller = useContext(SheetControllerContext)
+  const controller = React.useContext(SheetControllerContext)
   const isHidden = controller?.hidden
   const isShowingNonSheet = isHidden && controller?.open
   return {
@@ -12,9 +12,8 @@ export const useSheetController = () => {
   }
 }
 
-export const SheetControllerContext = createContext<SheetControllerContextValue | null>(
-  null
-)
+export const SheetControllerContext =
+  React.createContext<SheetControllerContextValue | null>(null)
 
 export type SheetControllerContextValue = {
   disableDrag?: boolean

package/src/useSheetProviderProps.tsx

@@ -1,8 +1,8 @@
+import React from 'react'
 import type { TamaguiElement } from '@tamagui/core'
 import { useConfiguration } from '@tamagui/core'
 import { useConstant } from '@tamagui/use-constant'
 import { useControllableState } from '@tamagui/use-controllable-state'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
 import type { ScrollBridge, SheetProps } from './types'
 import type { SheetOpenState } from './useSheetOpenState'
@@ -18,8 +18,8 @@ export function useSheetProviderProps(
 ) {
   const handleRef = React.useRef<TamaguiElement>(null)
   const contentRef = React.useRef<TamaguiElement>(null)
-  const [frameSize, setFrameSize] = useState<number>(0)
-  const [maxContentSize, setMaxContentSize] = useState<number>(0)
+  const [frameSize, setFrameSize] = React.useState<number>(0)
+  const [maxContentSize, setMaxContentSize] = React.useState<number>(0)
   const snapPointsMode = props.snapPointsMode ?? 'percent'
   const snapPointsProp: (string | number)[] =
     props.snapPoints ??
@@ -30,7 +30,7 @@ export function useSheetProviderProps(
         : ['fit'])
   const hasFit = snapPointsProp[0] === 'fit'
 
-  const snapPoints = useMemo(
+  const snapPoints = React.useMemo(
     () => (props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp),
 
     [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
@@ -49,7 +49,7 @@ export function useSheetProviderProps(
 
   const { open } = state
 
-  const setPosition = useCallback(
+  const setPosition = React.useCallback(
     (next: number) => {
       // close on dismissOnSnapToBottom (and set position so it animates)
       if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
@@ -121,7 +121,7 @@ export function useSheetProviderProps(
 
   // open must set position
   const shouldSetPositionOpen = open && position < 0
-  useEffect(() => {
+  React.useEffect(() => {
     if (shouldSetPositionOpen) {
       setPosition(0)
     }

package/types/SheetController.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { SheetControllerContextValue } from './useSheetController';
 export declare const SheetController: ({ children, onOpenChange: onOpenChangeProp, ...value }: Partial<SheetControllerContextValue> & {
     children?: ReactNode;

package/types/SheetController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetController.d.ts","sourceRoot":"","sources":["../src/SheetController.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,eAAe,2DAIzB,OAAO,CAAC,2BAA2B,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CAkBjE,CAAA"}
+{"version":3,"file":"SheetController.d.ts","sourceRoot":"","sources":["../src/SheetController.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,eAAe,2DAIzB,OAAO,CAAC,2BAA2B,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CAkBjE,CAAA"}

package/types/SheetImplementationCustom.d.ts

@@ -1,15 +1,16 @@
+import React from 'react';
 import { View } from 'react-native';
 import type { SnapPointsMode } from './types';
 export declare const SheetImplementationCustom: (props: Omit<{
     open?: boolean;
     defaultOpen?: boolean;
-    onOpenChange?: ((open: boolean) => void) | import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    onOpenChange?: ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>;
     position?: number;
     defaultPosition?: number;
     snapPoints?: (string | number)[];
     snapPointsMode?: SnapPointsMode;
     onPositionChange?: import("./types").PositionChangeHandler;
-    children?: import("react").ReactNode;
+    children?: React.ReactNode;
     dismissOnOverlayPress?: boolean;
     dismissOnSnapToBottom?: boolean;
     forceRemoveScrollEnabled?: boolean;
@@ -23,8 +24,8 @@ export declare const SheetImplementationCustom: (props: Omit<{
     zIndex?: number;
     portalProps?: import("@tamagui/portal").PortalProps;
     moveOnKeyboardChange?: boolean;
-    containerComponent?: import("react").ComponentType<any>;
+    containerComponent?: React.ComponentType<any>;
 } & {
     __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-} & import("react").RefAttributes<View>, "theme" | "themeInverse"> & import("@tamagui/core").ThemeableProps) => import("react").ReactNode;
+} & React.RefAttributes<View>, "theme" | "themeInverse"> & import("@tamagui/core").ThemeableProps) => React.ReactNode;
 //# sourceMappingURL=SheetImplementationCustom.d.ts.map

package/types/SheetImplementationCustom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAsC,IAAI,EAAE,MAAM,cAAc,CAAA;AAMvE,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAMzD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;yIAqdrC,CAAA"}
+{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,OAAO,EAAsC,IAAI,EAAE,MAAM,cAAc,CAAA;AAMvE,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAMzD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;qHAudrC,CAAA"}

package/types/SheetScrollView.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import type { ScrollView as RNScrollView } from 'react-native';
-export declare const SheetScrollView: import("react").ForwardRefExoticComponent<Omit<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
+export declare const SheetScrollView: React.ForwardRefExoticComponent<Omit<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
     readonly contentContainerStyle?: Partial<import("@tamagui/core").GetFinalProps<import("react-native").ScrollViewProps, import("@tamagui/core").StackStyleBase, {}>> | undefined;
 }> & {
     fullscreen?: boolean | undefined;
@@ -15,5 +16,5 @@ export declare const SheetScrollView: import("react").ForwardRefExoticComponent<
     readonly contentContainerStyle?: Partial<import("@tamagui/core").GetFinalProps<import("react-native").ScrollViewProps, import("@tamagui/core").StackStyleBase, {}>> | undefined;
 }, {
     fullscreen?: boolean | undefined;
-}>> & import("react").RefAttributes<RNScrollView>>;
+}>> & React.RefAttributes<RNScrollView>>;
 //# sourceMappingURL=SheetScrollView.d.ts.map

package/types/SheetScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAa9D,eAAO,MAAM,eAAe;oDARzB,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;;;;;;;;;;;;;kDAqI7F,CAAA"}
+{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAa9D,eAAO,MAAM,eAAe;oDARA,eAAc,uBAAuB,cAAc,0BAA0B,eAEvG;;;;;;;;;;;;;;;wCAsID,CAAA"}

package/types/contexts.d.ts

@@ -1,5 +1,6 @@
-export declare const ParentSheetContext: import("react").Context<{
+import React from 'react';
+export declare const ParentSheetContext: React.Context<{
     zIndex: number;
 }>;
-export declare const SheetInsideSheetContext: import("react").Context<((hasChild: boolean) => void) | null>;
+export declare const SheetInsideSheetContext: React.Context<((hasChild: boolean) => void) | null>;
 //# sourceMappingURL=contexts.d.ts.map

package/types/contexts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../src/contexts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;EAE7B,CAAA;AAEF,eAAO,MAAM,uBAAuB,sCACtB,OAAO,KAAK,IAAI,SACvB,CAAA"}
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../src/contexts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB;;EAE7B,CAAA;AAEF,eAAO,MAAM,uBAAuB,4BACtB,OAAO,KAAK,IAAI,SACvB,CAAA"}

package/types/useSheetController.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 export declare const useSheetController: () => {
     controller: SheetControllerContextValue | null;
     isHidden: boolean | undefined;
     isShowingNonSheet: boolean | undefined;
     disableDrag: boolean | undefined;
 };
-export declare const SheetControllerContext: import("react").Context<SheetControllerContextValue | null>;
+export declare const SheetControllerContext: React.Context<SheetControllerContextValue | null>;
 export type SheetControllerContextValue = {
     disableDrag?: boolean;
     open?: boolean;

package/types/useSheetController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetController.d.ts","sourceRoot":"","sources":["../src/useSheetController.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;CAU9B,CAAA;AAED,eAAO,MAAM,sBAAsB,6DAElC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;CACxF,CAAA"}
+{"version":3,"file":"useSheetController.d.ts","sourceRoot":"","sources":["../src/useSheetController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB;;;;;CAU9B,CAAA;AAED,eAAO,MAAM,sBAAsB,mDAC4B,CAAA;AAE/D,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;CACxF,CAAA"}

package/types/useSheetProviderProps.d.ts

@@ -1,5 +1,5 @@
-import type { TamaguiElement } from '@tamagui/core';
 import React from 'react';
+import type { TamaguiElement } from '@tamagui/core';
 import type { ScrollBridge, SheetProps } from './types';
 import type { SheetOpenState } from './useSheetOpenState';
 export type SheetContextValue = ReturnType<typeof useSheetProviderProps>;

package/types/useSheetProviderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAExE,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE;IACP,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CACpC;;;;;;;;;;;;;;;gCADwB,GAAG,KAAK,IAAI;;;;;;;wBAqCjC,MAAM;;;EAiIhB"}
+{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAExE,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE;IACP,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CACpC;;;;;;;;;;;;;;;gCADwB,GAAG,KAAK,IAAI;;;;;;;wBAqCjC,MAAM;;;EAiIhB"}