@seed-design/react-drawer 1.0.3 → 1.0.4

package/lib/{Drawer-12s-Cg9AJtdN.js → Drawer-12s-BOMSoUDc.js}

@@ -1114,7 +1114,7 @@ const LONG_HANDLE_PRESS_TIMEOUT = 250;
 const DOUBLE_TAP_TIMEOUT = 120;
 const DrawerHandle = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { preventCycle = false, children, ...rest } = props;
-    const { closeDrawer, isDragging, snapPoints, activeSnapPoint, setActiveSnapPoint, dismissible, handleOnly, isOpen, onPress, onDrag } = useDrawerContext();
+    const { closeDrawer, isDragging, snapPoints, activeSnapPoint, setActiveSnapPoint, dismissible, handleOnly, isOpen, onPress, onDrag, onRelease } = useDrawerContext();
     const closeTimeoutIdRef = useRef(null);
     const shouldCancelInteractionRef = useRef(false);
     function handleStartCycle() {
@@ -1174,7 +1174,10 @@ const DrawerHandle = /*#__PURE__*/ forwardRef((props, ref)=>{
         onPointerMove: (e)=>{
             if (handleOnly) onDrag(e);
         },
-        // onPointerUp is already handled by the content component
+        onPointerUp: (e)=>{
+            if (handleOnly) onRelease(e);
+            handleCancelInteraction();
+        },
         "data-drawer-visible": isOpen ? "true" : "false",
         "data-handle": "",
         "aria-hidden": "true",

package/lib/{Drawer-12s-D1dD-wen.cjs → Drawer-12s-Yr_NcCoF.cjs}

@@ -1137,7 +1137,7 @@ const LONG_HANDLE_PRESS_TIMEOUT = 250;
 const DOUBLE_TAP_TIMEOUT = 120;
 const DrawerHandle = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { preventCycle = false, children, ...rest } = props;
-    const { closeDrawer, isDragging, snapPoints, activeSnapPoint, setActiveSnapPoint, dismissible, handleOnly, isOpen, onPress, onDrag } = useDrawerContext();
+    const { closeDrawer, isDragging, snapPoints, activeSnapPoint, setActiveSnapPoint, dismissible, handleOnly, isOpen, onPress, onDrag, onRelease } = useDrawerContext();
     const closeTimeoutIdRef = React.useRef(null);
     const shouldCancelInteractionRef = React.useRef(false);
     function handleStartCycle() {
@@ -1197,7 +1197,10 @@ const DrawerHandle = /*#__PURE__*/ React.forwardRef((props, ref)=>{
         onPointerMove: (e)=>{
             if (handleOnly) onDrag(e);
         },
-        // onPointerUp is already handled by the content component
+        onPointerUp: (e)=>{
+            if (handleOnly) onRelease(e);
+            handleCancelInteraction();
+        },
         "data-drawer-visible": isOpen ? "true" : "false",
         "data-handle": "",
         "aria-hidden": "true",

package/lib/index.cjs

@@ -1,4 +1,4 @@
-var Drawer12s = require('./Drawer-12s-D1dD-wen.cjs');
+var Drawer12s = require('./Drawer-12s-Yr_NcCoF.cjs');
 
 var Drawer_namespace = {
   __proto__: null,

package/lib/index.js

@@ -1,5 +1,5 @@
-import { D as DrawerBackdrop, a as DrawerCloseButton, b as DrawerContent, c as DrawerDescription, d as DrawerHandle, e as DrawerPositioner, f as DrawerRoot, g as DrawerTitle, h as DrawerTrigger } from './Drawer-12s-Cg9AJtdN.js';
-export { u as useDrawer, i as useDrawerContext } from './Drawer-12s-Cg9AJtdN.js';
+import { D as DrawerBackdrop, a as DrawerCloseButton, b as DrawerContent, c as DrawerDescription, d as DrawerHandle, e as DrawerPositioner, f as DrawerRoot, g as DrawerTitle, h as DrawerTrigger } from './Drawer-12s-BOMSoUDc.js';
+export { u as useDrawer, i as useDrawerContext } from './Drawer-12s-BOMSoUDc.js';
 
 var Drawer_namespace = {
   __proto__: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/react-drawer",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",

package/src/Drawer.tsx

@@ -325,6 +325,7 @@ export const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>((props
     isOpen,
     onPress,
     onDrag,
+    onRelease,
   } = useDrawerContext();
 
   const closeTimeoutIdRef = useRef<number | null>(null);
@@ -396,7 +397,10 @@ export const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>((props
       onPointerMove={(e) => {
         if (handleOnly) onDrag(e);
       }}
-      // onPointerUp is already handled by the content component
+      onPointerUp={(e) => {
+        if (handleOnly) onRelease(e);
+        handleCancelInteraction();
+      }}
       data-drawer-visible={isOpen ? "true" : "false"}
       data-handle=""
       aria-hidden="true"