@onekeyfe/react-native-native-overlay 3.0.162-alpha.268

package/lib/module/useOverlayController.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { useCallback, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { OVERLAY_MOTION_PRESETS } from './animation/platformMotionPresets';
+import { resolveOverlayAnimation } from "./animation/resolveAnimation.js";
+import { useOverlayPageScope } from "./OverlayPageScope.js";
+import { findStatusBarOwner, overlayStore } from "./OverlayStore.js";
+function useLatest(value) {
+  const ref = useRef(value);
+  ref.current = value;
+  return ref;
+}
+
+/**
+ * Bridges a declarative overlay to the shared `overlayStore`: requests an
+ * entry while `visible`, follows the store's phase, and finalizes the entry
+ * once the host reports the end of the exit animation.
+ */
+export function useOverlayController(props) {
+  const {
+    visible,
+    level,
+    strategy,
+    priority,
+    replaceKey,
+    blocking,
+    dismissOnBackPress,
+    presentation = 'center',
+    animation,
+    statusBarStyle
+  } = props;
+  const pageScope = useOverlayPageScope();
+  const hostKey = props.hostKey ?? pageScope.hostKey;
+  const ownerKey = props.ownerKey ?? pageScope.ownerKey;
+  // Without a host or owner there is nowhere to anchor a page overlay.
+  const scope = props.scope === 'page' && hostKey && ownerKey ? 'page' : 'global';
+  const baseId = useId();
+  const cycleRef = useRef(0);
+  const [entryId, setEntryId] = useState();
+  // Set when the store closed the entry (replace, back) while `visible` is
+  // still true, so the effect below does not immediately reopen it.
+  const closedByStoreRef = useRef(false);
+  const propsRef = useLatest(props);
+  const snapshot = useSyncExternalStore(overlayStore.subscribe, overlayStore.getSnapshot, overlayStore.getSnapshot);
+  const entry = useMemo(() => entryId ? snapshot.entries.find(e => e.id === entryId) ?? snapshot.queued.find(e => e.id === entryId) : undefined, [entryId, snapshot]);
+  useEffect(() => {
+    if (!visible) {
+      closedByStoreRef.current = false;
+      if (entryId) {
+        overlayStore.dismiss(entryId, 'programmatic');
+      }
+      return;
+    }
+    if (entryId || closedByStoreRef.current) {
+      return;
+    }
+    cycleRef.current += 1;
+    const id = `overlay-view${baseId}${cycleRef.current}`;
+    overlayStore.request({
+      id,
+      scope,
+      hostKey,
+      ownerKey,
+      level,
+      strategy,
+      priority,
+      replaceKey,
+      blocking,
+      dismissible: dismissOnBackPress,
+      statusBarStyle
+    }, {
+      onRemoved: reason => {
+        setEntryId(current => current === id ? undefined : current);
+        if (reason !== 'programmatic') {
+          closedByStoreRef.current = true;
+        }
+        propsRef.current.onClose?.(reason);
+      }
+    });
+    setEntryId(id);
+    // Level / strategy changes apply to the next open cycle only.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [visible, entryId]);
+  useEffect(() => () => {
+    if (entryId) {
+      overlayStore.dismiss(entryId, 'system');
+      overlayStore.finalize(entryId);
+    }
+  }, [entryId]);
+  const resolvedAnimation = useMemo(() => resolveOverlayAnimation(presentation, animation, OVERLAY_MOTION_PRESETS), [presentation, animation]);
+  const onHostPresented = useCallback(() => {
+    propsRef.current.onPresented?.();
+  }, [propsRef]);
+  const onHostDismissed = useCallback(() => {
+    if (!entryId) {
+      return;
+    }
+    const phase = overlayStore.getEntry(entryId)?.phase;
+    if (phase === 'active') {
+      // Native closed it on its own, e.g. a lower sheet in the same level
+      // window was dismissed and UIKit took the ones above with it.
+      overlayStore.dismiss(entryId, 'system');
+    }
+    overlayStore.finalize(entryId);
+  }, [entryId]);
+  const onHostRequestDismiss = useCallback(reason => {
+    const handler = propsRef.current.onRequestDismiss;
+    handler?.(reason);
+    if (entryId && (!handler || reason === 'pan')) {
+      overlayStore.dismiss(entryId, reason);
+    }
+  }, [entryId, propsRef]);
+  return {
+    entry,
+    mounted: !!entry && entry.phase !== 'queued',
+    presented: !!entry && entry.phase === 'active' && (scope === 'page' || !entry.suspended),
+    scope,
+    ownsStatusBar: !!entryId && findStatusBarOwner(snapshot)?.id === entryId,
+    hostKey: scope === 'page' ? hostKey : undefined,
+    ownerKey: scope === 'page' ? ownerKey : undefined,
+    animation: resolvedAnimation,
+    onHostPresented,
+    onHostDismissed,
+    onHostRequestDismiss
+  };
+}
+//# sourceMappingURL=useOverlayController.js.map

package/lib/module/useOverlayController.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useId","useMemo","useRef","useState","useSyncExternalStore","OVERLAY_MOTION_PRESETS","resolveOverlayAnimation","useOverlayPageScope","findStatusBarOwner","overlayStore","useLatest","value","ref","current","useOverlayController","props","visible","level","strategy","priority","replaceKey","blocking","dismissOnBackPress","presentation","animation","statusBarStyle","pageScope","hostKey","ownerKey","scope","baseId","cycleRef","entryId","setEntryId","closedByStoreRef","propsRef","snapshot","subscribe","getSnapshot","entry","entries","find","e","id","queued","undefined","dismiss","request","dismissible","onRemoved","reason","onClose","finalize","resolvedAnimation","onHostPresented","onPresented","onHostDismissed","phase","getEntry","onHostRequestDismiss","handler","onRequestDismiss","mounted","presented","suspended","ownsStatusBar"],"sourceRoot":"../../src","sources":["useOverlayController.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/useSuspendedPageOwners.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { useMemo, useSyncExternalStore } from 'react';
+import { overlayStore } from "./OverlayStore.js";
+
+/**
+ * Owners whose page overlays in `hostKey` must be hidden. The page host
+ * applies this natively: the owning page may be frozen (freezeOnBlur) and
+ * cannot re-render its own overlays.
+ */
+export function useSuspendedPageOwners(hostKey) {
+  const snapshot = useSyncExternalStore(overlayStore.subscribe, overlayStore.getSnapshot, overlayStore.getSnapshot);
+  const joined = snapshot.entries.filter(e => e.scope === 'page' && e.hostKey === hostKey && e.suspended).map(e => e.ownerKey ?? '').filter(Boolean).toSorted().join('\n');
+  return useMemo(() => joined ? [...new Set(joined.split('\n'))] : [], [joined]);
+}
+//# sourceMappingURL=useSuspendedPageOwners.js.map

package/lib/module/useSuspendedPageOwners.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useSyncExternalStore","overlayStore","useSuspendedPageOwners","hostKey","snapshot","subscribe","getSnapshot","joined","entries","filter","e","scope","suspended","map","ownerKey","Boolean","toSorted","join","Set","split"],"sourceRoot":"../../src","sources":["useSuspendedPageOwners.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,oBAAoB,QAAQ,OAAO;AAErD,SAASC,YAAY,QAAQ,mBAAgB;;AAE7C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAACC,OAAe,EAAY;EAChE,MAAMC,QAAQ,GAAGJ,oBAAoB,CACnCC,YAAY,CAACI,SAAS,EACtBJ,YAAY,CAACK,WAAW,EACxBL,YAAY,CAACK,WACf,CAAC;EACD,MAAMC,MAAM,GAAGH,QAAQ,CAACI,OAAO,CAC5BC,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,KAAK,MAAM,IAAID,CAAC,CAACP,OAAO,KAAKA,OAAO,IAAIO,CAAC,CAACE,SAAS,CAAC,CACzEC,GAAG,CAAEH,CAAC,IAAKA,CAAC,CAACI,QAAQ,IAAI,EAAE,CAAC,CAC5BL,MAAM,CAACM,OAAO,CAAC,CACfC,QAAQ,CAAC,CAAC,CACVC,IAAI,CAAC,IAAI,CAAC;EACb,OAAOlB,OAAO,CACZ,MAAOQ,MAAM,GAAG,CAAC,GAAG,IAAIW,GAAG,CAACX,MAAM,CAACY,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAG,EACtD,CAACZ,MAAM,CACT,CAAC;AACH","ignoreList":[]}

package/lib/module/web/animateTransition.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import { springToCssLinear } from "../animation/spring.js";
+/** Union of the rendered children rects; the content wrapper is full-window. */
+export function measureContentExtent(container) {
+  const rects = Array.from(container.children).map(child => child.getBoundingClientRect());
+  if (rects.length === 0) {
+    return {
+      top: 0,
+      bottom: window.innerHeight,
+      left: 0,
+      right: window.innerWidth
+    };
+  }
+  return {
+    top: Math.min(...rects.map(r => r.top)),
+    bottom: Math.max(...rects.map(r => r.bottom)),
+    left: Math.min(...rects.map(r => r.left)),
+    right: Math.max(...rects.map(r => r.right))
+  };
+}
+function toTiming(motion) {
+  if (motion.type === 'timing') {
+    const [x1, y1, x2, y2] = motion.timing.easing;
+    return {
+      duration: motion.timing.durationMs,
+      easing: `cubic-bezier(${x1}, ${y1}, ${x2}, ${y2})`
+    };
+  }
+  const {
+    durationMs,
+    easing
+  } = springToCssLinear(motion.spring);
+  return {
+    duration: durationMs,
+    easing
+  };
+}
+function prefersReducedMotion() {
+  return typeof globalThis.matchMedia === 'function' && globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
+
+/** The off-stage keyframe for a transition: where enter starts / exit ends. */
+function hiddenKeyframe(transition, extent) {
+  const frame = {};
+  if (transition.fade || transition.type === 'fade') {
+    frame.opacity = 0;
+  }
+  if (transition.type === 'slide') {
+    const edge = transition.edge ?? 'bottom';
+    const distance = transition.distance ?? {
+      top: extent.bottom,
+      bottom: window.innerHeight - extent.top,
+      left: extent.right,
+      right: window.innerWidth - extent.left
+    }[edge];
+    frame.transform = {
+      top: `translate3d(0, ${-distance}px, 0)`,
+      bottom: `translate3d(0, ${distance}px, 0)`,
+      left: `translate3d(${-distance}px, 0, 0)`,
+      right: `translate3d(${distance}px, 0, 0)`
+    }[edge];
+  } else if (transition.type === 'scale') {
+    frame.transform = `translate3d(0, ${transition.offsetY ?? 0}px, 0) scale(${transition.scale ?? 0.95})`;
+  }
+  return frame;
+}
+const VISIBLE_KEYFRAME = {
+  opacity: 1,
+  transform: 'translate3d(0, 0, 0) scale(1)'
+};
+
+/**
+ * Runs an enter (`direction: 'in'`) or exit transition on `element`. The
+ * slide distance and scale origin come from the children of `contentRoot`,
+ * because the content wrapper itself always fills the window.
+ */
+export function animateTransition(element, contentRoot, transition, direction) {
+  if (transition.type === 'none') {
+    return undefined;
+  }
+  const effective = prefersReducedMotion() ? {
+    ...transition,
+    type: 'fade',
+    fade: true
+  } : transition;
+  const extent = measureContentExtent(contentRoot);
+  element.style.transformOrigin = `${(extent.left + extent.right) / 2}px ${(extent.top + extent.bottom) / 2}px`;
+  const hidden = hiddenKeyframe(effective, extent);
+  const visible = {};
+  Object.keys(hidden).forEach(key => {
+    visible[key] = VISIBLE_KEYFRAME[key];
+  });
+  const keyframes = direction === 'in' ? [hidden, visible] : [visible, hidden];
+  return element.animate(keyframes, {
+    ...toTiming(effective.motion),
+    fill: 'forwards'
+  });
+}
+export function animateBackdrop(element, motion, direction) {
+  const keyframes = direction === 'in' ? [{
+    opacity: 0
+  }, {
+    opacity: 1
+  }] : [{
+    opacity: 1
+  }, {
+    opacity: 0
+  }];
+  return element.animate(keyframes, {
+    ...toTiming(motion),
+    fill: 'forwards'
+  });
+}
+//# sourceMappingURL=animateTransition.js.map

package/lib/module/web/animateTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["springToCssLinear","measureContentExtent","container","rects","Array","from","children","map","child","getBoundingClientRect","length","top","bottom","window","innerHeight","left","right","innerWidth","Math","min","r","max","toTiming","motion","type","x1","y1","x2","y2","timing","easing","duration","durationMs","spring","prefersReducedMotion","globalThis","matchMedia","matches","hiddenKeyframe","transition","extent","frame","fade","opacity","edge","distance","transform","offsetY","scale","VISIBLE_KEYFRAME","animateTransition","element","contentRoot","direction","undefined","effective","style","transformOrigin","hidden","visible","Object","keys","forEach","key","keyframes","animate","fill","animateBackdrop"],"sourceRoot":"../../../src","sources":["web/animateTransition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/overlayLayers.js

@@ -0,0 +1,147 @@
+"use strict";
+
+import { OVERLAY_LEVELS, OVERLAY_LEVEL_ORDER, OVERLAY_WEB_Z_INDEX_BASE } from "../OverlayLevels.js";
+import { overlayStore } from "../OverlayStore.js";
+const LAYER_ATTRIBUTE = 'data-onekey-overlay-layer';
+export const ENTRY_ATTRIBUTE = 'data-onekey-overlay-entry';
+const APP_ROOT_ID = 'root';
+const layerRoots = new Map();
+const pageHosts = new Map();
+const dismissRequesters = new Map();
+let installed = false;
+function createLayerRoot(level) {
+  const root = document.createElement('div');
+  root.setAttribute(LAYER_ATTRIBUTE, level);
+  Object.assign(root.style, {
+    position: 'fixed',
+    inset: '0',
+    pointerEvents: 'none',
+    zIndex: String(OVERLAY_WEB_Z_INDEX_BASE[level]),
+    isolation: 'isolate'
+  });
+  // Keep DOM order equal to level order so equal z-index ties stay correct.
+  const next = OVERLAY_LEVELS.slice(OVERLAY_LEVELS.indexOf(level) + 1).map(l => layerRoots.get(l)).find(Boolean);
+  document.body.insertBefore(root, next ?? null);
+  return root;
+}
+function setInert(element, inert) {
+  if (element && element.inert !== inert) {
+    element.inert = inert;
+  }
+}
+
+// Elements outside a page host made inert for a blocking page overlay.
+let pageInertElements = new Set();
+
+/**
+ * A page host lives inside the app root, so a blocking page overlay cannot
+ * inert the app root; inert every sibling on the path from the host up to it
+ * instead (other routes, the page itself, navigation chrome).
+ */
+function siblingsOutside(host, root) {
+  const siblings = new Set();
+  let node = host;
+  while (node !== root && node.parentElement) {
+    const parent = node.parentElement;
+    for (const sibling of Array.from(parent.children)) {
+      if (sibling !== node && sibling instanceof HTMLElement) {
+        siblings.add(sibling);
+      }
+    }
+    node = parent;
+  }
+  return siblings;
+}
+function inertEntriesBelow(container, seq) {
+  container.querySelectorAll(`[${ENTRY_ATTRIBUTE}]`).forEach(node => {
+    setInert(node, Number(node.dataset.stackOrder) < seq);
+  });
+}
+
+/** Everything rendered below the topmost blocking entry becomes inert. */
+function syncInert() {
+  const top = overlayStore.getBlockingTop();
+  const appRoot = document.getElementById(APP_ROOT_ID);
+  let nextPageInert = new Set();
+  const pageHost = top?.scope === 'page' ? getOverlayPageHost(top.hostKey) : undefined;
+  if (top && pageHost && appRoot?.contains(pageHost)) {
+    setInert(appRoot, false);
+    nextPageInert = siblingsOutside(pageHost, appRoot);
+    inertEntriesBelow(pageHost, top.seq);
+  } else {
+    setInert(appRoot, !!top);
+  }
+  pageInertElements.forEach(element => {
+    if (!nextPageInert.has(element)) {
+      setInert(element, false);
+    }
+  });
+  nextPageInert.forEach(element => setInert(element, true));
+  pageInertElements = nextPageInert;
+  for (const [level, root] of layerRoots) {
+    // Global layers render above every page overlay.
+    const below = top?.scope === 'global' && OVERLAY_LEVEL_ORDER[level] < OVERLAY_LEVEL_ORDER[top.level];
+    setInert(root, below);
+    if (top?.scope === 'global' && level === top.level) {
+      inertEntriesBelow(root, top.seq);
+    }
+  }
+}
+function onKeyDown(event) {
+  // Escape while composing belongs to the IME.
+  if (event.key !== 'Escape' || event.isComposing || event.keyCode === 229) {
+    return;
+  }
+  const resolution = overlayStore.resolveBack();
+  if (resolution.kind === 'pass') {
+    return;
+  }
+  event.stopPropagation();
+  event.preventDefault();
+  if (resolution.kind === 'dismiss') {
+    dismissRequesters.get(resolution.id)?.('back');
+  }
+}
+function installOverlayWebManager() {
+  if (installed || typeof document === 'undefined') {
+    return;
+  }
+  installed = true;
+  overlayStore.subscribe(syncInert);
+  document.addEventListener('keydown', onKeyDown, true);
+}
+export function getOverlayLayerRoot(level) {
+  installOverlayWebManager();
+  let root = layerRoots.get(level);
+  if (!root || !root.isConnected) {
+    root = createLayerRoot(level);
+    layerRoots.set(level, root);
+  }
+  return root;
+}
+export function registerOverlayDismissRequester(id, requester) {
+  dismissRequesters.set(id, requester);
+  return () => {
+    if (dismissRequesters.get(id) === requester) {
+      dismissRequesters.delete(id);
+    }
+  };
+}
+
+/** Re-run after entry DOM nodes mount, since the store emits before commit. */
+export function scheduleOverlayInertSync() {
+  requestAnimationFrame(syncInert);
+}
+export function registerOverlayPageHost(hostKey, element) {
+  installOverlayWebManager();
+  pageHosts.set(hostKey, element);
+  return () => {
+    if (pageHosts.get(hostKey) === element) {
+      pageHosts.delete(hostKey);
+    }
+  };
+}
+export function getOverlayPageHost(hostKey) {
+  return hostKey ? pageHosts.get(hostKey) : undefined;
+}
+//# sourceMappingURL=overlayLayers.js.map

package/lib/module/web/overlayLayers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OVERLAY_LEVELS","OVERLAY_LEVEL_ORDER","OVERLAY_WEB_Z_INDEX_BASE","overlayStore","LAYER_ATTRIBUTE","ENTRY_ATTRIBUTE","APP_ROOT_ID","layerRoots","Map","pageHosts","dismissRequesters","installed","createLayerRoot","level","root","document","createElement","setAttribute","Object","assign","style","position","inset","pointerEvents","zIndex","String","isolation","next","slice","indexOf","map","l","get","find","Boolean","body","insertBefore","setInert","element","inert","pageInertElements","Set","siblingsOutside","host","siblings","node","parentElement","parent","sibling","Array","from","children","HTMLElement","add","inertEntriesBelow","container","seq","querySelectorAll","forEach","Number","dataset","stackOrder","syncInert","top","getBlockingTop","appRoot","getElementById","nextPageInert","pageHost","scope","getOverlayPageHost","hostKey","undefined","contains","has","below","onKeyDown","event","key","isComposing","keyCode","resolution","resolveBack","kind","stopPropagation","preventDefault","id","installOverlayWebManager","subscribe","addEventListener","getOverlayLayerRoot","isConnected","set","registerOverlayDismissRequester","requester","delete","scheduleOverlayInertSync","requestAnimationFrame","registerOverlayPageHost"],"sourceRoot":"../../../src","sources":["web/overlayLayers.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/useKeyboardShift.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+/** Gap between centered content and the keyboard; matches native. */
+export const KEYBOARD_MARGIN = 16;
+
+/**
+ * How far to lift overlay content above the software keyboard (>= 0), the
+ * same rule as iOS and Android: a sheet until its bottom clears the
+ * keyboard, other content until its bottom is `KEYBOARD_MARGIN` above it,
+ * never above the top edge. Full-window content never moves.
+ */
+export function computeKeyboardShift({
+  keyboardTop,
+  contentTop,
+  contentBottom,
+  isSheet,
+  safeTop = 0
+}) {
+  if (keyboardTop === undefined) {
+    return 0;
+  }
+  const needed = isSheet ? contentBottom - keyboardTop : contentBottom + KEYBOARD_MARGIN - keyboardTop;
+  const room = contentTop - safeTop;
+  return Math.max(0, Math.min(needed, room));
+}
+
+/**
+ * Vertical extent of the rendered children of the full-window React root,
+ * relative to the content wrapper, from layout offsets (no transforms).
+ */
+function layoutExtent(content) {
+  const root = content?.firstElementChild;
+  if (!root) {
+    return undefined;
+  }
+  const children = Array.from(root.children).filter(child => child instanceof HTMLElement);
+  if (children.length === 0) {
+    return undefined;
+  }
+  return {
+    top: Math.min(...children.map(c => root.offsetTop + c.offsetTop)),
+    bottom: Math.max(...children.map(c => root.offsetTop + c.offsetTop + c.offsetHeight))
+  };
+}
+
+/**
+ * Mobile browsers shrink the visual viewport for the keyboard while fixed
+ * layers keep the layout viewport; lift the entry's keyboard layer by the
+ * covered part.
+ */
+export function useKeyboardShift({
+  layerRef,
+  sheetRef,
+  contentRef,
+  isSheet,
+  enabled
+}) {
+  const shiftRef = useRef(0);
+  useEffect(() => {
+    const viewport = globalThis.visualViewport;
+    const layer = layerRef.current;
+    if (!viewport || !layer || !enabled) {
+      return;
+    }
+    const update = () => {
+      const keyboardBottom = viewport.offsetTop + viewport.height;
+      const covered = globalThis.innerHeight - keyboardBottom;
+      const current = shiftRef.current;
+      // Layout geometry (offsets ignore transforms), placed from the entry,
+      // which never transforms: neither the lift (maybe mid-transition) nor
+      // the enter / exit animation may skew the resting frame.
+      const origin = layer.parentElement?.getBoundingClientRect().top ?? 0;
+      let top = origin;
+      let bottom = origin + layer.offsetHeight;
+      const sheet = sheetRef.current;
+      if (isSheet && sheet) {
+        top = origin + sheet.offsetTop;
+        bottom = top + sheet.offsetHeight;
+      } else {
+        const extent = layoutExtent(contentRef.current);
+        if (extent) {
+          top = origin + extent.top;
+          bottom = origin + extent.bottom;
+        }
+      }
+      const shift = computeKeyboardShift({
+        keyboardTop: covered > 1 ? keyboardBottom : undefined,
+        contentTop: top,
+        contentBottom: bottom,
+        isSheet
+      });
+      if (Math.abs(shift - current) < 0.5) {
+        return;
+      }
+      shiftRef.current = shift;
+      layer.style.transform = shift ? `translate3d(0, ${-shift}px, 0)` : '';
+    };
+    viewport.addEventListener('resize', update);
+    viewport.addEventListener('scroll', update);
+    update();
+    return () => {
+      viewport.removeEventListener('resize', update);
+      viewport.removeEventListener('scroll', update);
+      shiftRef.current = 0;
+      layer.style.transform = '';
+    };
+  }, [contentRef, enabled, isSheet, layerRef, sheetRef]);
+}
+//# sourceMappingURL=useKeyboardShift.js.map

package/lib/module/web/useKeyboardShift.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","KEYBOARD_MARGIN","computeKeyboardShift","keyboardTop","contentTop","contentBottom","isSheet","safeTop","undefined","needed","room","Math","max","min","layoutExtent","content","root","firstElementChild","children","Array","from","filter","child","HTMLElement","length","top","map","c","offsetTop","bottom","offsetHeight","useKeyboardShift","layerRef","sheetRef","contentRef","enabled","shiftRef","viewport","globalThis","visualViewport","layer","current","update","keyboardBottom","height","covered","innerHeight","origin","parentElement","getBoundingClientRect","sheet","extent","shift","abs","style","transform","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["web/useKeyboardShift.ts"],"mappings":"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","ignoreList":[]}