@buoy-gg/bottom-sheet 7.0.40 → 7.0.42

package/lib/commonjs/components/bottomSheetGeometry.js

@@ -1,86 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MIN_HEIGHT = exports.FLOATING_WIDTH = exports.FLOATING_MIN_HEIGHT = exports.FLOATING_HEIGHT = exports.DEFAULT_HEIGHT = void 0;
-exports.floatingMinWidth = floatingMinWidth;
-exports.resizeCorner = resizeCorner;
-exports.shouldCloseOnRelease = shouldCloseOnRelease;
-/**
- * Platform-free geometry for the BottomSheet.
- *
- * Extracted verbatim from the native implementation so the web port
- * (BottomSheet.web.tsx) shares the exact clamping behavior:
- * - corner-resize math: BottomSheet.tsx createResizeHandler (lines ~767-869)
- * - close heuristic: BottomSheet.tsx onPanResponderRelease (lines ~706-708)
- * The native file still carries its own inline copy; if you change one,
- * change both (candidate for a later native refactor to import this).
- */
-
-const MIN_HEIGHT = exports.MIN_HEIGHT = 100;
-const DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 400;
-const FLOATING_WIDTH = exports.FLOATING_WIDTH = 380;
-const FLOATING_HEIGHT = exports.FLOATING_HEIGHT = 500;
-const FLOATING_MIN_HEIGHT = exports.FLOATING_MIN_HEIGHT = 80;
-
-/** Native: FLOATING_MIN_WIDTH = SCREEN.width * 0.25 */
-function floatingMinWidth(screenWidth) {
-  return screenWidth * 0.25;
-}
-/**
- * 4-corner resize with safe-area-clamped bounds and min sizes.
- * Mirrors the switch in the native createResizeHandler exactly.
- */
-function resizeCorner(corner, start, dx, dy, container, insets, minWidth, minHeight = FLOATING_MIN_HEIGHT) {
-  const minLeft = Math.max(0, insets.left || 0);
-  const maxRight = container.width - Math.max(0, insets.right || 0);
-  const minTop = Math.max(0, insets.top || 0);
-  const maxBottom = container.height - Math.max(0, insets.bottom || 0);
-  const startRight = start.left + start.width;
-  const startBottom = start.top + start.height;
-  let left = start.left;
-  let top = start.top;
-  let right = startRight;
-  let bottom = startBottom;
-  switch (corner) {
-    case 'topLeft':
-      {
-        left = Math.max(minLeft, Math.min(start.left + dx, startRight - minWidth));
-        top = Math.max(minTop, Math.min(start.top + dy, startBottom - minHeight));
-        break;
-      }
-    case 'topRight':
-      {
-        right = Math.min(maxRight, Math.max(startRight + dx, start.left + minWidth));
-        top = Math.max(minTop, Math.min(start.top + dy, startBottom - minHeight));
-        break;
-      }
-    case 'bottomLeft':
-      {
-        left = Math.max(minLeft, Math.min(start.left + dx, startRight - minWidth));
-        bottom = Math.min(maxBottom, Math.max(startBottom + dy, start.top + minHeight));
-        break;
-      }
-    case 'bottomRight':
-      {
-        right = Math.min(maxRight, Math.max(startRight + dx, start.left + minWidth));
-        bottom = Math.min(maxBottom, Math.max(startBottom + dy, start.top + minHeight));
-        break;
-      }
-  }
-  return {
-    left,
-    top,
-    width: Math.max(minWidth, right - left),
-    height: Math.max(minHeight, bottom - top)
-  };
-}
-
-/**
- * Drag-to-dismiss heuristic. Native units: vy in px/ms (RN gestureState.vy),
- * dy total drag in px.
- */
-function shouldCloseOnRelease(vy, dy, finalHeight, minHeight) {
-  return vy > 0.8 && dy > 50 || dy > 150 && finalHeight <= minHeight;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MIN_HEIGHT=exports.FLOATING_WIDTH=exports.FLOATING_MIN_HEIGHT=exports.FLOATING_HEIGHT=exports.DEFAULT_HEIGHT=void 0;exports.floatingMinWidth=floatingMinWidth;exports.resizeCorner=resizeCorner;exports.shouldCloseOnRelease=shouldCloseOnRelease;const MIN_HEIGHT=exports.MIN_HEIGHT=100;const DEFAULT_HEIGHT=exports.DEFAULT_HEIGHT=400;const FLOATING_WIDTH=exports.FLOATING_WIDTH=380;const FLOATING_HEIGHT=exports.FLOATING_HEIGHT=500;const FLOATING_MIN_HEIGHT=exports.FLOATING_MIN_HEIGHT=80;function floatingMinWidth(a){return a*.25}function resizeCorner(a,t,o,e,s,x,h,M=FLOATING_MIN_HEIGHT){const H=Math.max(0,x.left||0);const l=s.width-Math.max(0,x.right||0);const G=Math.max(0,x.top||0);const c=s.height-Math.max(0,x.bottom||0);const I=t.left+t.width;const T=t.top+t.height;let n=t.left;let p=t.top;let m=I;let r=T;switch(a){case"topLeft":{n=Math.max(H,Math.min(t.left+o,I-h));p=Math.max(G,Math.min(t.top+e,T-M));break}case"topRight":{m=Math.min(l,Math.max(I+o,t.left+h));p=Math.max(G,Math.min(t.top+e,T-M));break}case"bottomLeft":{n=Math.max(H,Math.min(t.left+o,I-h));r=Math.min(c,Math.max(T+e,t.top+M));break}case"bottomRight":{m=Math.min(l,Math.max(I+o,t.left+h));r=Math.min(c,Math.max(T+e,t.top+M));break}}return{left:n,top:p,width:Math.max(h,m-n),height:Math.max(M,r-p)}}function shouldCloseOnRelease(a,t,o,e){return a>.8&&t>50||t>150&&o<=e}

package/lib/commonjs/components/useMultiTap.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiTap = useMultiTap;
-var _react = require("react");
-/**
- * Platform-free tap-count recognizer shared by the BottomSheet header and
- * floating window: 2 taps toggles mode, 3+ closes. Mirrors the native
- * implementation (BottomSheet.tsx ModalHeader.handleHeaderTap /
- * handleFloatingTap): 500ms reset window, 300ms settle timer.
- */
-
-function useMultiTap(onDouble, onTriple) {
-  const lastTapRef = (0, _react.useRef)(0);
-  const tapCountRef = (0, _react.useRef)(0);
-  const timeoutRef = (0, _react.useRef)(null);
-  // Latest-ref pattern so the returned handler stays stable without
-  // re-arming timers when callbacks change identity.
-  const handlersRef = (0, _react.useRef)({
-    onDouble,
-    onTriple
-  });
-  handlersRef.current = {
-    onDouble,
-    onTriple
-  };
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  const tapHandlerRef = (0, _react.useRef)(() => {
-    const now = Date.now();
-    if (now - lastTapRef.current > 500) {
-      tapCountRef.current = 0;
-    }
-    tapCountRef.current++;
-    lastTapRef.current = now;
-    if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    timeoutRef.current = setTimeout(() => {
-      if (tapCountRef.current === 2) {
-        handlersRef.current.onDouble();
-      } else if (tapCountRef.current >= 3) {
-        handlersRef.current.onTriple();
-      }
-      tapCountRef.current = 0;
-    }, 300);
-  });
-  return tapHandlerRef.current;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useMultiTap=useMultiTap;var _react=require("react");function useMultiTap(u,n){const c=(0,_react.useRef)(0);const e=(0,_react.useRef)(0);const r=(0,_react.useRef)(null);const t=(0,_react.useRef)({onDouble:u,onTriple:n});t.current={onDouble:u,onTriple:n};(0,_react.useEffect)(()=>{return()=>{if(r.current)clearTimeout(r.current)}},[]);const f=(0,_react.useRef)(()=>{const s=Date.now();if(s-c.current>500){e.current=0}e.current++;c.current=s;if(r.current)clearTimeout(r.current);r.current=setTimeout(()=>{if(e.current===2){t.current.onDouble()}else if(e.current>=3){t.current.onTriple()}e.current=0},300)});return f.current}

package/lib/commonjs/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.BottomSheet;
-  }
-});
-var _BottomSheet = require("./components/BottomSheet");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function(){return _BottomSheet.BottomSheet}});var _BottomSheet=require("./components/BottomSheet");

package/lib/commonjs/index.web.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.BottomSheet;
-  }
-});
-var _BottomSheet = require("./components/BottomSheet.web");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function(){return _BottomSheet.BottomSheet}});var _BottomSheet=require("./components/BottomSheet.web");