react-modal-sheet 3.4.1 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -370,7 +370,9 @@ function preventScrollMobileSafari() {
370
370
  let scrollable;
371
371
  let lastY = 0;
372
372
  const onTouchStart = (e) => {
373
- scrollable = getScrollParent(e.target, true);
373
+ var _a;
374
+ const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
375
+ scrollable = getScrollParent(target, true);
374
376
  if (scrollable === document.documentElement && scrollable === document.body) {
375
377
  return;
376
378
  }
@@ -396,7 +398,8 @@ function preventScrollMobileSafari() {
396
398
  lastY = y;
397
399
  };
398
400
  const onTouchEnd = (e) => {
399
- const target = e.target;
401
+ var _a;
402
+ const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
400
403
  if (willOpenKeyboard(target) && target !== document.activeElement) {
401
404
  e.preventDefault();
402
405
  target.style.transform = "translateY(-2000px)";
@@ -407,7 +410,8 @@ function preventScrollMobileSafari() {
407
410
  }
408
411
  };
409
412
  const onFocus = (e) => {
410
- const target = e.target;
413
+ var _a;
414
+ const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
411
415
  if (willOpenKeyboard(target)) {
412
416
  target.style.transform = "translateY(-2000px)";
413
417
  requestAnimationFrame(() => {
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sheet.tsx","../src/hooks.tsx","../src/constants.ts","../src/context.tsx","../src/utils.ts","../src/use-prevent-scroll.ts","../src/styles.ts","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/SheetScroller.tsx","../src/index.tsx"],"names":["React","useEffect","useRef","useState","isScrollable","dragProps","forwardRef","motion","useTransform","Sheet"],"mappings":"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","sourcesContent":["import React, {\n Children,\n cloneElement,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport {\n animate,\n AnimatePresence,\n motion,\n type PanInfo,\n type Transition,\n useMotionValue,\n useReducedMotion,\n useTransform,\n} from 'framer-motion';\n\nimport {\n useModalEffect,\n useDimensions,\n useIsomorphicLayoutEffect,\n useEffectEvent,\n} from './hooks';\n\nimport {\n REDUCED_MOTION_TWEEN_CONFIG,\n DEFAULT_TWEEN_CONFIG,\n DEFAULT_DRAG_CLOSE_THRESHOLD,\n DEFAULT_DRAG_VELOCITY_THRESHOLD,\n IS_SSR,\n} from './constants';\n\nimport { type SheetContextType, type SheetProps } from './types';\nimport { SheetScrollerContextProvider, SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport { usePreventScroll } from './use-prevent-scroll';\nimport styles from './styles';\n\nconst Sheet = forwardRef<any, SheetProps>(\n (\n {\n onOpenStart,\n onOpenEnd,\n onClose,\n onCloseStart,\n onCloseEnd,\n onSnap,\n children,\n disableScrollLocking = false,\n isOpen,\n snapPoints: snapPointsProp,\n rootId,\n mountPoint,\n style,\n detent = 'full-height',\n initialSnap = 0,\n disableDrag = false,\n prefersReducedMotion = false,\n tweenConfig = DEFAULT_TWEEN_CONFIG,\n dragVelocityThreshold = DEFAULT_DRAG_VELOCITY_THRESHOLD,\n dragCloseThreshold = DEFAULT_DRAG_CLOSE_THRESHOLD,\n ...rest\n },\n ref\n ) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n const indicatorRotation = useMotionValue(0);\n const { height: windowHeight } = useDimensions();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n const animationOptions: Transition = {\n type: 'tween',\n ...(reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig),\n };\n\n // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n // the value driven by the `AnimatePresence` component when the sheet is opened\n // and after that it is driven by the gestures and/or snapping\n const y = useMotionValue(windowHeight);\n\n // +2 for tolerance in case the animated value is slightly off\n const zIndex = useTransform(y, (value) =>\n value + 2 >= windowHeight ? -1 : 9999999\n );\n const visibility = useTransform(y, (value) =>\n value + 2 >= windowHeight ? 'hidden' : 'visible'\n );\n\n // Keep the callback fns up-to-date so that they can be accessed inside\n // the effect without including them to the dependencies array\n const callbacks = useRef({\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n });\n\n useIsomorphicLayoutEffect(() => {\n callbacks.current = {\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n };\n });\n\n let snapPoints: number[] | undefined = snapPointsProp;\n\n if (snapPoints) {\n // Convert negative / percentage snap points to absolute values\n snapPoints = snapPoints.map((point) => {\n // Percentage values e.g. between 0.0 and 1.0\n if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n return point < 0 ? windowHeight + point : point; // negative values\n });\n\n console.assert(\n inDescendingOrder(snapPoints) || windowHeight === 0,\n `Snap points need to be in descending order got: [${snapPoints.join(\n ', '\n )}]`\n );\n }\n\n const onDrag = useEffectEvent((_, { delta }: PanInfo) => {\n // Update drag indicator rotation based on drag velocity\n const velocity = y.getVelocity();\n\n if (velocity > 0) indicatorRotation.set(10);\n if (velocity < 0) indicatorRotation.set(-10);\n\n // Make sure user cannot drag beyond the top of the sheet\n y.set(Math.max(y.get() + delta.y, 0));\n });\n\n const onDragStart = useEffectEvent(() => {\n // Find focused input inside the sheet and blur it when dragging starts\n // to prevent a weird ghost caret \"bug\" on mobile\n const focusedElement = document.activeElement as HTMLElement | null;\n if (!focusedElement || !sheetRef.current) return;\n\n const isInput =\n focusedElement.tagName === 'INPUT' ||\n focusedElement.tagName === 'TEXTAREA';\n\n // Only blur the focused element if it's inside the sheet\n if (isInput && sheetRef.current.contains(focusedElement)) {\n focusedElement.blur();\n }\n });\n\n const onDragEnd = useEffectEvent((_, { velocity }: PanInfo) => {\n if (velocity.y > dragVelocityThreshold) {\n // User flicked the sheet down\n onClose();\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const sheetHeight = sheetRef.current!.getBoundingClientRect().height;\n const currentY = y.get();\n\n let snapTo = 0;\n\n if (snapPoints) {\n const snapToValues = snapPoints.map(\n (p) => sheetHeight - Math.min(p, sheetHeight)\n );\n\n // Allow snapping to the top of the sheet if detent is set to `content-height`\n if (detent === 'content-height' && !snapToValues.includes(0)) {\n snapToValues.unshift(0);\n }\n\n // Get the closest snap point\n snapTo = getClosest(snapToValues, currentY);\n } else if (currentY / sheetHeight > dragCloseThreshold) {\n // Close if dragged over enough far\n snapTo = sheetHeight;\n }\n\n snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n // Update the spring value so that the sheet is animated to the snap point\n void animate(y, snapTo, animationOptions);\n\n if (snapPoints && onSnap) {\n const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n onSnap(snapIndex);\n }\n\n const roundedSheetHeight = Math.round(sheetHeight);\n const shouldClose = snapTo + 2 >= roundedSheetHeight; // 2px tolerance\n\n if (shouldClose) onClose();\n }\n\n // Reset indicator rotation after dragging\n indicatorRotation.set(0);\n });\n\n // Trigger onSnap callback when sheet is opened or closed\n useEffect(() => {\n if (!snapPoints || !onSnap) return;\n const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n onSnap(snapIndex);\n }, [isOpen]); // eslint-disable-line\n\n useImperativeHandle(ref, () => ({\n y,\n snapTo: (snapIndex: number) => {\n const sheetEl = sheetRef.current;\n\n if (snapPoints?.[snapIndex] !== undefined && sheetEl) {\n const sheetHeight = sheetEl.getBoundingClientRect().height;\n const snapPoint = snapPoints[snapIndex];\n const snapTo = validateSnapTo({\n snapTo: sheetHeight - snapPoint,\n sheetHeight,\n });\n\n void animate(y, snapTo, animationOptions);\n if (onSnap) onSnap(snapIndex);\n if (snapTo >= sheetHeight) onClose();\n }\n },\n }));\n\n useModalEffect({\n y,\n rootId,\n sheetRef,\n });\n\n // Framer Motion should handle body scroll locking but it's not working\n // properly on iOS. Scroll locking from React Aria seems to work much better.\n usePreventScroll({ isDisabled: disableScrollLocking || !isOpen });\n\n const dragProps = useMemo(() => {\n const dragProps: SheetContextType['dragProps'] = {\n drag: 'y',\n dragElastic: 0,\n dragMomentum: false,\n dragPropagation: false,\n onDrag,\n onDragStart,\n onDragEnd,\n };\n\n return disableDrag ? undefined : dragProps;\n }, [disableDrag, windowHeight]); // eslint-disable-line\n\n const context: SheetContextType = {\n y,\n sheetRef,\n isOpen,\n initialSnap,\n snapPoints,\n detent,\n indicatorRotation,\n callbacks,\n dragProps,\n windowHeight,\n animationOptions,\n reduceMotion,\n disableDrag,\n };\n\n const sheet = (\n <SheetContext.Provider value={context}>\n <motion.div\n {...rest}\n ref={ref}\n style={{ ...styles.wrapper, zIndex, visibility, ...style }}\n >\n <AnimatePresence>\n {/* NOTE: AnimatePresence requires us to set keys to children */}\n {isOpen ? (\n <SheetScrollerContextProvider>\n {Children.map(children, (child: any, i) =>\n cloneElement(child, { key: `sheet-child-${i}` })\n )}\n </SheetScrollerContextProvider>\n ) : null}\n </AnimatePresence>\n </motion.div>\n </SheetContext.Provider>\n );\n\n if (IS_SSR) return sheet;\n\n return createPortal(sheet, mountPoint ?? document.body);\n }\n);\n\nSheet.displayName = 'Sheet';\n\nexport default Sheet;\n","import {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { type MotionValue, type BoundingBox, transform } from 'framer-motion';\n\nimport { IS_SSR } from './constants';\nimport { type SheetEvents } from './types';\n\nexport const useIsomorphicLayoutEffect = IS_SSR ? useEffect : useLayoutEffect;\n\nexport function useModalEffect({\n y,\n rootId,\n sheetRef,\n}: {\n y: MotionValue<number>;\n rootId?: string;\n sheetRef: RefObject<HTMLDivElement>;\n}) {\n const heightRef = useRef(IS_SSR ? 0 : window.innerHeight);\n\n function setup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n body.style.backgroundColor = '#000';\n root.style.overflow = 'hidden';\n root.style.transitionTimingFunction = 'cubic-bezier(0.32, 0.72, 0, 1)';\n root.style.transitionProperty = 'transform, border-radius';\n root.style.transitionDuration = '0.5s';\n root.style.transformOrigin = 'center top';\n }\n\n function cleanup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n setTimeout(() => {\n body.style.removeProperty('background-color');\n root.style.removeProperty('overflow');\n root.style.removeProperty('transition-timing-function');\n root.style.removeProperty('transition-property');\n root.style.removeProperty('transition-duration');\n root.style.removeProperty('transform-origin');\n root.style.removeProperty('transform');\n root.style.removeProperty('border-top-right-radius');\n root.style.removeProperty('border-top-left-radius');\n }, 100);\n }\n\n useIsomorphicLayoutEffect(() => {\n return () => {\n if (rootId) cleanup();\n };\n }, []); // eslint-disable-line\n\n useEffect(() => {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n if (!root) return;\n\n function onCompleted() {\n if (y.get() - 10 >= heightRef.current) cleanup();\n }\n\n const removeStartListener = y.on('animationStart', () => {\n heightRef.current = sheetRef.current?.offsetHeight || window.innerHeight;\n setup();\n });\n\n const removeChangeListener = y.on('change', (value) => {\n if (root) {\n const progress = Math.max(0, 1 - value / heightRef.current);\n const pageWidth = window.innerWidth;\n const scale = (pageWidth - 16) / pageWidth;\n const ty = transform(progress, [0, 1], [0, 24]);\n const s = transform(progress, [0, 1], [1, scale]);\n const borderRadius = transform(progress, [0, 1], [0, 10]);\n const inset = 'env(safe-area-inset-top)';\n\n root.style.transform = `scale(${s}) translate3d(0, calc(${inset} + ${ty}px), 0)`; // prettier-ignore\n root.style.borderTopRightRadius = `${borderRadius}px`;\n root.style.borderTopLeftRadius = `${borderRadius}px`;\n }\n });\n\n const removeCompleteListener = y.on('animationComplete', onCompleted);\n const removeCancelListener = y.on('animationCancel', onCompleted);\n\n return () => {\n removeStartListener();\n removeChangeListener();\n removeCompleteListener();\n removeCancelListener();\n };\n }, [y, rootId]); // eslint-disable-line\n}\n\nexport function useEventCallbacks(\n isOpen: boolean,\n callbacks: MutableRefObject<SheetEvents>\n) {\n const prevOpen = usePrevious(isOpen);\n const didOpen = useRef(false);\n\n // Because of AnimatePrecence we don't have access to latest isOpen value\n // so we need to read and write to a ref to determine if we are\n // opening or closing the sheet\n const handleAnimationComplete = useCallback(() => {\n if (!didOpen.current) {\n callbacks.current.onOpenEnd?.();\n didOpen.current = true;\n } else {\n callbacks.current.onCloseEnd?.();\n didOpen.current = false;\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n useEffect(() => {\n if (!prevOpen && isOpen) {\n callbacks.current.onOpenStart?.();\n } else if (!isOpen && prevOpen) {\n callbacks.current.onCloseStart?.();\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n return { handleAnimationComplete };\n}\n\nexport function useDimensions() {\n const [dimensions, setDimensions] = useState({\n height: !IS_SSR ? window.innerHeight : 0,\n width: !IS_SSR ? window.innerWidth : 0,\n });\n\n useIsomorphicLayoutEffect(() => {\n function handler() {\n setDimensions({\n height: window.innerHeight,\n width: window.innerWidth,\n });\n }\n\n handler();\n\n window.addEventListener('resize', handler);\n\n return () => {\n window.removeEventListener('resize', handler);\n };\n }, []);\n\n return dimensions;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = state;\n });\n\n return ref.current;\n}\n\n// Userland version of the `useEffectEvent` React hook:\n// RFC: https://react.dev/reference/react/experimental_useEffectEvent\nexport function useEffectEvent<T extends (...args: any[]) => any>(handler: T) {\n const handlerRef = useRef<T>();\n\n useIsomorphicLayoutEffect(() => {\n handlerRef.current = handler;\n });\n\n return useCallback((...args: any[]) => {\n const fn = handlerRef.current;\n return fn?.(...args);\n }, []) as T;\n}\n\n// This is a hacky way to fix a bug in framer-motion where the drag\n// constraints are not updated when window is resized.\n// https://github.com/framer/motion/issues/1659\nconst constraints: BoundingBox = { bottom: 0, top: 0, left: 0, right: 0 };\n\nexport function useDragConstraints() {\n const constraintsRef = useRef<any>(null);\n const onMeasureDragConstraints = useCallback(() => constraints, []);\n return { constraintsRef, onMeasureDragConstraints };\n}\n","export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_TWEEN_CONFIG = {\n ease: 'easeOut',\n duration: 0.2,\n};\n\nexport const REDUCED_MOTION_TWEEN_CONFIG = {\n ease: 'linear',\n duration: 0.01,\n};\n\nexport const DEFAULT_DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DEFAULT_DRAG_VELOCITY_THRESHOLD = 500;\n","import React, { type ReactNode, createContext, useContext, useState } from 'react';\nimport { type SheetScrollerContextType, type SheetContextType } from './types';\n\nexport const SheetContext = createContext<SheetContextType | undefined>(\n undefined\n);\n\nexport const useSheetContext = () => {\n const context = useContext(SheetContext);\n if (!context) throw Error('Sheet context error');\n return context;\n};\n\nexport const SheetScrollerContext = createContext<\n SheetScrollerContextType | undefined\n>(undefined);\n\nexport function SheetScrollerContextProvider({\n children,\n}: {\n children: ReactNode;\n}) {\n const sheetContext = useSheetContext();\n const [disableDrag, setDisableDrag] = useState(!!sheetContext.disableDrag);\n\n function setDragEnabled() {\n if (!sheetContext.disableDrag) setDisableDrag(false);\n }\n\n function setDragDisabled() {\n if (!disableDrag) setDisableDrag(true);\n }\n\n return (\n <SheetScrollerContext.Provider\n value={{ disableDrag, setDragEnabled, setDragDisabled }}\n >\n {children}\n </SheetScrollerContext.Provider>\n );\n}\n\nexport const useSheetScrollerContext = () => {\n const context = useContext(SheetScrollerContext);\n if (!context) throw Error('Sheet scroller context error');\n return context;\n};\n","import { type ForwardedRef, type RefCallback } from 'react';\n\nexport function getClosest(nums: number[], goal: number) {\n let closest = nums[0];\n let minDifference = Math.abs(nums[0] - goal);\n\n for (let i = 1; i < nums.length; i++) {\n const difference = Math.abs(nums[i] - goal);\n if (difference < minDifference) {\n closest = nums[i];\n minDifference = difference;\n }\n }\n\n return closest;\n}\n\nexport function inDescendingOrder(arr: number[]) {\n for (let i = 0; i < arr.length; i++) {\n if (arr[i + 1] > arr[i]) return false;\n }\n\n return true;\n}\n\nexport function validateSnapTo({\n snapTo,\n sheetHeight,\n}: {\n snapTo: number;\n sheetHeight: number;\n}) {\n if (snapTo < 0) {\n console.warn(\n `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${\n sheetHeight + Math.abs(snapTo)\n }.`\n );\n }\n\n return Math.max(Math.round(snapTo), 0);\n}\n\nexport function mergeRefs<T = any>(\n refs: Array<ForwardedRef<T>>\n): RefCallback<T> {\n return (value: any) => {\n refs.forEach((ref: any) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n });\n };\n}\n\nexport function isTouchDevice() {\n if (typeof window === 'undefined') return false;\n return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nfunction testPlatform(re: RegExp) {\n // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n return typeof window !== 'undefined' && window.navigator != null\n ? re.test(\n // @ts-expect-error\n // eslint-disable-next-line @typescript-eslint/dot-notation\n window.navigator['userAgentData']?.platform || window.navigator.platform\n )\n : false;\n}\n\nfunction cached(fn: () => boolean) {\n let res: boolean | null = null;\n return () => {\n if (res == null) {\n res = fn();\n }\n return res;\n };\n}\n\nconst isMac = cached(function () {\n return testPlatform(/^Mac/i);\n});\n\nconst isIPhone = cached(function () {\n return testPlatform(/^iPhone/i);\n});\n\nconst isIPad = cached(function () {\n return (\n testPlatform(/^iPad/i) ||\n // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\n (isMac() && navigator.maxTouchPoints > 1)\n );\n});\n\nexport const isIOS = cached(function () {\n return isIPhone() || isIPad();\n});\n","// This code originates from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useIsomorphicLayoutEffect } from './hooks';\nimport { isIOS } from './utils';\n\nconst KEYBOARD_BUFFER = 24;\n\ninterface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n return (...args: any[]) => {\n for (const callback of callbacks) {\n if (typeof callback === 'function') {\n // eslint-disable-next-line n/no-callback-literal\n callback(...args);\n }\n }\n };\n}\n\nconst visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function isScrollable(\n node: Element | null,\n checkForOverflow?: boolean\n): boolean {\n if (!node) {\n return false;\n }\n\n const style = window.getComputedStyle(node);\n\n let isScrollable = /(auto|scroll)/.test(\n style.overflow + style.overflowX + style.overflowY\n );\n\n if (isScrollable && checkForOverflow) {\n isScrollable =\n node.scrollHeight !== node.clientHeight ||\n node.scrollWidth !== node.clientWidth;\n }\n\n return isScrollable;\n}\n\nexport function getScrollParent(\n node: Element,\n checkForOverflow?: boolean\n): Element {\n let scrollableNode: Element | null = node;\n\n if (isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n while (scrollableNode && !isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n return (\n scrollableNode || document.scrollingElement || document.documentElement\n );\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'range',\n 'color',\n 'file',\n 'image',\n 'button',\n 'submit',\n 'reset',\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n const { isDisabled } = options;\n\n useIsomorphicLayoutEffect(() => {\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n } else {\n restore = preventScrollStandard();\n }\n }\n\n return () => {\n preventScrollCount--;\n if (preventScrollCount === 0) {\n restore?.();\n }\n };\n }, [isDisabled]);\n}\n\n// For most browsers, all we need to do is set `overflow: hidden` on the root element, and\n// add some padding to prevent the page from shifting when the scrollbar is hidden.\nfunction preventScrollStandard() {\n return chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden')\n );\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n// top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n// of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n// into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n// same visually, but makes the actual scroll position always zero. This is required to make all of the\n// above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n// to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n let scrollable: Element | undefined;\n let lastY = 0;\n\n const onTouchStart = (e: TouchEvent) => {\n // Store the nearest scrollable parent element from the element that the user touched.\n scrollable = getScrollParent(e.target as Element, true);\n if (\n scrollable === document.documentElement &&\n scrollable === document.body\n ) {\n return;\n }\n\n lastY = e.changedTouches[0].pageY;\n };\n\n const onTouchMove = (e: TouchEvent) => {\n // In special situations, `onTouchStart` may be called without `onTouchStart` being called.\n // (e.g. when the user places a finger on the screen before the <Sheet> is mounted and then moves the finger after it is mounted).\n // If `onTouchStart` is not called, `scrollable` is `undefined`. Therefore, such cases are ignored.\n if (scrollable === undefined) {\n return;\n }\n\n // Prevent scrolling the window.\n if (\n !scrollable ||\n scrollable === document.documentElement ||\n scrollable === document.body\n ) {\n e.preventDefault();\n return;\n }\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead. Unfortunately, this disables bounce scrolling when at\n // the top but it's the best we can do.\n const y = e.changedTouches[0].pageY;\n const scrollTop = scrollable.scrollTop;\n const bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n if (bottom === 0) {\n return;\n }\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault();\n }\n\n lastY = y;\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n const target = e.target as HTMLElement;\n\n // Apply this change if we're not already focused on the target element\n if (willOpenKeyboard(target) && target !== document.activeElement) {\n e.preventDefault();\n\n // Apply a transform to trick Safari into thinking the input is at the top of the page\n // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n // be done before the \"focus\" event, so we have to focus the element ourselves.\n target.style.transform = 'translateY(-2000px)';\n target.focus();\n requestAnimationFrame(() => {\n target.style.transform = '';\n });\n }\n };\n\n const onFocus = (e: FocusEvent) => {\n const target = e.target as HTMLElement;\n if (willOpenKeyboard(target)) {\n // Transform also needs to be applied in the focus event in cases where focus moves\n // other than tapping on an input directly, e.g. the next/previous buttons in the\n // software keyboard. In these cases, it seems applying the transform in the focus event\n // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️\n target.style.transform = 'translateY(-2000px)';\n requestAnimationFrame(() => {\n target.style.transform = '';\n\n // This will have prevented the browser from scrolling the focused element into view,\n // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n if (visualViewport) {\n if (visualViewport.height < window.innerHeight) {\n // If the keyboard is already visible, do this after one additional frame\n // to wait for the transform to be removed.\n requestAnimationFrame(() => {\n scrollIntoView(target);\n });\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\n 'resize',\n () => scrollIntoView(target),\n { once: true }\n );\n }\n }\n });\n }\n };\n\n const onWindowScroll = () => {\n // Last resort. If the window scrolled, scroll it back to the top.\n // It should always be at the top because the body will have a negative margin (see below).\n window.scrollTo(0, 0);\n };\n\n // Record the original scroll position so we can restore it.\n // Then apply a negative margin to the body to offset it by the scroll position. This will\n // enable us to scroll the window to the top, which is required for the rest of this to work.\n const scrollX = window.pageXOffset;\n const scrollY = window.pageYOffset;\n\n const restoreStyles = chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden'),\n setStyle(document.body, 'marginTop', `-${scrollY}px`)\n );\n\n // Scroll to the top. The negative margin on the body will make this appear the same.\n window.scrollTo(0, 0);\n\n const removeEvents = chain(\n addEvent(document, 'touchstart', onTouchStart, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchmove', onTouchMove, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchend', onTouchEnd, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'focus', onFocus, true),\n addEvent(window, 'scroll', onWindowScroll)\n );\n\n return () => {\n // Restore styles and scroll the page back to where it was.\n restoreStyles();\n removeEvents();\n window.scrollTo(scrollX, scrollY);\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(element: any, style: string, value: string) {\n // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n const cur = element.style[style];\n element.style[style] = value;\n\n return () => {\n element.style[style] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: EventTarget,\n event: K,\n handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n options?: boolean | AddEventListenerOptions\n) {\n // @ts-expect-error\n target.addEventListener(event, handler, options);\n\n return () => {\n // @ts-expect-error\n target.removeEventListener(event, handler, options);\n };\n}\n\nfunction scrollIntoView(target: Element) {\n const root = document.scrollingElement || document.documentElement;\n while (target && target !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n const scrollable = getScrollParent(target);\n if (\n scrollable !== document.documentElement &&\n scrollable !== document.body &&\n scrollable !== target\n ) {\n const scrollableTop = scrollable.getBoundingClientRect().top;\n const targetTop = target.getBoundingClientRect().top;\n const targetBottom = target.getBoundingClientRect().bottom;\n // Buffer is needed for some edge cases\n const keyboardHeight =\n scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n if (targetBottom > keyboardHeight) {\n scrollable.scrollTop += targetTop - scrollableTop;\n }\n }\n\n // @ts-expect-error\n target = scrollable.parentElement;\n }\n}\n\nfunction willOpenKeyboard(target: Element) {\n return (\n (target instanceof HTMLInputElement &&\n !nonTextInputTypes.has(target.type)) ||\n target instanceof HTMLTextAreaElement ||\n (target instanceof HTMLElement && target.isContentEditable)\n );\n}\n","import { type Properties } from 'csstype';\n\nconst styles: Record<string, Properties> = {\n wrapper: {\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n overflow: 'hidden',\n pointerEvents: 'none',\n },\n backdrop: {\n zIndex: 1,\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n touchAction: 'none', // Disable iOS body scrolling\n border: 'none',\n },\n container: {\n zIndex: 2,\n position: 'absolute',\n left: 0,\n bottom: 0,\n width: '100%',\n backgroundColor: '#fff',\n borderTopRightRadius: '8px',\n borderTopLeftRadius: '8px',\n boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n display: 'flex',\n flexDirection: 'column',\n pointerEvents: 'auto',\n },\n headerWrapper: {\n width: '100%',\n },\n header: {\n height: '40px',\n width: '100%',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n indicator: {\n width: '18px',\n height: '4px',\n borderRadius: '99px',\n backgroundColor: '#ddd',\n },\n content: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0px',\n position: 'relative',\n },\n scroller: {\n height: '100%',\n overflowY: 'auto',\n },\n};\n\nexport default styles;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContainer = forwardRef<any, SheetContainerProps>(\n ({ children, style = {}, className = '', ...rest }, ref) => {\n const {\n y,\n isOpen,\n callbacks,\n snapPoints,\n initialSnap = 0,\n sheetRef,\n windowHeight,\n detent,\n animationOptions,\n reduceMotion,\n } = useSheetContext();\n\n const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n const height =\n maxSnapHeight !== null\n ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n : MAX_HEIGHT;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([sheetRef, ref])}\n className={`react-modal-sheet-container ${className}`}\n style={{\n ...styles.container,\n ...style,\n ...(detent === 'full-height' && { height }),\n ...(detent === 'content-height' && { maxHeight: height }),\n y,\n }}\n initial={reduceMotion ? false : { y: windowHeight }}\n animate={{ y: initialY, transition: animationOptions }}\n exit={{ y: windowHeight, transition: animationOptions }}\n onAnimationComplete={handleAnimationComplete}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContainer.displayName = 'SheetContainer';\n\nexport default SheetContainer;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetScrollerContext, useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContent = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n const sheetContext = useSheetContext();\n const sheetScrollerContext = useSheetScrollerContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n\n const dragProps =\n disableDrag || sheetScrollerContext.disableDrag\n ? undefined\n : sheetContext.dragProps;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n className={`react-modal-sheet-content ${className}`}\n style={{ ...styles.content, ...style }}\n {...dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContent.displayName = 'SheetContent';\n\nexport default SheetContent;\n","import React, { forwardRef } from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetHeader = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, ...rest }, ref) => {\n const { indicatorRotation, dragProps } = useSheetContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n const _dragProps = disableDrag ? undefined : dragProps;\n\n const indicator1Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(2px) rotate(${r}deg)`\n );\n\n const indicator2Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(-2px) rotate(${-1 * r}deg)`\n );\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n style={{ ...styles.headerWrapper, ...style }}\n {..._dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children || (\n <div className=\"react-modal-sheet-header\" style={styles.header}>\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator1Transform }}\n />\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator2Transform }}\n />\n </div>\n )}\n </motion.div>\n );\n }\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport default SheetHeader;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = forwardRef<any, SheetBackdropProps>(\n ({ style = {}, className = '', ...rest }, ref) => {\n const Comp = isClickable(rest) ? motion.button : motion.div;\n const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n return (\n <Comp\n {...rest}\n ref={ref}\n className={`react-modal-sheet-backdrop ${className}`}\n style={{ ...styles.backdrop, ...style, pointerEvents }}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n />\n );\n }\n);\n\nSheetBackdrop.displayName = 'SheetBackdrop';\n\nexport default SheetBackdrop;\n","import React, { type TouchEvent, type UIEvent, forwardRef } from 'react';\n\nimport { useSheetScrollerContext } from './context';\nimport { type SheetScrollerProps } from './types';\nimport { isTouchDevice } from './utils';\nimport styles from './styles';\n\nconst SheetScroller = forwardRef<any, SheetScrollerProps>(\n ({ draggableAt = 'top', children, style, className = '', ...rest }, ref) => {\n const sheetScrollerContext = useSheetScrollerContext();\n\n function determineDragState(element: HTMLDivElement) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n const isScrollable = scrollHeight > clientHeight;\n\n if (!isScrollable) return;\n\n const isAtTop = scrollTop <= 0;\n const isAtBottom = scrollHeight - scrollTop === clientHeight;\n\n const shouldEnable =\n (draggableAt === 'top' && isAtTop) ||\n (draggableAt === 'bottom' && isAtBottom) ||\n (draggableAt === 'both' && (isAtTop || isAtBottom));\n\n if (shouldEnable) {\n sheetScrollerContext.setDragEnabled();\n } else {\n sheetScrollerContext.setDragDisabled();\n }\n }\n\n function onScroll(e: UIEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onScroll) {\n rest.onScroll(e);\n }\n }\n\n function onTouchStart(e: TouchEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onTouchStart) {\n rest.onTouchStart(e);\n }\n }\n\n const scrollProps = isTouchDevice()\n ? { onScroll, onTouchStart }\n : undefined;\n\n return (\n <div\n {...rest}\n ref={ref}\n className={`react-modal-sheet-scroller ${className}`}\n style={{ ...styles.scroller, ...style }}\n {...scrollProps}\n >\n {children}\n </div>\n );\n }\n);\n\nSheetScroller.displayName = 'SheetScroller';\n\nexport default SheetScroller;\n","import { type MotionValue } from 'framer-motion';\n\nimport _Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport SheetScroller from './SheetScroller';\nimport { type SheetCompound } from './types';\n\nexport interface SheetRef {\n y: MotionValue<number>;\n snapTo: (index: number) => void;\n}\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = _Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n_SheetCompound.Scroller = SheetScroller;\n\nexport const Sheet = _SheetCompound as SheetCompound;\n"]}
1
+ {"version":3,"sources":["../src/sheet.tsx","../src/hooks.tsx","../src/constants.ts","../src/context.tsx","../src/utils.ts","../src/use-prevent-scroll.ts","../src/styles.ts","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/SheetScroller.tsx","../src/index.tsx"],"names":["React","useEffect","useRef","useState","isScrollable","dragProps","forwardRef","motion","useTransform","Sheet"],"mappings":"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","sourcesContent":["import React, {\n Children,\n cloneElement,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport {\n animate,\n AnimatePresence,\n motion,\n type PanInfo,\n type Transition,\n useMotionValue,\n useReducedMotion,\n useTransform,\n} from 'framer-motion';\n\nimport {\n useModalEffect,\n useDimensions,\n useIsomorphicLayoutEffect,\n useEffectEvent,\n} from './hooks';\n\nimport {\n REDUCED_MOTION_TWEEN_CONFIG,\n DEFAULT_TWEEN_CONFIG,\n DEFAULT_DRAG_CLOSE_THRESHOLD,\n DEFAULT_DRAG_VELOCITY_THRESHOLD,\n IS_SSR,\n} from './constants';\n\nimport { type SheetContextType, type SheetProps } from './types';\nimport { SheetScrollerContextProvider, SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport { usePreventScroll } from './use-prevent-scroll';\nimport styles from './styles';\n\nconst Sheet = forwardRef<any, SheetProps>(\n (\n {\n onOpenStart,\n onOpenEnd,\n onClose,\n onCloseStart,\n onCloseEnd,\n onSnap,\n children,\n disableScrollLocking = false,\n isOpen,\n snapPoints: snapPointsProp,\n rootId,\n mountPoint,\n style,\n detent = 'full-height',\n initialSnap = 0,\n disableDrag = false,\n prefersReducedMotion = false,\n tweenConfig = DEFAULT_TWEEN_CONFIG,\n dragVelocityThreshold = DEFAULT_DRAG_VELOCITY_THRESHOLD,\n dragCloseThreshold = DEFAULT_DRAG_CLOSE_THRESHOLD,\n ...rest\n },\n ref\n ) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n const indicatorRotation = useMotionValue(0);\n const { height: windowHeight } = useDimensions();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n const animationOptions: Transition = {\n type: 'tween',\n ...(reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig),\n };\n\n // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n // the value driven by the `AnimatePresence` component when the sheet is opened\n // and after that it is driven by the gestures and/or snapping\n const y = useMotionValue(windowHeight);\n\n // +2 for tolerance in case the animated value is slightly off\n const zIndex = useTransform(y, (value) =>\n value + 2 >= windowHeight ? -1 : 9999999\n );\n const visibility = useTransform(y, (value) =>\n value + 2 >= windowHeight ? 'hidden' : 'visible'\n );\n\n // Keep the callback fns up-to-date so that they can be accessed inside\n // the effect without including them to the dependencies array\n const callbacks = useRef({\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n });\n\n useIsomorphicLayoutEffect(() => {\n callbacks.current = {\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n };\n });\n\n let snapPoints: number[] | undefined = snapPointsProp;\n\n if (snapPoints) {\n // Convert negative / percentage snap points to absolute values\n snapPoints = snapPoints.map((point) => {\n // Percentage values e.g. between 0.0 and 1.0\n if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n return point < 0 ? windowHeight + point : point; // negative values\n });\n\n console.assert(\n inDescendingOrder(snapPoints) || windowHeight === 0,\n `Snap points need to be in descending order got: [${snapPoints.join(\n ', '\n )}]`\n );\n }\n\n const onDrag = useEffectEvent((_, { delta }: PanInfo) => {\n // Update drag indicator rotation based on drag velocity\n const velocity = y.getVelocity();\n\n if (velocity > 0) indicatorRotation.set(10);\n if (velocity < 0) indicatorRotation.set(-10);\n\n // Make sure user cannot drag beyond the top of the sheet\n y.set(Math.max(y.get() + delta.y, 0));\n });\n\n const onDragStart = useEffectEvent(() => {\n // Find focused input inside the sheet and blur it when dragging starts\n // to prevent a weird ghost caret \"bug\" on mobile\n const focusedElement = document.activeElement as HTMLElement | null;\n if (!focusedElement || !sheetRef.current) return;\n\n const isInput =\n focusedElement.tagName === 'INPUT' ||\n focusedElement.tagName === 'TEXTAREA';\n\n // Only blur the focused element if it's inside the sheet\n if (isInput && sheetRef.current.contains(focusedElement)) {\n focusedElement.blur();\n }\n });\n\n const onDragEnd = useEffectEvent((_, { velocity }: PanInfo) => {\n if (velocity.y > dragVelocityThreshold) {\n // User flicked the sheet down\n onClose();\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const sheetHeight = sheetRef.current!.getBoundingClientRect().height;\n const currentY = y.get();\n\n let snapTo = 0;\n\n if (snapPoints) {\n const snapToValues = snapPoints.map(\n (p) => sheetHeight - Math.min(p, sheetHeight)\n );\n\n // Allow snapping to the top of the sheet if detent is set to `content-height`\n if (detent === 'content-height' && !snapToValues.includes(0)) {\n snapToValues.unshift(0);\n }\n\n // Get the closest snap point\n snapTo = getClosest(snapToValues, currentY);\n } else if (currentY / sheetHeight > dragCloseThreshold) {\n // Close if dragged over enough far\n snapTo = sheetHeight;\n }\n\n snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n // Update the spring value so that the sheet is animated to the snap point\n void animate(y, snapTo, animationOptions);\n\n if (snapPoints && onSnap) {\n const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n onSnap(snapIndex);\n }\n\n const roundedSheetHeight = Math.round(sheetHeight);\n const shouldClose = snapTo + 2 >= roundedSheetHeight; // 2px tolerance\n\n if (shouldClose) onClose();\n }\n\n // Reset indicator rotation after dragging\n indicatorRotation.set(0);\n });\n\n // Trigger onSnap callback when sheet is opened or closed\n useEffect(() => {\n if (!snapPoints || !onSnap) return;\n const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n onSnap(snapIndex);\n }, [isOpen]); // eslint-disable-line\n\n useImperativeHandle(ref, () => ({\n y,\n snapTo: (snapIndex: number) => {\n const sheetEl = sheetRef.current;\n\n if (snapPoints?.[snapIndex] !== undefined && sheetEl) {\n const sheetHeight = sheetEl.getBoundingClientRect().height;\n const snapPoint = snapPoints[snapIndex];\n const snapTo = validateSnapTo({\n snapTo: sheetHeight - snapPoint,\n sheetHeight,\n });\n\n void animate(y, snapTo, animationOptions);\n if (onSnap) onSnap(snapIndex);\n if (snapTo >= sheetHeight) onClose();\n }\n },\n }));\n\n useModalEffect({\n y,\n rootId,\n sheetRef,\n });\n\n // Framer Motion should handle body scroll locking but it's not working\n // properly on iOS. Scroll locking from React Aria seems to work much better.\n usePreventScroll({ isDisabled: disableScrollLocking || !isOpen });\n\n const dragProps = useMemo(() => {\n const dragProps: SheetContextType['dragProps'] = {\n drag: 'y',\n dragElastic: 0,\n dragMomentum: false,\n dragPropagation: false,\n onDrag,\n onDragStart,\n onDragEnd,\n };\n\n return disableDrag ? undefined : dragProps;\n }, [disableDrag, windowHeight]); // eslint-disable-line\n\n const context: SheetContextType = {\n y,\n sheetRef,\n isOpen,\n initialSnap,\n snapPoints,\n detent,\n indicatorRotation,\n callbacks,\n dragProps,\n windowHeight,\n animationOptions,\n reduceMotion,\n disableDrag,\n };\n\n const sheet = (\n <SheetContext.Provider value={context}>\n <motion.div\n {...rest}\n ref={ref}\n style={{ ...styles.wrapper, zIndex, visibility, ...style }}\n >\n <AnimatePresence>\n {/* NOTE: AnimatePresence requires us to set keys to children */}\n {isOpen ? (\n <SheetScrollerContextProvider>\n {Children.map(children, (child: any, i) =>\n cloneElement(child, { key: `sheet-child-${i}` })\n )}\n </SheetScrollerContextProvider>\n ) : null}\n </AnimatePresence>\n </motion.div>\n </SheetContext.Provider>\n );\n\n if (IS_SSR) return sheet;\n\n return createPortal(sheet, mountPoint ?? document.body);\n }\n);\n\nSheet.displayName = 'Sheet';\n\nexport default Sheet;\n","import {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { type MotionValue, type BoundingBox, transform } from 'framer-motion';\n\nimport { IS_SSR } from './constants';\nimport { type SheetEvents } from './types';\n\nexport const useIsomorphicLayoutEffect = IS_SSR ? useEffect : useLayoutEffect;\n\nexport function useModalEffect({\n y,\n rootId,\n sheetRef,\n}: {\n y: MotionValue<number>;\n rootId?: string;\n sheetRef: RefObject<HTMLDivElement>;\n}) {\n const heightRef = useRef(IS_SSR ? 0 : window.innerHeight);\n\n function setup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n body.style.backgroundColor = '#000';\n root.style.overflow = 'hidden';\n root.style.transitionTimingFunction = 'cubic-bezier(0.32, 0.72, 0, 1)';\n root.style.transitionProperty = 'transform, border-radius';\n root.style.transitionDuration = '0.5s';\n root.style.transformOrigin = 'center top';\n }\n\n function cleanup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n setTimeout(() => {\n body.style.removeProperty('background-color');\n root.style.removeProperty('overflow');\n root.style.removeProperty('transition-timing-function');\n root.style.removeProperty('transition-property');\n root.style.removeProperty('transition-duration');\n root.style.removeProperty('transform-origin');\n root.style.removeProperty('transform');\n root.style.removeProperty('border-top-right-radius');\n root.style.removeProperty('border-top-left-radius');\n }, 100);\n }\n\n useIsomorphicLayoutEffect(() => {\n return () => {\n if (rootId) cleanup();\n };\n }, []); // eslint-disable-line\n\n useEffect(() => {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n if (!root) return;\n\n function onCompleted() {\n if (y.get() - 10 >= heightRef.current) cleanup();\n }\n\n const removeStartListener = y.on('animationStart', () => {\n heightRef.current = sheetRef.current?.offsetHeight || window.innerHeight;\n setup();\n });\n\n const removeChangeListener = y.on('change', (value) => {\n if (root) {\n const progress = Math.max(0, 1 - value / heightRef.current);\n const pageWidth = window.innerWidth;\n const scale = (pageWidth - 16) / pageWidth;\n const ty = transform(progress, [0, 1], [0, 24]);\n const s = transform(progress, [0, 1], [1, scale]);\n const borderRadius = transform(progress, [0, 1], [0, 10]);\n const inset = 'env(safe-area-inset-top)';\n\n root.style.transform = `scale(${s}) translate3d(0, calc(${inset} + ${ty}px), 0)`; // prettier-ignore\n root.style.borderTopRightRadius = `${borderRadius}px`;\n root.style.borderTopLeftRadius = `${borderRadius}px`;\n }\n });\n\n const removeCompleteListener = y.on('animationComplete', onCompleted);\n const removeCancelListener = y.on('animationCancel', onCompleted);\n\n return () => {\n removeStartListener();\n removeChangeListener();\n removeCompleteListener();\n removeCancelListener();\n };\n }, [y, rootId]); // eslint-disable-line\n}\n\nexport function useEventCallbacks(\n isOpen: boolean,\n callbacks: MutableRefObject<SheetEvents>\n) {\n const prevOpen = usePrevious(isOpen);\n const didOpen = useRef(false);\n\n // Because of AnimatePrecence we don't have access to latest isOpen value\n // so we need to read and write to a ref to determine if we are\n // opening or closing the sheet\n const handleAnimationComplete = useCallback(() => {\n if (!didOpen.current) {\n callbacks.current.onOpenEnd?.();\n didOpen.current = true;\n } else {\n callbacks.current.onCloseEnd?.();\n didOpen.current = false;\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n useEffect(() => {\n if (!prevOpen && isOpen) {\n callbacks.current.onOpenStart?.();\n } else if (!isOpen && prevOpen) {\n callbacks.current.onCloseStart?.();\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n return { handleAnimationComplete };\n}\n\nexport function useDimensions() {\n const [dimensions, setDimensions] = useState({\n height: !IS_SSR ? window.innerHeight : 0,\n width: !IS_SSR ? window.innerWidth : 0,\n });\n\n useIsomorphicLayoutEffect(() => {\n function handler() {\n setDimensions({\n height: window.innerHeight,\n width: window.innerWidth,\n });\n }\n\n handler();\n\n window.addEventListener('resize', handler);\n\n return () => {\n window.removeEventListener('resize', handler);\n };\n }, []);\n\n return dimensions;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = state;\n });\n\n return ref.current;\n}\n\n// Userland version of the `useEffectEvent` React hook:\n// RFC: https://react.dev/reference/react/experimental_useEffectEvent\nexport function useEffectEvent<T extends (...args: any[]) => any>(handler: T) {\n const handlerRef = useRef<T>();\n\n useIsomorphicLayoutEffect(() => {\n handlerRef.current = handler;\n });\n\n return useCallback((...args: any[]) => {\n const fn = handlerRef.current;\n return fn?.(...args);\n }, []) as T;\n}\n\n// This is a hacky way to fix a bug in framer-motion where the drag\n// constraints are not updated when window is resized.\n// https://github.com/framer/motion/issues/1659\nconst constraints: BoundingBox = { bottom: 0, top: 0, left: 0, right: 0 };\n\nexport function useDragConstraints() {\n const constraintsRef = useRef<any>(null);\n const onMeasureDragConstraints = useCallback(() => constraints, []);\n return { constraintsRef, onMeasureDragConstraints };\n}\n","export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_TWEEN_CONFIG = {\n ease: 'easeOut',\n duration: 0.2,\n};\n\nexport const REDUCED_MOTION_TWEEN_CONFIG = {\n ease: 'linear',\n duration: 0.01,\n};\n\nexport const DEFAULT_DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DEFAULT_DRAG_VELOCITY_THRESHOLD = 500;\n","import React, { type ReactNode, createContext, useContext, useState } from 'react';\nimport { type SheetScrollerContextType, type SheetContextType } from './types';\n\nexport const SheetContext = createContext<SheetContextType | undefined>(\n undefined\n);\n\nexport const useSheetContext = () => {\n const context = useContext(SheetContext);\n if (!context) throw Error('Sheet context error');\n return context;\n};\n\nexport const SheetScrollerContext = createContext<\n SheetScrollerContextType | undefined\n>(undefined);\n\nexport function SheetScrollerContextProvider({\n children,\n}: {\n children: ReactNode;\n}) {\n const sheetContext = useSheetContext();\n const [disableDrag, setDisableDrag] = useState(!!sheetContext.disableDrag);\n\n function setDragEnabled() {\n if (!sheetContext.disableDrag) setDisableDrag(false);\n }\n\n function setDragDisabled() {\n if (!disableDrag) setDisableDrag(true);\n }\n\n return (\n <SheetScrollerContext.Provider\n value={{ disableDrag, setDragEnabled, setDragDisabled }}\n >\n {children}\n </SheetScrollerContext.Provider>\n );\n}\n\nexport const useSheetScrollerContext = () => {\n const context = useContext(SheetScrollerContext);\n if (!context) throw Error('Sheet scroller context error');\n return context;\n};\n","import { type ForwardedRef, type RefCallback } from 'react';\n\nexport function getClosest(nums: number[], goal: number) {\n let closest = nums[0];\n let minDifference = Math.abs(nums[0] - goal);\n\n for (let i = 1; i < nums.length; i++) {\n const difference = Math.abs(nums[i] - goal);\n if (difference < minDifference) {\n closest = nums[i];\n minDifference = difference;\n }\n }\n\n return closest;\n}\n\nexport function inDescendingOrder(arr: number[]) {\n for (let i = 0; i < arr.length; i++) {\n if (arr[i + 1] > arr[i]) return false;\n }\n\n return true;\n}\n\nexport function validateSnapTo({\n snapTo,\n sheetHeight,\n}: {\n snapTo: number;\n sheetHeight: number;\n}) {\n if (snapTo < 0) {\n console.warn(\n `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${\n sheetHeight + Math.abs(snapTo)\n }.`\n );\n }\n\n return Math.max(Math.round(snapTo), 0);\n}\n\nexport function mergeRefs<T = any>(\n refs: Array<ForwardedRef<T>>\n): RefCallback<T> {\n return (value: any) => {\n refs.forEach((ref: any) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n });\n };\n}\n\nexport function isTouchDevice() {\n if (typeof window === 'undefined') return false;\n return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nfunction testPlatform(re: RegExp) {\n // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n return typeof window !== 'undefined' && window.navigator != null\n ? re.test(\n // @ts-expect-error\n // eslint-disable-next-line @typescript-eslint/dot-notation\n window.navigator['userAgentData']?.platform || window.navigator.platform\n )\n : false;\n}\n\nfunction cached(fn: () => boolean) {\n let res: boolean | null = null;\n return () => {\n if (res == null) {\n res = fn();\n }\n return res;\n };\n}\n\nconst isMac = cached(function () {\n return testPlatform(/^Mac/i);\n});\n\nconst isIPhone = cached(function () {\n return testPlatform(/^iPhone/i);\n});\n\nconst isIPad = cached(function () {\n return (\n testPlatform(/^iPad/i) ||\n // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\n (isMac() && navigator.maxTouchPoints > 1)\n );\n});\n\nexport const isIOS = cached(function () {\n return isIPhone() || isIPad();\n});\n","// This code originates from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useIsomorphicLayoutEffect } from './hooks';\nimport { isIOS } from './utils';\n\nconst KEYBOARD_BUFFER = 24;\n\ninterface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n return (...args: any[]) => {\n for (const callback of callbacks) {\n if (typeof callback === 'function') {\n // eslint-disable-next-line n/no-callback-literal\n callback(...args);\n }\n }\n };\n}\n\nconst visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function isScrollable(\n node: Element | null,\n checkForOverflow?: boolean\n): boolean {\n if (!node) {\n return false;\n }\n\n const style = window.getComputedStyle(node);\n\n let isScrollable = /(auto|scroll)/.test(\n style.overflow + style.overflowX + style.overflowY\n );\n\n if (isScrollable && checkForOverflow) {\n isScrollable =\n node.scrollHeight !== node.clientHeight ||\n node.scrollWidth !== node.clientWidth;\n }\n\n return isScrollable;\n}\n\nexport function getScrollParent(\n node: Element,\n checkForOverflow?: boolean\n): Element {\n let scrollableNode: Element | null = node;\n\n if (isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n while (scrollableNode && !isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n return (\n scrollableNode || document.scrollingElement || document.documentElement\n );\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'range',\n 'color',\n 'file',\n 'image',\n 'button',\n 'submit',\n 'reset',\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n const { isDisabled } = options;\n\n useIsomorphicLayoutEffect(() => {\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n } else {\n restore = preventScrollStandard();\n }\n }\n\n return () => {\n preventScrollCount--;\n if (preventScrollCount === 0) {\n restore?.();\n }\n };\n }, [isDisabled]);\n}\n\n// For most browsers, all we need to do is set `overflow: hidden` on the root element, and\n// add some padding to prevent the page from shifting when the scrollbar is hidden.\nfunction preventScrollStandard() {\n return chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden')\n );\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n// top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n// of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n// into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n// same visually, but makes the actual scroll position always zero. This is required to make all of the\n// above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n// to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n let scrollable: Element | undefined;\n let lastY = 0;\n\n const onTouchStart = (e: TouchEvent) => {\n // Use `composedPath` to support shadow DOM.\n const target = e.composedPath()?.[0] as HTMLElement;\n\n // Store the nearest scrollable parent element from the element that the user touched.\n scrollable = getScrollParent(target, true);\n\n if (\n scrollable === document.documentElement &&\n scrollable === document.body\n ) {\n return;\n }\n\n lastY = e.changedTouches[0].pageY;\n };\n\n const onTouchMove = (e: TouchEvent) => {\n // In special situations, `onTouchStart` may be called without `onTouchStart` being called.\n // (e.g. when the user places a finger on the screen before the <Sheet> is mounted and then moves the finger after it is mounted).\n // If `onTouchStart` is not called, `scrollable` is `undefined`. Therefore, such cases are ignored.\n if (scrollable === undefined) {\n return;\n }\n\n // Prevent scrolling the window.\n if (\n !scrollable ||\n scrollable === document.documentElement ||\n scrollable === document.body\n ) {\n e.preventDefault();\n return;\n }\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead. Unfortunately, this disables bounce scrolling when at\n // the top but it's the best we can do.\n const y = e.changedTouches[0].pageY;\n const scrollTop = scrollable.scrollTop;\n const bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n if (bottom === 0) {\n return;\n }\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault();\n }\n\n lastY = y;\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n // Use `composedPath` to support shadow DOM.\n const target = e.composedPath()?.[0] as HTMLElement;\n\n // Apply this change if we're not already focused on the target element\n if (willOpenKeyboard(target) && target !== document.activeElement) {\n e.preventDefault();\n\n // Apply a transform to trick Safari into thinking the input is at the top of the page\n // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n // be done before the \"focus\" event, so we have to focus the element ourselves.\n target.style.transform = 'translateY(-2000px)';\n target.focus();\n requestAnimationFrame(() => {\n target.style.transform = '';\n });\n }\n };\n\n const onFocus = (e: FocusEvent) => {\n // Use `composedPath` to support shadow DOM.\n const target = e.composedPath()?.[0] as HTMLElement;\n\n if (willOpenKeyboard(target)) {\n // Transform also needs to be applied in the focus event in cases where focus moves\n // other than tapping on an input directly, e.g. the next/previous buttons in the\n // software keyboard. In these cases, it seems applying the transform in the focus event\n // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️\n target.style.transform = 'translateY(-2000px)';\n requestAnimationFrame(() => {\n target.style.transform = '';\n\n // This will have prevented the browser from scrolling the focused element into view,\n // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n if (visualViewport) {\n if (visualViewport.height < window.innerHeight) {\n // If the keyboard is already visible, do this after one additional frame\n // to wait for the transform to be removed.\n requestAnimationFrame(() => {\n scrollIntoView(target);\n });\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\n 'resize',\n () => scrollIntoView(target),\n { once: true }\n );\n }\n }\n });\n }\n };\n\n const onWindowScroll = () => {\n // Last resort. If the window scrolled, scroll it back to the top.\n // It should always be at the top because the body will have a negative margin (see below).\n window.scrollTo(0, 0);\n };\n\n // Record the original scroll position so we can restore it.\n // Then apply a negative margin to the body to offset it by the scroll position. This will\n // enable us to scroll the window to the top, which is required for the rest of this to work.\n const scrollX = window.pageXOffset;\n const scrollY = window.pageYOffset;\n\n const restoreStyles = chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden'),\n setStyle(document.body, 'marginTop', `-${scrollY}px`)\n );\n\n // Scroll to the top. The negative margin on the body will make this appear the same.\n window.scrollTo(0, 0);\n\n const removeEvents = chain(\n addEvent(document, 'touchstart', onTouchStart, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchmove', onTouchMove, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchend', onTouchEnd, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'focus', onFocus, true),\n addEvent(window, 'scroll', onWindowScroll)\n );\n\n return () => {\n // Restore styles and scroll the page back to where it was.\n restoreStyles();\n removeEvents();\n window.scrollTo(scrollX, scrollY);\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(element: any, style: string, value: string) {\n // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n const cur = element.style[style];\n element.style[style] = value;\n\n return () => {\n element.style[style] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: EventTarget,\n event: K,\n handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n options?: boolean | AddEventListenerOptions\n) {\n // @ts-expect-error\n target.addEventListener(event, handler, options);\n\n return () => {\n // @ts-expect-error\n target.removeEventListener(event, handler, options);\n };\n}\n\nfunction scrollIntoView(target: Element) {\n const root = document.scrollingElement || document.documentElement;\n while (target && target !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n const scrollable = getScrollParent(target);\n if (\n scrollable !== document.documentElement &&\n scrollable !== document.body &&\n scrollable !== target\n ) {\n const scrollableTop = scrollable.getBoundingClientRect().top;\n const targetTop = target.getBoundingClientRect().top;\n const targetBottom = target.getBoundingClientRect().bottom;\n // Buffer is needed for some edge cases\n const keyboardHeight =\n scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n if (targetBottom > keyboardHeight) {\n scrollable.scrollTop += targetTop - scrollableTop;\n }\n }\n\n // @ts-expect-error\n target = scrollable.parentElement;\n }\n}\n\nfunction willOpenKeyboard(target: Element) {\n return (\n (target instanceof HTMLInputElement &&\n !nonTextInputTypes.has(target.type)) ||\n target instanceof HTMLTextAreaElement ||\n (target instanceof HTMLElement && target.isContentEditable)\n );\n}\n","import { type Properties } from 'csstype';\n\nconst styles: Record<string, Properties> = {\n wrapper: {\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n overflow: 'hidden',\n pointerEvents: 'none',\n },\n backdrop: {\n zIndex: 1,\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n touchAction: 'none', // Disable iOS body scrolling\n border: 'none',\n },\n container: {\n zIndex: 2,\n position: 'absolute',\n left: 0,\n bottom: 0,\n width: '100%',\n backgroundColor: '#fff',\n borderTopRightRadius: '8px',\n borderTopLeftRadius: '8px',\n boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n display: 'flex',\n flexDirection: 'column',\n pointerEvents: 'auto',\n },\n headerWrapper: {\n width: '100%',\n },\n header: {\n height: '40px',\n width: '100%',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n indicator: {\n width: '18px',\n height: '4px',\n borderRadius: '99px',\n backgroundColor: '#ddd',\n },\n content: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0px',\n position: 'relative',\n },\n scroller: {\n height: '100%',\n overflowY: 'auto',\n },\n};\n\nexport default styles;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContainer = forwardRef<any, SheetContainerProps>(\n ({ children, style = {}, className = '', ...rest }, ref) => {\n const {\n y,\n isOpen,\n callbacks,\n snapPoints,\n initialSnap = 0,\n sheetRef,\n windowHeight,\n detent,\n animationOptions,\n reduceMotion,\n } = useSheetContext();\n\n const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n const height =\n maxSnapHeight !== null\n ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n : MAX_HEIGHT;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([sheetRef, ref])}\n className={`react-modal-sheet-container ${className}`}\n style={{\n ...styles.container,\n ...style,\n ...(detent === 'full-height' && { height }),\n ...(detent === 'content-height' && { maxHeight: height }),\n y,\n }}\n initial={reduceMotion ? false : { y: windowHeight }}\n animate={{ y: initialY, transition: animationOptions }}\n exit={{ y: windowHeight, transition: animationOptions }}\n onAnimationComplete={handleAnimationComplete}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContainer.displayName = 'SheetContainer';\n\nexport default SheetContainer;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetScrollerContext, useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContent = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n const sheetContext = useSheetContext();\n const sheetScrollerContext = useSheetScrollerContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n\n const dragProps =\n disableDrag || sheetScrollerContext.disableDrag\n ? undefined\n : sheetContext.dragProps;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n className={`react-modal-sheet-content ${className}`}\n style={{ ...styles.content, ...style }}\n {...dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContent.displayName = 'SheetContent';\n\nexport default SheetContent;\n","import React, { forwardRef } from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetHeader = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, ...rest }, ref) => {\n const { indicatorRotation, dragProps } = useSheetContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n const _dragProps = disableDrag ? undefined : dragProps;\n\n const indicator1Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(2px) rotate(${r}deg)`\n );\n\n const indicator2Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(-2px) rotate(${-1 * r}deg)`\n );\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n style={{ ...styles.headerWrapper, ...style }}\n {..._dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children || (\n <div className=\"react-modal-sheet-header\" style={styles.header}>\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator1Transform }}\n />\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator2Transform }}\n />\n </div>\n )}\n </motion.div>\n );\n }\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport default SheetHeader;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = forwardRef<any, SheetBackdropProps>(\n ({ style = {}, className = '', ...rest }, ref) => {\n const Comp = isClickable(rest) ? motion.button : motion.div;\n const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n return (\n <Comp\n {...rest}\n ref={ref}\n className={`react-modal-sheet-backdrop ${className}`}\n style={{ ...styles.backdrop, ...style, pointerEvents }}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n />\n );\n }\n);\n\nSheetBackdrop.displayName = 'SheetBackdrop';\n\nexport default SheetBackdrop;\n","import React, { type TouchEvent, type UIEvent, forwardRef } from 'react';\n\nimport { useSheetScrollerContext } from './context';\nimport { type SheetScrollerProps } from './types';\nimport { isTouchDevice } from './utils';\nimport styles from './styles';\n\nconst SheetScroller = forwardRef<any, SheetScrollerProps>(\n ({ draggableAt = 'top', children, style, className = '', ...rest }, ref) => {\n const sheetScrollerContext = useSheetScrollerContext();\n\n function determineDragState(element: HTMLDivElement) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n const isScrollable = scrollHeight > clientHeight;\n\n if (!isScrollable) return;\n\n const isAtTop = scrollTop <= 0;\n const isAtBottom = scrollHeight - scrollTop === clientHeight;\n\n const shouldEnable =\n (draggableAt === 'top' && isAtTop) ||\n (draggableAt === 'bottom' && isAtBottom) ||\n (draggableAt === 'both' && (isAtTop || isAtBottom));\n\n if (shouldEnable) {\n sheetScrollerContext.setDragEnabled();\n } else {\n sheetScrollerContext.setDragDisabled();\n }\n }\n\n function onScroll(e: UIEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onScroll) {\n rest.onScroll(e);\n }\n }\n\n function onTouchStart(e: TouchEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onTouchStart) {\n rest.onTouchStart(e);\n }\n }\n\n const scrollProps = isTouchDevice()\n ? { onScroll, onTouchStart }\n : undefined;\n\n return (\n <div\n {...rest}\n ref={ref}\n className={`react-modal-sheet-scroller ${className}`}\n style={{ ...styles.scroller, ...style }}\n {...scrollProps}\n >\n {children}\n </div>\n );\n }\n);\n\nSheetScroller.displayName = 'SheetScroller';\n\nexport default SheetScroller;\n","import { type MotionValue } from 'framer-motion';\n\nimport _Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport SheetScroller from './SheetScroller';\nimport { type SheetCompound } from './types';\n\nexport interface SheetRef {\n y: MotionValue<number>;\n snapTo: (index: number) => void;\n}\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = _Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n_SheetCompound.Scroller = SheetScroller;\n\nexport const Sheet = _SheetCompound as SheetCompound;\n"]}
package/dist/index.mjs CHANGED
@@ -364,7 +364,9 @@ function preventScrollMobileSafari() {
364
364
  let scrollable;
365
365
  let lastY = 0;
366
366
  const onTouchStart = (e) => {
367
- scrollable = getScrollParent(e.target, true);
367
+ var _a;
368
+ const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
369
+ scrollable = getScrollParent(target, true);
368
370
  if (scrollable === document.documentElement && scrollable === document.body) {
369
371
  return;
370
372
  }
@@ -390,7 +392,8 @@ function preventScrollMobileSafari() {
390
392
  lastY = y;
391
393
  };
392
394
  const onTouchEnd = (e) => {
393
- const target = e.target;
395
+ var _a;
396
+ const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
394
397
  if (willOpenKeyboard(target) && target !== document.activeElement) {
395
398
  e.preventDefault();
396
399
  target.style.transform = "translateY(-2000px)";
@@ -401,7 +404,8 @@ function preventScrollMobileSafari() {
401
404
  }
402
405
  };
403
406
  const onFocus = (e) => {
404
- const target = e.target;
407
+ var _a;
408
+ const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
405
409
  if (willOpenKeyboard(target)) {
406
410
  target.style.transform = "translateY(-2000px)";
407
411
  requestAnimationFrame(() => {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sheet.tsx","../src/hooks.tsx","../src/constants.ts","../src/context.tsx","../src/utils.ts","../src/use-prevent-scroll.ts","../src/styles.ts","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/SheetScroller.tsx","../src/index.tsx"],"names":["React","useEffect","useRef","useState","isScrollable","dragProps","forwardRef","motion","useTransform","Sheet"],"mappings":"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","sourcesContent":["import React, {\n Children,\n cloneElement,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport {\n animate,\n AnimatePresence,\n motion,\n type PanInfo,\n type Transition,\n useMotionValue,\n useReducedMotion,\n useTransform,\n} from 'framer-motion';\n\nimport {\n useModalEffect,\n useDimensions,\n useIsomorphicLayoutEffect,\n useEffectEvent,\n} from './hooks';\n\nimport {\n REDUCED_MOTION_TWEEN_CONFIG,\n DEFAULT_TWEEN_CONFIG,\n DEFAULT_DRAG_CLOSE_THRESHOLD,\n DEFAULT_DRAG_VELOCITY_THRESHOLD,\n IS_SSR,\n} from './constants';\n\nimport { type SheetContextType, type SheetProps } from './types';\nimport { SheetScrollerContextProvider, SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport { usePreventScroll } from './use-prevent-scroll';\nimport styles from './styles';\n\nconst Sheet = forwardRef<any, SheetProps>(\n (\n {\n onOpenStart,\n onOpenEnd,\n onClose,\n onCloseStart,\n onCloseEnd,\n onSnap,\n children,\n disableScrollLocking = false,\n isOpen,\n snapPoints: snapPointsProp,\n rootId,\n mountPoint,\n style,\n detent = 'full-height',\n initialSnap = 0,\n disableDrag = false,\n prefersReducedMotion = false,\n tweenConfig = DEFAULT_TWEEN_CONFIG,\n dragVelocityThreshold = DEFAULT_DRAG_VELOCITY_THRESHOLD,\n dragCloseThreshold = DEFAULT_DRAG_CLOSE_THRESHOLD,\n ...rest\n },\n ref\n ) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n const indicatorRotation = useMotionValue(0);\n const { height: windowHeight } = useDimensions();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n const animationOptions: Transition = {\n type: 'tween',\n ...(reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig),\n };\n\n // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n // the value driven by the `AnimatePresence` component when the sheet is opened\n // and after that it is driven by the gestures and/or snapping\n const y = useMotionValue(windowHeight);\n\n // +2 for tolerance in case the animated value is slightly off\n const zIndex = useTransform(y, (value) =>\n value + 2 >= windowHeight ? -1 : 9999999\n );\n const visibility = useTransform(y, (value) =>\n value + 2 >= windowHeight ? 'hidden' : 'visible'\n );\n\n // Keep the callback fns up-to-date so that they can be accessed inside\n // the effect without including them to the dependencies array\n const callbacks = useRef({\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n });\n\n useIsomorphicLayoutEffect(() => {\n callbacks.current = {\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n };\n });\n\n let snapPoints: number[] | undefined = snapPointsProp;\n\n if (snapPoints) {\n // Convert negative / percentage snap points to absolute values\n snapPoints = snapPoints.map((point) => {\n // Percentage values e.g. between 0.0 and 1.0\n if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n return point < 0 ? windowHeight + point : point; // negative values\n });\n\n console.assert(\n inDescendingOrder(snapPoints) || windowHeight === 0,\n `Snap points need to be in descending order got: [${snapPoints.join(\n ', '\n )}]`\n );\n }\n\n const onDrag = useEffectEvent((_, { delta }: PanInfo) => {\n // Update drag indicator rotation based on drag velocity\n const velocity = y.getVelocity();\n\n if (velocity > 0) indicatorRotation.set(10);\n if (velocity < 0) indicatorRotation.set(-10);\n\n // Make sure user cannot drag beyond the top of the sheet\n y.set(Math.max(y.get() + delta.y, 0));\n });\n\n const onDragStart = useEffectEvent(() => {\n // Find focused input inside the sheet and blur it when dragging starts\n // to prevent a weird ghost caret \"bug\" on mobile\n const focusedElement = document.activeElement as HTMLElement | null;\n if (!focusedElement || !sheetRef.current) return;\n\n const isInput =\n focusedElement.tagName === 'INPUT' ||\n focusedElement.tagName === 'TEXTAREA';\n\n // Only blur the focused element if it's inside the sheet\n if (isInput && sheetRef.current.contains(focusedElement)) {\n focusedElement.blur();\n }\n });\n\n const onDragEnd = useEffectEvent((_, { velocity }: PanInfo) => {\n if (velocity.y > dragVelocityThreshold) {\n // User flicked the sheet down\n onClose();\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const sheetHeight = sheetRef.current!.getBoundingClientRect().height;\n const currentY = y.get();\n\n let snapTo = 0;\n\n if (snapPoints) {\n const snapToValues = snapPoints.map(\n (p) => sheetHeight - Math.min(p, sheetHeight)\n );\n\n // Allow snapping to the top of the sheet if detent is set to `content-height`\n if (detent === 'content-height' && !snapToValues.includes(0)) {\n snapToValues.unshift(0);\n }\n\n // Get the closest snap point\n snapTo = getClosest(snapToValues, currentY);\n } else if (currentY / sheetHeight > dragCloseThreshold) {\n // Close if dragged over enough far\n snapTo = sheetHeight;\n }\n\n snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n // Update the spring value so that the sheet is animated to the snap point\n void animate(y, snapTo, animationOptions);\n\n if (snapPoints && onSnap) {\n const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n onSnap(snapIndex);\n }\n\n const roundedSheetHeight = Math.round(sheetHeight);\n const shouldClose = snapTo + 2 >= roundedSheetHeight; // 2px tolerance\n\n if (shouldClose) onClose();\n }\n\n // Reset indicator rotation after dragging\n indicatorRotation.set(0);\n });\n\n // Trigger onSnap callback when sheet is opened or closed\n useEffect(() => {\n if (!snapPoints || !onSnap) return;\n const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n onSnap(snapIndex);\n }, [isOpen]); // eslint-disable-line\n\n useImperativeHandle(ref, () => ({\n y,\n snapTo: (snapIndex: number) => {\n const sheetEl = sheetRef.current;\n\n if (snapPoints?.[snapIndex] !== undefined && sheetEl) {\n const sheetHeight = sheetEl.getBoundingClientRect().height;\n const snapPoint = snapPoints[snapIndex];\n const snapTo = validateSnapTo({\n snapTo: sheetHeight - snapPoint,\n sheetHeight,\n });\n\n void animate(y, snapTo, animationOptions);\n if (onSnap) onSnap(snapIndex);\n if (snapTo >= sheetHeight) onClose();\n }\n },\n }));\n\n useModalEffect({\n y,\n rootId,\n sheetRef,\n });\n\n // Framer Motion should handle body scroll locking but it's not working\n // properly on iOS. Scroll locking from React Aria seems to work much better.\n usePreventScroll({ isDisabled: disableScrollLocking || !isOpen });\n\n const dragProps = useMemo(() => {\n const dragProps: SheetContextType['dragProps'] = {\n drag: 'y',\n dragElastic: 0,\n dragMomentum: false,\n dragPropagation: false,\n onDrag,\n onDragStart,\n onDragEnd,\n };\n\n return disableDrag ? undefined : dragProps;\n }, [disableDrag, windowHeight]); // eslint-disable-line\n\n const context: SheetContextType = {\n y,\n sheetRef,\n isOpen,\n initialSnap,\n snapPoints,\n detent,\n indicatorRotation,\n callbacks,\n dragProps,\n windowHeight,\n animationOptions,\n reduceMotion,\n disableDrag,\n };\n\n const sheet = (\n <SheetContext.Provider value={context}>\n <motion.div\n {...rest}\n ref={ref}\n style={{ ...styles.wrapper, zIndex, visibility, ...style }}\n >\n <AnimatePresence>\n {/* NOTE: AnimatePresence requires us to set keys to children */}\n {isOpen ? (\n <SheetScrollerContextProvider>\n {Children.map(children, (child: any, i) =>\n cloneElement(child, { key: `sheet-child-${i}` })\n )}\n </SheetScrollerContextProvider>\n ) : null}\n </AnimatePresence>\n </motion.div>\n </SheetContext.Provider>\n );\n\n if (IS_SSR) return sheet;\n\n return createPortal(sheet, mountPoint ?? document.body);\n }\n);\n\nSheet.displayName = 'Sheet';\n\nexport default Sheet;\n","import {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { type MotionValue, type BoundingBox, transform } from 'framer-motion';\n\nimport { IS_SSR } from './constants';\nimport { type SheetEvents } from './types';\n\nexport const useIsomorphicLayoutEffect = IS_SSR ? useEffect : useLayoutEffect;\n\nexport function useModalEffect({\n y,\n rootId,\n sheetRef,\n}: {\n y: MotionValue<number>;\n rootId?: string;\n sheetRef: RefObject<HTMLDivElement>;\n}) {\n const heightRef = useRef(IS_SSR ? 0 : window.innerHeight);\n\n function setup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n body.style.backgroundColor = '#000';\n root.style.overflow = 'hidden';\n root.style.transitionTimingFunction = 'cubic-bezier(0.32, 0.72, 0, 1)';\n root.style.transitionProperty = 'transform, border-radius';\n root.style.transitionDuration = '0.5s';\n root.style.transformOrigin = 'center top';\n }\n\n function cleanup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n setTimeout(() => {\n body.style.removeProperty('background-color');\n root.style.removeProperty('overflow');\n root.style.removeProperty('transition-timing-function');\n root.style.removeProperty('transition-property');\n root.style.removeProperty('transition-duration');\n root.style.removeProperty('transform-origin');\n root.style.removeProperty('transform');\n root.style.removeProperty('border-top-right-radius');\n root.style.removeProperty('border-top-left-radius');\n }, 100);\n }\n\n useIsomorphicLayoutEffect(() => {\n return () => {\n if (rootId) cleanup();\n };\n }, []); // eslint-disable-line\n\n useEffect(() => {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n if (!root) return;\n\n function onCompleted() {\n if (y.get() - 10 >= heightRef.current) cleanup();\n }\n\n const removeStartListener = y.on('animationStart', () => {\n heightRef.current = sheetRef.current?.offsetHeight || window.innerHeight;\n setup();\n });\n\n const removeChangeListener = y.on('change', (value) => {\n if (root) {\n const progress = Math.max(0, 1 - value / heightRef.current);\n const pageWidth = window.innerWidth;\n const scale = (pageWidth - 16) / pageWidth;\n const ty = transform(progress, [0, 1], [0, 24]);\n const s = transform(progress, [0, 1], [1, scale]);\n const borderRadius = transform(progress, [0, 1], [0, 10]);\n const inset = 'env(safe-area-inset-top)';\n\n root.style.transform = `scale(${s}) translate3d(0, calc(${inset} + ${ty}px), 0)`; // prettier-ignore\n root.style.borderTopRightRadius = `${borderRadius}px`;\n root.style.borderTopLeftRadius = `${borderRadius}px`;\n }\n });\n\n const removeCompleteListener = y.on('animationComplete', onCompleted);\n const removeCancelListener = y.on('animationCancel', onCompleted);\n\n return () => {\n removeStartListener();\n removeChangeListener();\n removeCompleteListener();\n removeCancelListener();\n };\n }, [y, rootId]); // eslint-disable-line\n}\n\nexport function useEventCallbacks(\n isOpen: boolean,\n callbacks: MutableRefObject<SheetEvents>\n) {\n const prevOpen = usePrevious(isOpen);\n const didOpen = useRef(false);\n\n // Because of AnimatePrecence we don't have access to latest isOpen value\n // so we need to read and write to a ref to determine if we are\n // opening or closing the sheet\n const handleAnimationComplete = useCallback(() => {\n if (!didOpen.current) {\n callbacks.current.onOpenEnd?.();\n didOpen.current = true;\n } else {\n callbacks.current.onCloseEnd?.();\n didOpen.current = false;\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n useEffect(() => {\n if (!prevOpen && isOpen) {\n callbacks.current.onOpenStart?.();\n } else if (!isOpen && prevOpen) {\n callbacks.current.onCloseStart?.();\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n return { handleAnimationComplete };\n}\n\nexport function useDimensions() {\n const [dimensions, setDimensions] = useState({\n height: !IS_SSR ? window.innerHeight : 0,\n width: !IS_SSR ? window.innerWidth : 0,\n });\n\n useIsomorphicLayoutEffect(() => {\n function handler() {\n setDimensions({\n height: window.innerHeight,\n width: window.innerWidth,\n });\n }\n\n handler();\n\n window.addEventListener('resize', handler);\n\n return () => {\n window.removeEventListener('resize', handler);\n };\n }, []);\n\n return dimensions;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = state;\n });\n\n return ref.current;\n}\n\n// Userland version of the `useEffectEvent` React hook:\n// RFC: https://react.dev/reference/react/experimental_useEffectEvent\nexport function useEffectEvent<T extends (...args: any[]) => any>(handler: T) {\n const handlerRef = useRef<T>();\n\n useIsomorphicLayoutEffect(() => {\n handlerRef.current = handler;\n });\n\n return useCallback((...args: any[]) => {\n const fn = handlerRef.current;\n return fn?.(...args);\n }, []) as T;\n}\n\n// This is a hacky way to fix a bug in framer-motion where the drag\n// constraints are not updated when window is resized.\n// https://github.com/framer/motion/issues/1659\nconst constraints: BoundingBox = { bottom: 0, top: 0, left: 0, right: 0 };\n\nexport function useDragConstraints() {\n const constraintsRef = useRef<any>(null);\n const onMeasureDragConstraints = useCallback(() => constraints, []);\n return { constraintsRef, onMeasureDragConstraints };\n}\n","export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_TWEEN_CONFIG = {\n ease: 'easeOut',\n duration: 0.2,\n};\n\nexport const REDUCED_MOTION_TWEEN_CONFIG = {\n ease: 'linear',\n duration: 0.01,\n};\n\nexport const DEFAULT_DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DEFAULT_DRAG_VELOCITY_THRESHOLD = 500;\n","import React, { type ReactNode, createContext, useContext, useState } from 'react';\nimport { type SheetScrollerContextType, type SheetContextType } from './types';\n\nexport const SheetContext = createContext<SheetContextType | undefined>(\n undefined\n);\n\nexport const useSheetContext = () => {\n const context = useContext(SheetContext);\n if (!context) throw Error('Sheet context error');\n return context;\n};\n\nexport const SheetScrollerContext = createContext<\n SheetScrollerContextType | undefined\n>(undefined);\n\nexport function SheetScrollerContextProvider({\n children,\n}: {\n children: ReactNode;\n}) {\n const sheetContext = useSheetContext();\n const [disableDrag, setDisableDrag] = useState(!!sheetContext.disableDrag);\n\n function setDragEnabled() {\n if (!sheetContext.disableDrag) setDisableDrag(false);\n }\n\n function setDragDisabled() {\n if (!disableDrag) setDisableDrag(true);\n }\n\n return (\n <SheetScrollerContext.Provider\n value={{ disableDrag, setDragEnabled, setDragDisabled }}\n >\n {children}\n </SheetScrollerContext.Provider>\n );\n}\n\nexport const useSheetScrollerContext = () => {\n const context = useContext(SheetScrollerContext);\n if (!context) throw Error('Sheet scroller context error');\n return context;\n};\n","import { type ForwardedRef, type RefCallback } from 'react';\n\nexport function getClosest(nums: number[], goal: number) {\n let closest = nums[0];\n let minDifference = Math.abs(nums[0] - goal);\n\n for (let i = 1; i < nums.length; i++) {\n const difference = Math.abs(nums[i] - goal);\n if (difference < minDifference) {\n closest = nums[i];\n minDifference = difference;\n }\n }\n\n return closest;\n}\n\nexport function inDescendingOrder(arr: number[]) {\n for (let i = 0; i < arr.length; i++) {\n if (arr[i + 1] > arr[i]) return false;\n }\n\n return true;\n}\n\nexport function validateSnapTo({\n snapTo,\n sheetHeight,\n}: {\n snapTo: number;\n sheetHeight: number;\n}) {\n if (snapTo < 0) {\n console.warn(\n `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${\n sheetHeight + Math.abs(snapTo)\n }.`\n );\n }\n\n return Math.max(Math.round(snapTo), 0);\n}\n\nexport function mergeRefs<T = any>(\n refs: Array<ForwardedRef<T>>\n): RefCallback<T> {\n return (value: any) => {\n refs.forEach((ref: any) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n });\n };\n}\n\nexport function isTouchDevice() {\n if (typeof window === 'undefined') return false;\n return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nfunction testPlatform(re: RegExp) {\n // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n return typeof window !== 'undefined' && window.navigator != null\n ? re.test(\n // @ts-expect-error\n // eslint-disable-next-line @typescript-eslint/dot-notation\n window.navigator['userAgentData']?.platform || window.navigator.platform\n )\n : false;\n}\n\nfunction cached(fn: () => boolean) {\n let res: boolean | null = null;\n return () => {\n if (res == null) {\n res = fn();\n }\n return res;\n };\n}\n\nconst isMac = cached(function () {\n return testPlatform(/^Mac/i);\n});\n\nconst isIPhone = cached(function () {\n return testPlatform(/^iPhone/i);\n});\n\nconst isIPad = cached(function () {\n return (\n testPlatform(/^iPad/i) ||\n // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\n (isMac() && navigator.maxTouchPoints > 1)\n );\n});\n\nexport const isIOS = cached(function () {\n return isIPhone() || isIPad();\n});\n","// This code originates from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useIsomorphicLayoutEffect } from './hooks';\nimport { isIOS } from './utils';\n\nconst KEYBOARD_BUFFER = 24;\n\ninterface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n return (...args: any[]) => {\n for (const callback of callbacks) {\n if (typeof callback === 'function') {\n // eslint-disable-next-line n/no-callback-literal\n callback(...args);\n }\n }\n };\n}\n\nconst visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function isScrollable(\n node: Element | null,\n checkForOverflow?: boolean\n): boolean {\n if (!node) {\n return false;\n }\n\n const style = window.getComputedStyle(node);\n\n let isScrollable = /(auto|scroll)/.test(\n style.overflow + style.overflowX + style.overflowY\n );\n\n if (isScrollable && checkForOverflow) {\n isScrollable =\n node.scrollHeight !== node.clientHeight ||\n node.scrollWidth !== node.clientWidth;\n }\n\n return isScrollable;\n}\n\nexport function getScrollParent(\n node: Element,\n checkForOverflow?: boolean\n): Element {\n let scrollableNode: Element | null = node;\n\n if (isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n while (scrollableNode && !isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n return (\n scrollableNode || document.scrollingElement || document.documentElement\n );\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'range',\n 'color',\n 'file',\n 'image',\n 'button',\n 'submit',\n 'reset',\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n const { isDisabled } = options;\n\n useIsomorphicLayoutEffect(() => {\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n } else {\n restore = preventScrollStandard();\n }\n }\n\n return () => {\n preventScrollCount--;\n if (preventScrollCount === 0) {\n restore?.();\n }\n };\n }, [isDisabled]);\n}\n\n// For most browsers, all we need to do is set `overflow: hidden` on the root element, and\n// add some padding to prevent the page from shifting when the scrollbar is hidden.\nfunction preventScrollStandard() {\n return chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden')\n );\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n// top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n// of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n// into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n// same visually, but makes the actual scroll position always zero. This is required to make all of the\n// above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n// to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n let scrollable: Element | undefined;\n let lastY = 0;\n\n const onTouchStart = (e: TouchEvent) => {\n // Store the nearest scrollable parent element from the element that the user touched.\n scrollable = getScrollParent(e.target as Element, true);\n if (\n scrollable === document.documentElement &&\n scrollable === document.body\n ) {\n return;\n }\n\n lastY = e.changedTouches[0].pageY;\n };\n\n const onTouchMove = (e: TouchEvent) => {\n // In special situations, `onTouchStart` may be called without `onTouchStart` being called.\n // (e.g. when the user places a finger on the screen before the <Sheet> is mounted and then moves the finger after it is mounted).\n // If `onTouchStart` is not called, `scrollable` is `undefined`. Therefore, such cases are ignored.\n if (scrollable === undefined) {\n return;\n }\n\n // Prevent scrolling the window.\n if (\n !scrollable ||\n scrollable === document.documentElement ||\n scrollable === document.body\n ) {\n e.preventDefault();\n return;\n }\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead. Unfortunately, this disables bounce scrolling when at\n // the top but it's the best we can do.\n const y = e.changedTouches[0].pageY;\n const scrollTop = scrollable.scrollTop;\n const bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n if (bottom === 0) {\n return;\n }\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault();\n }\n\n lastY = y;\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n const target = e.target as HTMLElement;\n\n // Apply this change if we're not already focused on the target element\n if (willOpenKeyboard(target) && target !== document.activeElement) {\n e.preventDefault();\n\n // Apply a transform to trick Safari into thinking the input is at the top of the page\n // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n // be done before the \"focus\" event, so we have to focus the element ourselves.\n target.style.transform = 'translateY(-2000px)';\n target.focus();\n requestAnimationFrame(() => {\n target.style.transform = '';\n });\n }\n };\n\n const onFocus = (e: FocusEvent) => {\n const target = e.target as HTMLElement;\n if (willOpenKeyboard(target)) {\n // Transform also needs to be applied in the focus event in cases where focus moves\n // other than tapping on an input directly, e.g. the next/previous buttons in the\n // software keyboard. In these cases, it seems applying the transform in the focus event\n // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️\n target.style.transform = 'translateY(-2000px)';\n requestAnimationFrame(() => {\n target.style.transform = '';\n\n // This will have prevented the browser from scrolling the focused element into view,\n // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n if (visualViewport) {\n if (visualViewport.height < window.innerHeight) {\n // If the keyboard is already visible, do this after one additional frame\n // to wait for the transform to be removed.\n requestAnimationFrame(() => {\n scrollIntoView(target);\n });\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\n 'resize',\n () => scrollIntoView(target),\n { once: true }\n );\n }\n }\n });\n }\n };\n\n const onWindowScroll = () => {\n // Last resort. If the window scrolled, scroll it back to the top.\n // It should always be at the top because the body will have a negative margin (see below).\n window.scrollTo(0, 0);\n };\n\n // Record the original scroll position so we can restore it.\n // Then apply a negative margin to the body to offset it by the scroll position. This will\n // enable us to scroll the window to the top, which is required for the rest of this to work.\n const scrollX = window.pageXOffset;\n const scrollY = window.pageYOffset;\n\n const restoreStyles = chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden'),\n setStyle(document.body, 'marginTop', `-${scrollY}px`)\n );\n\n // Scroll to the top. The negative margin on the body will make this appear the same.\n window.scrollTo(0, 0);\n\n const removeEvents = chain(\n addEvent(document, 'touchstart', onTouchStart, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchmove', onTouchMove, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchend', onTouchEnd, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'focus', onFocus, true),\n addEvent(window, 'scroll', onWindowScroll)\n );\n\n return () => {\n // Restore styles and scroll the page back to where it was.\n restoreStyles();\n removeEvents();\n window.scrollTo(scrollX, scrollY);\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(element: any, style: string, value: string) {\n // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n const cur = element.style[style];\n element.style[style] = value;\n\n return () => {\n element.style[style] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: EventTarget,\n event: K,\n handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n options?: boolean | AddEventListenerOptions\n) {\n // @ts-expect-error\n target.addEventListener(event, handler, options);\n\n return () => {\n // @ts-expect-error\n target.removeEventListener(event, handler, options);\n };\n}\n\nfunction scrollIntoView(target: Element) {\n const root = document.scrollingElement || document.documentElement;\n while (target && target !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n const scrollable = getScrollParent(target);\n if (\n scrollable !== document.documentElement &&\n scrollable !== document.body &&\n scrollable !== target\n ) {\n const scrollableTop = scrollable.getBoundingClientRect().top;\n const targetTop = target.getBoundingClientRect().top;\n const targetBottom = target.getBoundingClientRect().bottom;\n // Buffer is needed for some edge cases\n const keyboardHeight =\n scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n if (targetBottom > keyboardHeight) {\n scrollable.scrollTop += targetTop - scrollableTop;\n }\n }\n\n // @ts-expect-error\n target = scrollable.parentElement;\n }\n}\n\nfunction willOpenKeyboard(target: Element) {\n return (\n (target instanceof HTMLInputElement &&\n !nonTextInputTypes.has(target.type)) ||\n target instanceof HTMLTextAreaElement ||\n (target instanceof HTMLElement && target.isContentEditable)\n );\n}\n","import { type Properties } from 'csstype';\n\nconst styles: Record<string, Properties> = {\n wrapper: {\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n overflow: 'hidden',\n pointerEvents: 'none',\n },\n backdrop: {\n zIndex: 1,\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n touchAction: 'none', // Disable iOS body scrolling\n border: 'none',\n },\n container: {\n zIndex: 2,\n position: 'absolute',\n left: 0,\n bottom: 0,\n width: '100%',\n backgroundColor: '#fff',\n borderTopRightRadius: '8px',\n borderTopLeftRadius: '8px',\n boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n display: 'flex',\n flexDirection: 'column',\n pointerEvents: 'auto',\n },\n headerWrapper: {\n width: '100%',\n },\n header: {\n height: '40px',\n width: '100%',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n indicator: {\n width: '18px',\n height: '4px',\n borderRadius: '99px',\n backgroundColor: '#ddd',\n },\n content: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0px',\n position: 'relative',\n },\n scroller: {\n height: '100%',\n overflowY: 'auto',\n },\n};\n\nexport default styles;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContainer = forwardRef<any, SheetContainerProps>(\n ({ children, style = {}, className = '', ...rest }, ref) => {\n const {\n y,\n isOpen,\n callbacks,\n snapPoints,\n initialSnap = 0,\n sheetRef,\n windowHeight,\n detent,\n animationOptions,\n reduceMotion,\n } = useSheetContext();\n\n const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n const height =\n maxSnapHeight !== null\n ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n : MAX_HEIGHT;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([sheetRef, ref])}\n className={`react-modal-sheet-container ${className}`}\n style={{\n ...styles.container,\n ...style,\n ...(detent === 'full-height' && { height }),\n ...(detent === 'content-height' && { maxHeight: height }),\n y,\n }}\n initial={reduceMotion ? false : { y: windowHeight }}\n animate={{ y: initialY, transition: animationOptions }}\n exit={{ y: windowHeight, transition: animationOptions }}\n onAnimationComplete={handleAnimationComplete}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContainer.displayName = 'SheetContainer';\n\nexport default SheetContainer;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetScrollerContext, useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContent = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n const sheetContext = useSheetContext();\n const sheetScrollerContext = useSheetScrollerContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n\n const dragProps =\n disableDrag || sheetScrollerContext.disableDrag\n ? undefined\n : sheetContext.dragProps;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n className={`react-modal-sheet-content ${className}`}\n style={{ ...styles.content, ...style }}\n {...dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContent.displayName = 'SheetContent';\n\nexport default SheetContent;\n","import React, { forwardRef } from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetHeader = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, ...rest }, ref) => {\n const { indicatorRotation, dragProps } = useSheetContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n const _dragProps = disableDrag ? undefined : dragProps;\n\n const indicator1Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(2px) rotate(${r}deg)`\n );\n\n const indicator2Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(-2px) rotate(${-1 * r}deg)`\n );\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n style={{ ...styles.headerWrapper, ...style }}\n {..._dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children || (\n <div className=\"react-modal-sheet-header\" style={styles.header}>\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator1Transform }}\n />\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator2Transform }}\n />\n </div>\n )}\n </motion.div>\n );\n }\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport default SheetHeader;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = forwardRef<any, SheetBackdropProps>(\n ({ style = {}, className = '', ...rest }, ref) => {\n const Comp = isClickable(rest) ? motion.button : motion.div;\n const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n return (\n <Comp\n {...rest}\n ref={ref}\n className={`react-modal-sheet-backdrop ${className}`}\n style={{ ...styles.backdrop, ...style, pointerEvents }}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n />\n );\n }\n);\n\nSheetBackdrop.displayName = 'SheetBackdrop';\n\nexport default SheetBackdrop;\n","import React, { type TouchEvent, type UIEvent, forwardRef } from 'react';\n\nimport { useSheetScrollerContext } from './context';\nimport { type SheetScrollerProps } from './types';\nimport { isTouchDevice } from './utils';\nimport styles from './styles';\n\nconst SheetScroller = forwardRef<any, SheetScrollerProps>(\n ({ draggableAt = 'top', children, style, className = '', ...rest }, ref) => {\n const sheetScrollerContext = useSheetScrollerContext();\n\n function determineDragState(element: HTMLDivElement) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n const isScrollable = scrollHeight > clientHeight;\n\n if (!isScrollable) return;\n\n const isAtTop = scrollTop <= 0;\n const isAtBottom = scrollHeight - scrollTop === clientHeight;\n\n const shouldEnable =\n (draggableAt === 'top' && isAtTop) ||\n (draggableAt === 'bottom' && isAtBottom) ||\n (draggableAt === 'both' && (isAtTop || isAtBottom));\n\n if (shouldEnable) {\n sheetScrollerContext.setDragEnabled();\n } else {\n sheetScrollerContext.setDragDisabled();\n }\n }\n\n function onScroll(e: UIEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onScroll) {\n rest.onScroll(e);\n }\n }\n\n function onTouchStart(e: TouchEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onTouchStart) {\n rest.onTouchStart(e);\n }\n }\n\n const scrollProps = isTouchDevice()\n ? { onScroll, onTouchStart }\n : undefined;\n\n return (\n <div\n {...rest}\n ref={ref}\n className={`react-modal-sheet-scroller ${className}`}\n style={{ ...styles.scroller, ...style }}\n {...scrollProps}\n >\n {children}\n </div>\n );\n }\n);\n\nSheetScroller.displayName = 'SheetScroller';\n\nexport default SheetScroller;\n","import { type MotionValue } from 'framer-motion';\n\nimport _Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport SheetScroller from './SheetScroller';\nimport { type SheetCompound } from './types';\n\nexport interface SheetRef {\n y: MotionValue<number>;\n snapTo: (index: number) => void;\n}\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = _Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n_SheetCompound.Scroller = SheetScroller;\n\nexport const Sheet = _SheetCompound as SheetCompound;\n"]}
1
+ {"version":3,"sources":["../src/sheet.tsx","../src/hooks.tsx","../src/constants.ts","../src/context.tsx","../src/utils.ts","../src/use-prevent-scroll.ts","../src/styles.ts","../src/SheetContainer.tsx","../src/SheetContent.tsx","../src/SheetHeader.tsx","../src/SheetBackdrop.tsx","../src/SheetScroller.tsx","../src/index.tsx"],"names":["React","useEffect","useRef","useState","isScrollable","dragProps","forwardRef","motion","useTransform","Sheet"],"mappings":"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","sourcesContent":["import React, {\n Children,\n cloneElement,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport {\n animate,\n AnimatePresence,\n motion,\n type PanInfo,\n type Transition,\n useMotionValue,\n useReducedMotion,\n useTransform,\n} from 'framer-motion';\n\nimport {\n useModalEffect,\n useDimensions,\n useIsomorphicLayoutEffect,\n useEffectEvent,\n} from './hooks';\n\nimport {\n REDUCED_MOTION_TWEEN_CONFIG,\n DEFAULT_TWEEN_CONFIG,\n DEFAULT_DRAG_CLOSE_THRESHOLD,\n DEFAULT_DRAG_VELOCITY_THRESHOLD,\n IS_SSR,\n} from './constants';\n\nimport { type SheetContextType, type SheetProps } from './types';\nimport { SheetScrollerContextProvider, SheetContext } from './context';\nimport { getClosest, inDescendingOrder, validateSnapTo } from './utils';\nimport { usePreventScroll } from './use-prevent-scroll';\nimport styles from './styles';\n\nconst Sheet = forwardRef<any, SheetProps>(\n (\n {\n onOpenStart,\n onOpenEnd,\n onClose,\n onCloseStart,\n onCloseEnd,\n onSnap,\n children,\n disableScrollLocking = false,\n isOpen,\n snapPoints: snapPointsProp,\n rootId,\n mountPoint,\n style,\n detent = 'full-height',\n initialSnap = 0,\n disableDrag = false,\n prefersReducedMotion = false,\n tweenConfig = DEFAULT_TWEEN_CONFIG,\n dragVelocityThreshold = DEFAULT_DRAG_VELOCITY_THRESHOLD,\n dragCloseThreshold = DEFAULT_DRAG_CLOSE_THRESHOLD,\n ...rest\n },\n ref\n ) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n const indicatorRotation = useMotionValue(0);\n const { height: windowHeight } = useDimensions();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = Boolean(prefersReducedMotion || shouldReduceMotion);\n const animationOptions: Transition = {\n type: 'tween',\n ...(reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig),\n };\n\n // NOTE: the inital value for `y` doesn't matter since it is overwritten by\n // the value driven by the `AnimatePresence` component when the sheet is opened\n // and after that it is driven by the gestures and/or snapping\n const y = useMotionValue(windowHeight);\n\n // +2 for tolerance in case the animated value is slightly off\n const zIndex = useTransform(y, (value) =>\n value + 2 >= windowHeight ? -1 : 9999999\n );\n const visibility = useTransform(y, (value) =>\n value + 2 >= windowHeight ? 'hidden' : 'visible'\n );\n\n // Keep the callback fns up-to-date so that they can be accessed inside\n // the effect without including them to the dependencies array\n const callbacks = useRef({\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n });\n\n useIsomorphicLayoutEffect(() => {\n callbacks.current = {\n onOpenStart,\n onOpenEnd,\n onCloseStart,\n onCloseEnd,\n };\n });\n\n let snapPoints: number[] | undefined = snapPointsProp;\n\n if (snapPoints) {\n // Convert negative / percentage snap points to absolute values\n snapPoints = snapPoints.map((point) => {\n // Percentage values e.g. between 0.0 and 1.0\n if (point > 0 && point <= 1) return Math.round(point * windowHeight);\n return point < 0 ? windowHeight + point : point; // negative values\n });\n\n console.assert(\n inDescendingOrder(snapPoints) || windowHeight === 0,\n `Snap points need to be in descending order got: [${snapPoints.join(\n ', '\n )}]`\n );\n }\n\n const onDrag = useEffectEvent((_, { delta }: PanInfo) => {\n // Update drag indicator rotation based on drag velocity\n const velocity = y.getVelocity();\n\n if (velocity > 0) indicatorRotation.set(10);\n if (velocity < 0) indicatorRotation.set(-10);\n\n // Make sure user cannot drag beyond the top of the sheet\n y.set(Math.max(y.get() + delta.y, 0));\n });\n\n const onDragStart = useEffectEvent(() => {\n // Find focused input inside the sheet and blur it when dragging starts\n // to prevent a weird ghost caret \"bug\" on mobile\n const focusedElement = document.activeElement as HTMLElement | null;\n if (!focusedElement || !sheetRef.current) return;\n\n const isInput =\n focusedElement.tagName === 'INPUT' ||\n focusedElement.tagName === 'TEXTAREA';\n\n // Only blur the focused element if it's inside the sheet\n if (isInput && sheetRef.current.contains(focusedElement)) {\n focusedElement.blur();\n }\n });\n\n const onDragEnd = useEffectEvent((_, { velocity }: PanInfo) => {\n if (velocity.y > dragVelocityThreshold) {\n // User flicked the sheet down\n onClose();\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const sheetHeight = sheetRef.current!.getBoundingClientRect().height;\n const currentY = y.get();\n\n let snapTo = 0;\n\n if (snapPoints) {\n const snapToValues = snapPoints.map(\n (p) => sheetHeight - Math.min(p, sheetHeight)\n );\n\n // Allow snapping to the top of the sheet if detent is set to `content-height`\n if (detent === 'content-height' && !snapToValues.includes(0)) {\n snapToValues.unshift(0);\n }\n\n // Get the closest snap point\n snapTo = getClosest(snapToValues, currentY);\n } else if (currentY / sheetHeight > dragCloseThreshold) {\n // Close if dragged over enough far\n snapTo = sheetHeight;\n }\n\n snapTo = validateSnapTo({ snapTo, sheetHeight });\n\n // Update the spring value so that the sheet is animated to the snap point\n void animate(y, snapTo, animationOptions);\n\n if (snapPoints && onSnap) {\n const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));\n const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue)); // prettier-ignore\n onSnap(snapIndex);\n }\n\n const roundedSheetHeight = Math.round(sheetHeight);\n const shouldClose = snapTo + 2 >= roundedSheetHeight; // 2px tolerance\n\n if (shouldClose) onClose();\n }\n\n // Reset indicator rotation after dragging\n indicatorRotation.set(0);\n });\n\n // Trigger onSnap callback when sheet is opened or closed\n useEffect(() => {\n if (!snapPoints || !onSnap) return;\n const snapIndex = isOpen ? initialSnap : snapPoints.length - 1;\n onSnap(snapIndex);\n }, [isOpen]); // eslint-disable-line\n\n useImperativeHandle(ref, () => ({\n y,\n snapTo: (snapIndex: number) => {\n const sheetEl = sheetRef.current;\n\n if (snapPoints?.[snapIndex] !== undefined && sheetEl) {\n const sheetHeight = sheetEl.getBoundingClientRect().height;\n const snapPoint = snapPoints[snapIndex];\n const snapTo = validateSnapTo({\n snapTo: sheetHeight - snapPoint,\n sheetHeight,\n });\n\n void animate(y, snapTo, animationOptions);\n if (onSnap) onSnap(snapIndex);\n if (snapTo >= sheetHeight) onClose();\n }\n },\n }));\n\n useModalEffect({\n y,\n rootId,\n sheetRef,\n });\n\n // Framer Motion should handle body scroll locking but it's not working\n // properly on iOS. Scroll locking from React Aria seems to work much better.\n usePreventScroll({ isDisabled: disableScrollLocking || !isOpen });\n\n const dragProps = useMemo(() => {\n const dragProps: SheetContextType['dragProps'] = {\n drag: 'y',\n dragElastic: 0,\n dragMomentum: false,\n dragPropagation: false,\n onDrag,\n onDragStart,\n onDragEnd,\n };\n\n return disableDrag ? undefined : dragProps;\n }, [disableDrag, windowHeight]); // eslint-disable-line\n\n const context: SheetContextType = {\n y,\n sheetRef,\n isOpen,\n initialSnap,\n snapPoints,\n detent,\n indicatorRotation,\n callbacks,\n dragProps,\n windowHeight,\n animationOptions,\n reduceMotion,\n disableDrag,\n };\n\n const sheet = (\n <SheetContext.Provider value={context}>\n <motion.div\n {...rest}\n ref={ref}\n style={{ ...styles.wrapper, zIndex, visibility, ...style }}\n >\n <AnimatePresence>\n {/* NOTE: AnimatePresence requires us to set keys to children */}\n {isOpen ? (\n <SheetScrollerContextProvider>\n {Children.map(children, (child: any, i) =>\n cloneElement(child, { key: `sheet-child-${i}` })\n )}\n </SheetScrollerContextProvider>\n ) : null}\n </AnimatePresence>\n </motion.div>\n </SheetContext.Provider>\n );\n\n if (IS_SSR) return sheet;\n\n return createPortal(sheet, mountPoint ?? document.body);\n }\n);\n\nSheet.displayName = 'Sheet';\n\nexport default Sheet;\n","import {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { type MotionValue, type BoundingBox, transform } from 'framer-motion';\n\nimport { IS_SSR } from './constants';\nimport { type SheetEvents } from './types';\n\nexport const useIsomorphicLayoutEffect = IS_SSR ? useEffect : useLayoutEffect;\n\nexport function useModalEffect({\n y,\n rootId,\n sheetRef,\n}: {\n y: MotionValue<number>;\n rootId?: string;\n sheetRef: RefObject<HTMLDivElement>;\n}) {\n const heightRef = useRef(IS_SSR ? 0 : window.innerHeight);\n\n function setup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n body.style.backgroundColor = '#000';\n root.style.overflow = 'hidden';\n root.style.transitionTimingFunction = 'cubic-bezier(0.32, 0.72, 0, 1)';\n root.style.transitionProperty = 'transform, border-radius';\n root.style.transitionDuration = '0.5s';\n root.style.transformOrigin = 'center top';\n }\n\n function cleanup() {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n const body = document.querySelector('body') as HTMLBodyElement;\n if (!root) return;\n\n setTimeout(() => {\n body.style.removeProperty('background-color');\n root.style.removeProperty('overflow');\n root.style.removeProperty('transition-timing-function');\n root.style.removeProperty('transition-property');\n root.style.removeProperty('transition-duration');\n root.style.removeProperty('transform-origin');\n root.style.removeProperty('transform');\n root.style.removeProperty('border-top-right-radius');\n root.style.removeProperty('border-top-left-radius');\n }, 100);\n }\n\n useIsomorphicLayoutEffect(() => {\n return () => {\n if (rootId) cleanup();\n };\n }, []); // eslint-disable-line\n\n useEffect(() => {\n const root = document.querySelector(`#${rootId}`) as HTMLDivElement;\n if (!root) return;\n\n function onCompleted() {\n if (y.get() - 10 >= heightRef.current) cleanup();\n }\n\n const removeStartListener = y.on('animationStart', () => {\n heightRef.current = sheetRef.current?.offsetHeight || window.innerHeight;\n setup();\n });\n\n const removeChangeListener = y.on('change', (value) => {\n if (root) {\n const progress = Math.max(0, 1 - value / heightRef.current);\n const pageWidth = window.innerWidth;\n const scale = (pageWidth - 16) / pageWidth;\n const ty = transform(progress, [0, 1], [0, 24]);\n const s = transform(progress, [0, 1], [1, scale]);\n const borderRadius = transform(progress, [0, 1], [0, 10]);\n const inset = 'env(safe-area-inset-top)';\n\n root.style.transform = `scale(${s}) translate3d(0, calc(${inset} + ${ty}px), 0)`; // prettier-ignore\n root.style.borderTopRightRadius = `${borderRadius}px`;\n root.style.borderTopLeftRadius = `${borderRadius}px`;\n }\n });\n\n const removeCompleteListener = y.on('animationComplete', onCompleted);\n const removeCancelListener = y.on('animationCancel', onCompleted);\n\n return () => {\n removeStartListener();\n removeChangeListener();\n removeCompleteListener();\n removeCancelListener();\n };\n }, [y, rootId]); // eslint-disable-line\n}\n\nexport function useEventCallbacks(\n isOpen: boolean,\n callbacks: MutableRefObject<SheetEvents>\n) {\n const prevOpen = usePrevious(isOpen);\n const didOpen = useRef(false);\n\n // Because of AnimatePrecence we don't have access to latest isOpen value\n // so we need to read and write to a ref to determine if we are\n // opening or closing the sheet\n const handleAnimationComplete = useCallback(() => {\n if (!didOpen.current) {\n callbacks.current.onOpenEnd?.();\n didOpen.current = true;\n } else {\n callbacks.current.onCloseEnd?.();\n didOpen.current = false;\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n useEffect(() => {\n if (!prevOpen && isOpen) {\n callbacks.current.onOpenStart?.();\n } else if (!isOpen && prevOpen) {\n callbacks.current.onCloseStart?.();\n }\n }, [isOpen, prevOpen]); // eslint-disable-line\n\n return { handleAnimationComplete };\n}\n\nexport function useDimensions() {\n const [dimensions, setDimensions] = useState({\n height: !IS_SSR ? window.innerHeight : 0,\n width: !IS_SSR ? window.innerWidth : 0,\n });\n\n useIsomorphicLayoutEffect(() => {\n function handler() {\n setDimensions({\n height: window.innerHeight,\n width: window.innerWidth,\n });\n }\n\n handler();\n\n window.addEventListener('resize', handler);\n\n return () => {\n window.removeEventListener('resize', handler);\n };\n }, []);\n\n return dimensions;\n}\n\nexport function usePrevious<T>(state: T): T | undefined {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = state;\n });\n\n return ref.current;\n}\n\n// Userland version of the `useEffectEvent` React hook:\n// RFC: https://react.dev/reference/react/experimental_useEffectEvent\nexport function useEffectEvent<T extends (...args: any[]) => any>(handler: T) {\n const handlerRef = useRef<T>();\n\n useIsomorphicLayoutEffect(() => {\n handlerRef.current = handler;\n });\n\n return useCallback((...args: any[]) => {\n const fn = handlerRef.current;\n return fn?.(...args);\n }, []) as T;\n}\n\n// This is a hacky way to fix a bug in framer-motion where the drag\n// constraints are not updated when window is resized.\n// https://github.com/framer/motion/issues/1659\nconst constraints: BoundingBox = { bottom: 0, top: 0, left: 0, right: 0 };\n\nexport function useDragConstraints() {\n const constraintsRef = useRef<any>(null);\n const onMeasureDragConstraints = useCallback(() => constraints, []);\n return { constraintsRef, onMeasureDragConstraints };\n}\n","export const MAX_HEIGHT = 'calc(100% - env(safe-area-inset-top) - 34px)';\n\nexport const IS_SSR = typeof window === 'undefined';\n\nexport const DEFAULT_TWEEN_CONFIG = {\n ease: 'easeOut',\n duration: 0.2,\n};\n\nexport const REDUCED_MOTION_TWEEN_CONFIG = {\n ease: 'linear',\n duration: 0.01,\n};\n\nexport const DEFAULT_DRAG_CLOSE_THRESHOLD = 0.6;\n\nexport const DEFAULT_DRAG_VELOCITY_THRESHOLD = 500;\n","import React, { type ReactNode, createContext, useContext, useState } from 'react';\nimport { type SheetScrollerContextType, type SheetContextType } from './types';\n\nexport const SheetContext = createContext<SheetContextType | undefined>(\n undefined\n);\n\nexport const useSheetContext = () => {\n const context = useContext(SheetContext);\n if (!context) throw Error('Sheet context error');\n return context;\n};\n\nexport const SheetScrollerContext = createContext<\n SheetScrollerContextType | undefined\n>(undefined);\n\nexport function SheetScrollerContextProvider({\n children,\n}: {\n children: ReactNode;\n}) {\n const sheetContext = useSheetContext();\n const [disableDrag, setDisableDrag] = useState(!!sheetContext.disableDrag);\n\n function setDragEnabled() {\n if (!sheetContext.disableDrag) setDisableDrag(false);\n }\n\n function setDragDisabled() {\n if (!disableDrag) setDisableDrag(true);\n }\n\n return (\n <SheetScrollerContext.Provider\n value={{ disableDrag, setDragEnabled, setDragDisabled }}\n >\n {children}\n </SheetScrollerContext.Provider>\n );\n}\n\nexport const useSheetScrollerContext = () => {\n const context = useContext(SheetScrollerContext);\n if (!context) throw Error('Sheet scroller context error');\n return context;\n};\n","import { type ForwardedRef, type RefCallback } from 'react';\n\nexport function getClosest(nums: number[], goal: number) {\n let closest = nums[0];\n let minDifference = Math.abs(nums[0] - goal);\n\n for (let i = 1; i < nums.length; i++) {\n const difference = Math.abs(nums[i] - goal);\n if (difference < minDifference) {\n closest = nums[i];\n minDifference = difference;\n }\n }\n\n return closest;\n}\n\nexport function inDescendingOrder(arr: number[]) {\n for (let i = 0; i < arr.length; i++) {\n if (arr[i + 1] > arr[i]) return false;\n }\n\n return true;\n}\n\nexport function validateSnapTo({\n snapTo,\n sheetHeight,\n}: {\n snapTo: number;\n sheetHeight: number;\n}) {\n if (snapTo < 0) {\n console.warn(\n `Snap point is out of bounds. Sheet height is ${sheetHeight} but snap point is ${\n sheetHeight + Math.abs(snapTo)\n }.`\n );\n }\n\n return Math.max(Math.round(snapTo), 0);\n}\n\nexport function mergeRefs<T = any>(\n refs: Array<ForwardedRef<T>>\n): RefCallback<T> {\n return (value: any) => {\n refs.forEach((ref: any) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n });\n };\n}\n\nexport function isTouchDevice() {\n if (typeof window === 'undefined') return false;\n return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nfunction testPlatform(re: RegExp) {\n // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n return typeof window !== 'undefined' && window.navigator != null\n ? re.test(\n // @ts-expect-error\n // eslint-disable-next-line @typescript-eslint/dot-notation\n window.navigator['userAgentData']?.platform || window.navigator.platform\n )\n : false;\n}\n\nfunction cached(fn: () => boolean) {\n let res: boolean | null = null;\n return () => {\n if (res == null) {\n res = fn();\n }\n return res;\n };\n}\n\nconst isMac = cached(function () {\n return testPlatform(/^Mac/i);\n});\n\nconst isIPhone = cached(function () {\n return testPlatform(/^iPhone/i);\n});\n\nconst isIPad = cached(function () {\n return (\n testPlatform(/^iPad/i) ||\n // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\n (isMac() && navigator.maxTouchPoints > 1)\n );\n});\n\nexport const isIOS = cached(function () {\n return isIPhone() || isIPad();\n});\n","// This code originates from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useIsomorphicLayoutEffect } from './hooks';\nimport { isIOS } from './utils';\n\nconst KEYBOARD_BUFFER = 24;\n\ninterface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n return (...args: any[]) => {\n for (const callback of callbacks) {\n if (typeof callback === 'function') {\n // eslint-disable-next-line n/no-callback-literal\n callback(...args);\n }\n }\n };\n}\n\nconst visualViewport = typeof document !== 'undefined' && window.visualViewport;\n\nexport function isScrollable(\n node: Element | null,\n checkForOverflow?: boolean\n): boolean {\n if (!node) {\n return false;\n }\n\n const style = window.getComputedStyle(node);\n\n let isScrollable = /(auto|scroll)/.test(\n style.overflow + style.overflowX + style.overflowY\n );\n\n if (isScrollable && checkForOverflow) {\n isScrollable =\n node.scrollHeight !== node.clientHeight ||\n node.scrollWidth !== node.clientWidth;\n }\n\n return isScrollable;\n}\n\nexport function getScrollParent(\n node: Element,\n checkForOverflow?: boolean\n): Element {\n let scrollableNode: Element | null = node;\n\n if (isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n while (scrollableNode && !isScrollable(scrollableNode, checkForOverflow)) {\n scrollableNode = scrollableNode.parentElement;\n }\n\n return (\n scrollableNode || document.scrollingElement || document.documentElement\n );\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'range',\n 'color',\n 'file',\n 'image',\n 'button',\n 'submit',\n 'reset',\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n const { isDisabled } = options;\n\n useIsomorphicLayoutEffect(() => {\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n } else {\n restore = preventScrollStandard();\n }\n }\n\n return () => {\n preventScrollCount--;\n if (preventScrollCount === 0) {\n restore?.();\n }\n };\n }, [isDisabled]);\n}\n\n// For most browsers, all we need to do is set `overflow: hidden` on the root element, and\n// add some padding to prevent the page from shifting when the scrollbar is hidden.\nfunction preventScrollStandard() {\n return chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden')\n );\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n// top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n// of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n// into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n// same visually, but makes the actual scroll position always zero. This is required to make all of the\n// above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n// to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n let scrollable: Element | undefined;\n let lastY = 0;\n\n const onTouchStart = (e: TouchEvent) => {\n // Use `composedPath` to support shadow DOM.\n const target = e.composedPath()?.[0] as HTMLElement;\n\n // Store the nearest scrollable parent element from the element that the user touched.\n scrollable = getScrollParent(target, true);\n\n if (\n scrollable === document.documentElement &&\n scrollable === document.body\n ) {\n return;\n }\n\n lastY = e.changedTouches[0].pageY;\n };\n\n const onTouchMove = (e: TouchEvent) => {\n // In special situations, `onTouchStart` may be called without `onTouchStart` being called.\n // (e.g. when the user places a finger on the screen before the <Sheet> is mounted and then moves the finger after it is mounted).\n // If `onTouchStart` is not called, `scrollable` is `undefined`. Therefore, such cases are ignored.\n if (scrollable === undefined) {\n return;\n }\n\n // Prevent scrolling the window.\n if (\n !scrollable ||\n scrollable === document.documentElement ||\n scrollable === document.body\n ) {\n e.preventDefault();\n return;\n }\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead. Unfortunately, this disables bounce scrolling when at\n // the top but it's the best we can do.\n const y = e.changedTouches[0].pageY;\n const scrollTop = scrollable.scrollTop;\n const bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n if (bottom === 0) {\n return;\n }\n\n if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n e.preventDefault();\n }\n\n lastY = y;\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n // Use `composedPath` to support shadow DOM.\n const target = e.composedPath()?.[0] as HTMLElement;\n\n // Apply this change if we're not already focused on the target element\n if (willOpenKeyboard(target) && target !== document.activeElement) {\n e.preventDefault();\n\n // Apply a transform to trick Safari into thinking the input is at the top of the page\n // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n // be done before the \"focus\" event, so we have to focus the element ourselves.\n target.style.transform = 'translateY(-2000px)';\n target.focus();\n requestAnimationFrame(() => {\n target.style.transform = '';\n });\n }\n };\n\n const onFocus = (e: FocusEvent) => {\n // Use `composedPath` to support shadow DOM.\n const target = e.composedPath()?.[0] as HTMLElement;\n\n if (willOpenKeyboard(target)) {\n // Transform also needs to be applied in the focus event in cases where focus moves\n // other than tapping on an input directly, e.g. the next/previous buttons in the\n // software keyboard. In these cases, it seems applying the transform in the focus event\n // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️\n target.style.transform = 'translateY(-2000px)';\n requestAnimationFrame(() => {\n target.style.transform = '';\n\n // This will have prevented the browser from scrolling the focused element into view,\n // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n if (visualViewport) {\n if (visualViewport.height < window.innerHeight) {\n // If the keyboard is already visible, do this after one additional frame\n // to wait for the transform to be removed.\n requestAnimationFrame(() => {\n scrollIntoView(target);\n });\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\n 'resize',\n () => scrollIntoView(target),\n { once: true }\n );\n }\n }\n });\n }\n };\n\n const onWindowScroll = () => {\n // Last resort. If the window scrolled, scroll it back to the top.\n // It should always be at the top because the body will have a negative margin (see below).\n window.scrollTo(0, 0);\n };\n\n // Record the original scroll position so we can restore it.\n // Then apply a negative margin to the body to offset it by the scroll position. This will\n // enable us to scroll the window to the top, which is required for the rest of this to work.\n const scrollX = window.pageXOffset;\n const scrollY = window.pageYOffset;\n\n const restoreStyles = chain(\n setStyle(\n document.documentElement,\n 'paddingRight',\n `${window.innerWidth - document.documentElement.clientWidth}px`\n ),\n setStyle(document.documentElement, 'overflow', 'hidden'),\n setStyle(document.body, 'marginTop', `-${scrollY}px`)\n );\n\n // Scroll to the top. The negative margin on the body will make this appear the same.\n window.scrollTo(0, 0);\n\n const removeEvents = chain(\n addEvent(document, 'touchstart', onTouchStart, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchmove', onTouchMove, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'touchend', onTouchEnd, {\n passive: false,\n capture: true,\n }),\n addEvent(document, 'focus', onFocus, true),\n addEvent(window, 'scroll', onWindowScroll)\n );\n\n return () => {\n // Restore styles and scroll the page back to where it was.\n restoreStyles();\n removeEvents();\n window.scrollTo(scrollX, scrollY);\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(element: any, style: string, value: string) {\n // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n const cur = element.style[style];\n element.style[style] = value;\n\n return () => {\n element.style[style] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: EventTarget,\n event: K,\n handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n options?: boolean | AddEventListenerOptions\n) {\n // @ts-expect-error\n target.addEventListener(event, handler, options);\n\n return () => {\n // @ts-expect-error\n target.removeEventListener(event, handler, options);\n };\n}\n\nfunction scrollIntoView(target: Element) {\n const root = document.scrollingElement || document.documentElement;\n while (target && target !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n const scrollable = getScrollParent(target);\n if (\n scrollable !== document.documentElement &&\n scrollable !== document.body &&\n scrollable !== target\n ) {\n const scrollableTop = scrollable.getBoundingClientRect().top;\n const targetTop = target.getBoundingClientRect().top;\n const targetBottom = target.getBoundingClientRect().bottom;\n // Buffer is needed for some edge cases\n const keyboardHeight =\n scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n if (targetBottom > keyboardHeight) {\n scrollable.scrollTop += targetTop - scrollableTop;\n }\n }\n\n // @ts-expect-error\n target = scrollable.parentElement;\n }\n}\n\nfunction willOpenKeyboard(target: Element) {\n return (\n (target instanceof HTMLInputElement &&\n !nonTextInputTypes.has(target.type)) ||\n target instanceof HTMLTextAreaElement ||\n (target instanceof HTMLElement && target.isContentEditable)\n );\n}\n","import { type Properties } from 'csstype';\n\nconst styles: Record<string, Properties> = {\n wrapper: {\n position: 'fixed',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n overflow: 'hidden',\n pointerEvents: 'none',\n },\n backdrop: {\n zIndex: 1,\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n backgroundColor: 'rgba(0, 0, 0, 0.2)',\n touchAction: 'none', // Disable iOS body scrolling\n border: 'none',\n },\n container: {\n zIndex: 2,\n position: 'absolute',\n left: 0,\n bottom: 0,\n width: '100%',\n backgroundColor: '#fff',\n borderTopRightRadius: '8px',\n borderTopLeftRadius: '8px',\n boxShadow: '0px -2px 16px rgba(0, 0, 0, 0.3)',\n display: 'flex',\n flexDirection: 'column',\n pointerEvents: 'auto',\n },\n headerWrapper: {\n width: '100%',\n },\n header: {\n height: '40px',\n width: '100%',\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n indicator: {\n width: '18px',\n height: '4px',\n borderRadius: '99px',\n backgroundColor: '#ddd',\n },\n content: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0px',\n position: 'relative',\n },\n scroller: {\n height: '100%',\n overflowY: 'auto',\n },\n};\n\nexport default styles;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetContainerProps } from './types';\nimport { useSheetContext } from './context';\nimport { useEventCallbacks } from './hooks';\nimport { MAX_HEIGHT } from './constants';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContainer = forwardRef<any, SheetContainerProps>(\n ({ children, style = {}, className = '', ...rest }, ref) => {\n const {\n y,\n isOpen,\n callbacks,\n snapPoints,\n initialSnap = 0,\n sheetRef,\n windowHeight,\n detent,\n animationOptions,\n reduceMotion,\n } = useSheetContext();\n\n const { handleAnimationComplete } = useEventCallbacks(isOpen, callbacks);\n const initialY = snapPoints ? snapPoints[0] - snapPoints[initialSnap] : 0;\n const maxSnapHeight = snapPoints ? snapPoints[0] : null;\n\n const height =\n maxSnapHeight !== null\n ? `min(${maxSnapHeight}px, ${MAX_HEIGHT})`\n : MAX_HEIGHT;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([sheetRef, ref])}\n className={`react-modal-sheet-container ${className}`}\n style={{\n ...styles.container,\n ...style,\n ...(detent === 'full-height' && { height }),\n ...(detent === 'content-height' && { maxHeight: height }),\n y,\n }}\n initial={reduceMotion ? false : { y: windowHeight }}\n animate={{ y: initialY, transition: animationOptions }}\n exit={{ y: windowHeight, transition: animationOptions }}\n onAnimationComplete={handleAnimationComplete}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContainer.displayName = 'SheetContainer';\n\nexport default SheetContainer;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetScrollerContext, useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetContent = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, className = '', ...rest }, ref) => {\n const sheetContext = useSheetContext();\n const sheetScrollerContext = useSheetScrollerContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n\n const dragProps =\n disableDrag || sheetScrollerContext.disableDrag\n ? undefined\n : sheetContext.dragProps;\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n className={`react-modal-sheet-content ${className}`}\n style={{ ...styles.content, ...style }}\n {...dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children}\n </motion.div>\n );\n }\n);\n\nSheetContent.displayName = 'SheetContent';\n\nexport default SheetContent;\n","import React, { forwardRef } from 'react';\nimport { motion, useTransform } from 'framer-motion';\n\nimport { type SheetDraggableProps } from './types';\nimport { useSheetContext } from './context';\nimport { useDragConstraints } from './hooks';\nimport { mergeRefs } from './utils';\nimport styles from './styles';\n\nconst SheetHeader = forwardRef<any, SheetDraggableProps>(\n ({ children, style, disableDrag, ...rest }, ref) => {\n const { indicatorRotation, dragProps } = useSheetContext();\n const { constraintsRef, onMeasureDragConstraints } = useDragConstraints();\n const _dragProps = disableDrag ? undefined : dragProps;\n\n const indicator1Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(2px) rotate(${r}deg)`\n );\n\n const indicator2Transform = useTransform(\n indicatorRotation,\n (r) => `translateX(-2px) rotate(${-1 * r}deg)`\n );\n\n return (\n <motion.div\n {...rest}\n ref={mergeRefs([ref, constraintsRef])}\n style={{ ...styles.headerWrapper, ...style }}\n {..._dragProps}\n dragConstraints={constraintsRef}\n onMeasureDragConstraints={onMeasureDragConstraints}\n >\n {children || (\n <div className=\"react-modal-sheet-header\" style={styles.header}>\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator1Transform }}\n />\n <motion.span\n className=\"react-modal-sheet-drag-indicator\"\n style={{ ...styles.indicator, transform: indicator2Transform }}\n />\n </div>\n )}\n </motion.div>\n );\n }\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport default SheetHeader;\n","import React, { forwardRef } from 'react';\nimport { motion } from 'framer-motion';\n\nimport { type SheetBackdropProps } from './types';\nimport styles from './styles';\n\nconst isClickable = (props: any) => !!props.onClick || !!props.onTap;\n\nconst SheetBackdrop = forwardRef<any, SheetBackdropProps>(\n ({ style = {}, className = '', ...rest }, ref) => {\n const Comp = isClickable(rest) ? motion.button : motion.div;\n const pointerEvents = isClickable(rest) ? 'auto' : 'none';\n\n return (\n <Comp\n {...rest}\n ref={ref}\n className={`react-modal-sheet-backdrop ${className}`}\n style={{ ...styles.backdrop, ...style, pointerEvents }}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n />\n );\n }\n);\n\nSheetBackdrop.displayName = 'SheetBackdrop';\n\nexport default SheetBackdrop;\n","import React, { type TouchEvent, type UIEvent, forwardRef } from 'react';\n\nimport { useSheetScrollerContext } from './context';\nimport { type SheetScrollerProps } from './types';\nimport { isTouchDevice } from './utils';\nimport styles from './styles';\n\nconst SheetScroller = forwardRef<any, SheetScrollerProps>(\n ({ draggableAt = 'top', children, style, className = '', ...rest }, ref) => {\n const sheetScrollerContext = useSheetScrollerContext();\n\n function determineDragState(element: HTMLDivElement) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n const isScrollable = scrollHeight > clientHeight;\n\n if (!isScrollable) return;\n\n const isAtTop = scrollTop <= 0;\n const isAtBottom = scrollHeight - scrollTop === clientHeight;\n\n const shouldEnable =\n (draggableAt === 'top' && isAtTop) ||\n (draggableAt === 'bottom' && isAtBottom) ||\n (draggableAt === 'both' && (isAtTop || isAtBottom));\n\n if (shouldEnable) {\n sheetScrollerContext.setDragEnabled();\n } else {\n sheetScrollerContext.setDragDisabled();\n }\n }\n\n function onScroll(e: UIEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onScroll) {\n rest.onScroll(e);\n }\n }\n\n function onTouchStart(e: TouchEvent<HTMLDivElement>) {\n determineDragState(e.currentTarget);\n if (rest.onTouchStart) {\n rest.onTouchStart(e);\n }\n }\n\n const scrollProps = isTouchDevice()\n ? { onScroll, onTouchStart }\n : undefined;\n\n return (\n <div\n {...rest}\n ref={ref}\n className={`react-modal-sheet-scroller ${className}`}\n style={{ ...styles.scroller, ...style }}\n {...scrollProps}\n >\n {children}\n </div>\n );\n }\n);\n\nSheetScroller.displayName = 'SheetScroller';\n\nexport default SheetScroller;\n","import { type MotionValue } from 'framer-motion';\n\nimport _Sheet from './sheet';\nimport SheetContainer from './SheetContainer';\nimport SheetContent from './SheetContent';\nimport SheetHeader from './SheetHeader';\nimport SheetBackdrop from './SheetBackdrop';\nimport SheetScroller from './SheetScroller';\nimport { type SheetCompound } from './types';\n\nexport interface SheetRef {\n y: MotionValue<number>;\n snapTo: (index: number) => void;\n}\n\n// HACK: this is needed to get the typing to work properly...\nconst _SheetCompound: any = _Sheet;\n_SheetCompound.Container = SheetContainer;\n_SheetCompound.Header = SheetHeader;\n_SheetCompound.Content = SheetContent;\n_SheetCompound.Backdrop = SheetBackdrop;\n_SheetCompound.Scroller = SheetScroller;\n\nexport const Sheet = _SheetCompound as SheetCompound;\n"]}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "3.4.1",
2
+ "version": "3.5.0",
3
3
  "license": "MIT",
4
4
  "name": "react-modal-sheet",
5
5
  "description": "Flexible bottom sheet component for your React apps",
@@ -157,8 +157,12 @@ function preventScrollMobileSafari() {
157
157
  let lastY = 0;
158
158
 
159
159
  const onTouchStart = (e: TouchEvent) => {
160
+ // Use `composedPath` to support shadow DOM.
161
+ const target = e.composedPath()?.[0] as HTMLElement;
162
+
160
163
  // Store the nearest scrollable parent element from the element that the user touched.
161
- scrollable = getScrollParent(e.target as Element, true);
164
+ scrollable = getScrollParent(target, true);
165
+
162
166
  if (
163
167
  scrollable === document.documentElement &&
164
168
  scrollable === document.body
@@ -207,7 +211,8 @@ function preventScrollMobileSafari() {
207
211
  };
208
212
 
209
213
  const onTouchEnd = (e: TouchEvent) => {
210
- const target = e.target as HTMLElement;
214
+ // Use `composedPath` to support shadow DOM.
215
+ const target = e.composedPath()?.[0] as HTMLElement;
211
216
 
212
217
  // Apply this change if we're not already focused on the target element
213
218
  if (willOpenKeyboard(target) && target !== document.activeElement) {
@@ -225,7 +230,9 @@ function preventScrollMobileSafari() {
225
230
  };
226
231
 
227
232
  const onFocus = (e: FocusEvent) => {
228
- const target = e.target as HTMLElement;
233
+ // Use `composedPath` to support shadow DOM.
234
+ const target = e.composedPath()?.[0] as HTMLElement;
235
+
229
236
  if (willOpenKeyboard(target)) {
230
237
  // Transform also needs to be applied in the focus event in cases where focus moves
231
238
  // other than tapping on an input directly, e.g. the next/previous buttons in the