@trackunit/react-drawer 1.0.15 → 1.0.17

package/index.cjs.js

@@ -416,37 +416,36 @@ const SNAP_POINT_TRANSITION = "transform 500ms cubic-bezier(0.32,0.72,0,1)";
  */
 const SwipeableDrawer = react.forwardRef(({ open, onClose, onOpenGesture, onSnapPointChange, children, keepMountedWhenClosed, className, position = "bottom", snapPoints, activeSnapPoint: activeSnapPointProp = null, container, ...others }, ref) => {
     const drawerRef = react.useRef(null);
-    const containerRef = react.useRef(container !== null && container !== void 0 ? container : null);
+    const containerRef = react.useRef(container ?? null);
     const containerGeometry = reactComponents.useGeometry(containerRef);
     react.useImperativeHandle(ref, () => drawerRef.current);
     const [activeSnapPoint, setActiveSnapPoint] = react.useState(activeSnapPointProp);
     const [snapPointOffsets, setSnapPointOffsets] = react.useState([]);
     const isLastSnapPoint = react.useMemo(() => {
-        return activeSnapPoint === (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[snapPoints.length - 1]);
+        return activeSnapPoint === snapPoints?.[snapPoints.length - 1];
     }, [activeSnapPoint, snapPoints]);
     const isFirstSnapPoint = react.useMemo(() => {
-        return activeSnapPoint === (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0]);
+        return activeSnapPoint === snapPoints?.[0];
     }, [activeSnapPoint, snapPoints]);
-    const activeSnapPointIndex = react.useMemo(() => { var _a; return (_a = snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.findIndex(snapPoint => snapPoint === activeSnapPoint)) !== null && _a !== void 0 ? _a : -1; }, [snapPoints, activeSnapPoint]);
+    const activeSnapPointIndex = react.useMemo(() => snapPoints?.findIndex(snapPoint => snapPoint === activeSnapPoint) ?? -1, [snapPoints, activeSnapPoint]);
     const onHandleDragEnd = react.useCallback((draggedBy, velocity) => {
-        var _a, _b, _c;
         if (!snapPoints || !snapPoints.length) {
             return;
         }
         const direction = draggedBy > 0 ? -1 : 1;
         // If the velocity is greater than the threshold and the dragged distance is less than 40% of the container height, snap to the next snap point
         if (velocity > VELOCITY_THRESHOLD && Math.abs(draggedBy) < containerGeometry.height * 0.4) {
-            const newSnapPoint = (_a = snapPoints[activeSnapPointIndex + direction]) !== null && _a !== void 0 ? _a : null;
+            const newSnapPoint = snapPoints[activeSnapPointIndex + direction] ?? null;
             if (newSnapPoint) {
                 setActiveSnapPoint(newSnapPoint);
-                onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(newSnapPoint);
+                onSnapPointChange?.(newSnapPoint);
             }
             return;
         }
         // Otherwise, find the closest snap point
         // This is when the user is dragging but not swiping.
         // For example, when the user is dragging the drawer to the bottom but not fast enough to trigger a swipe.
-        const currentPosition = ((_b = snapPointOffsets[activeSnapPointIndex]) !== null && _b !== void 0 ? _b : 0) + draggedBy;
+        const currentPosition = (snapPointOffsets[activeSnapPointIndex] ?? 0) + draggedBy;
         const closestSnapPoint = snapPointOffsets.reduce((prev, curr) => {
             if (typeof prev !== "number" || typeof curr !== "number") {
                 return prev;
@@ -454,12 +453,12 @@ const SwipeableDrawer = react.forwardRef(({ open, onClose, onOpenGesture, onSnap
             return Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition) ? curr : prev;
         });
         const snapPointIndex = snapPointOffsets.findIndex(offset => offset === closestSnapPoint);
-        const nextSnapPoint = (_c = snapPoints[snapPointIndex]) !== null && _c !== void 0 ? _c : null;
+        const nextSnapPoint = snapPoints[snapPointIndex] ?? null;
         if (!nextSnapPoint) {
             return;
         }
         setActiveSnapPoint(nextSnapPoint);
-        onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(nextSnapPoint);
+        onSnapPointChange?.(nextSnapPoint);
     }, [snapPoints, snapPointOffsets, activeSnapPointIndex, containerGeometry, onSnapPointChange]);
     const { handlers, isDragging, dragDistance } = useSwipeHandlers({
         ref: drawerRef,
@@ -511,17 +510,16 @@ const SwipeableDrawer = react.forwardRef(({ open, onClose, onOpenGesture, onSnap
         }
     }, [container]);
     react.useEffect(() => {
-        var _a;
         if (!snapPoints || snapPoints.length === 0) {
             return;
         }
         const snapPointIndex = snapPoints.findIndex(offset => offset === activeSnapPointProp);
-        const nextSnapPoint = (_a = snapPoints[snapPointIndex > -1 ? snapPointIndex : 0]) !== null && _a !== void 0 ? _a : null;
+        const nextSnapPoint = snapPoints[snapPointIndex > -1 ? snapPointIndex : 0] ?? null;
         if (!nextSnapPoint) {
             return;
         }
         setActiveSnapPoint(nextSnapPoint);
-        onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(nextSnapPoint);
+        onSnapPointChange?.(nextSnapPoint);
     }, [snapPoints, activeSnapPointProp, onSnapPointChange]);
     const drawerStyle = react.useMemo(() => {
         if (isDragging) {
@@ -539,13 +537,12 @@ const SwipeableDrawer = react.forwardRef(({ open, onClose, onOpenGesture, onSnap
         return {};
     }, [isDragging, dragDistance, snapPointOffsets, activeSnapPointIndex, snapPoints]);
     react.useEffect(() => {
-        var _a, _b;
         if (!drawerRef.current) {
             return;
         }
         if (open) {
-            drawerRef.current.style.transform = (_a = drawerStyle.transform) !== null && _a !== void 0 ? _a : "";
-            drawerRef.current.style.transition = (_b = drawerStyle.transition) !== null && _b !== void 0 ? _b : "";
+            drawerRef.current.style.transform = drawerStyle.transform ?? "";
+            drawerRef.current.style.transition = drawerStyle.transition ?? "";
         }
         else {
             drawerRef.current.style.transform = "";

package/index.esm.js

@@ -414,37 +414,36 @@ const SNAP_POINT_TRANSITION = "transform 500ms cubic-bezier(0.32,0.72,0,1)";
  */
 const SwipeableDrawer = forwardRef(({ open, onClose, onOpenGesture, onSnapPointChange, children, keepMountedWhenClosed, className, position = "bottom", snapPoints, activeSnapPoint: activeSnapPointProp = null, container, ...others }, ref) => {
     const drawerRef = useRef(null);
-    const containerRef = useRef(container !== null && container !== void 0 ? container : null);
+    const containerRef = useRef(container ?? null);
     const containerGeometry = useGeometry(containerRef);
     useImperativeHandle(ref, () => drawerRef.current);
     const [activeSnapPoint, setActiveSnapPoint] = useState(activeSnapPointProp);
     const [snapPointOffsets, setSnapPointOffsets] = useState([]);
     const isLastSnapPoint = useMemo(() => {
-        return activeSnapPoint === (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[snapPoints.length - 1]);
+        return activeSnapPoint === snapPoints?.[snapPoints.length - 1];
     }, [activeSnapPoint, snapPoints]);
     const isFirstSnapPoint = useMemo(() => {
-        return activeSnapPoint === (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0]);
+        return activeSnapPoint === snapPoints?.[0];
     }, [activeSnapPoint, snapPoints]);
-    const activeSnapPointIndex = useMemo(() => { var _a; return (_a = snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.findIndex(snapPoint => snapPoint === activeSnapPoint)) !== null && _a !== void 0 ? _a : -1; }, [snapPoints, activeSnapPoint]);
+    const activeSnapPointIndex = useMemo(() => snapPoints?.findIndex(snapPoint => snapPoint === activeSnapPoint) ?? -1, [snapPoints, activeSnapPoint]);
     const onHandleDragEnd = useCallback((draggedBy, velocity) => {
-        var _a, _b, _c;
         if (!snapPoints || !snapPoints.length) {
             return;
         }
         const direction = draggedBy > 0 ? -1 : 1;
         // If the velocity is greater than the threshold and the dragged distance is less than 40% of the container height, snap to the next snap point
         if (velocity > VELOCITY_THRESHOLD && Math.abs(draggedBy) < containerGeometry.height * 0.4) {
-            const newSnapPoint = (_a = snapPoints[activeSnapPointIndex + direction]) !== null && _a !== void 0 ? _a : null;
+            const newSnapPoint = snapPoints[activeSnapPointIndex + direction] ?? null;
             if (newSnapPoint) {
                 setActiveSnapPoint(newSnapPoint);
-                onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(newSnapPoint);
+                onSnapPointChange?.(newSnapPoint);
             }
             return;
         }
         // Otherwise, find the closest snap point
         // This is when the user is dragging but not swiping.
         // For example, when the user is dragging the drawer to the bottom but not fast enough to trigger a swipe.
-        const currentPosition = ((_b = snapPointOffsets[activeSnapPointIndex]) !== null && _b !== void 0 ? _b : 0) + draggedBy;
+        const currentPosition = (snapPointOffsets[activeSnapPointIndex] ?? 0) + draggedBy;
         const closestSnapPoint = snapPointOffsets.reduce((prev, curr) => {
             if (typeof prev !== "number" || typeof curr !== "number") {
                 return prev;
@@ -452,12 +451,12 @@ const SwipeableDrawer = forwardRef(({ open, onClose, onOpenGesture, onSnapPointC
             return Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition) ? curr : prev;
         });
         const snapPointIndex = snapPointOffsets.findIndex(offset => offset === closestSnapPoint);
-        const nextSnapPoint = (_c = snapPoints[snapPointIndex]) !== null && _c !== void 0 ? _c : null;
+        const nextSnapPoint = snapPoints[snapPointIndex] ?? null;
         if (!nextSnapPoint) {
             return;
         }
         setActiveSnapPoint(nextSnapPoint);
-        onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(nextSnapPoint);
+        onSnapPointChange?.(nextSnapPoint);
     }, [snapPoints, snapPointOffsets, activeSnapPointIndex, containerGeometry, onSnapPointChange]);
     const { handlers, isDragging, dragDistance } = useSwipeHandlers({
         ref: drawerRef,
@@ -509,17 +508,16 @@ const SwipeableDrawer = forwardRef(({ open, onClose, onOpenGesture, onSnapPointC
         }
     }, [container]);
     useEffect(() => {
-        var _a;
         if (!snapPoints || snapPoints.length === 0) {
             return;
         }
         const snapPointIndex = snapPoints.findIndex(offset => offset === activeSnapPointProp);
-        const nextSnapPoint = (_a = snapPoints[snapPointIndex > -1 ? snapPointIndex : 0]) !== null && _a !== void 0 ? _a : null;
+        const nextSnapPoint = snapPoints[snapPointIndex > -1 ? snapPointIndex : 0] ?? null;
         if (!nextSnapPoint) {
             return;
         }
         setActiveSnapPoint(nextSnapPoint);
-        onSnapPointChange === null || onSnapPointChange === void 0 ? void 0 : onSnapPointChange(nextSnapPoint);
+        onSnapPointChange?.(nextSnapPoint);
     }, [snapPoints, activeSnapPointProp, onSnapPointChange]);
     const drawerStyle = useMemo(() => {
         if (isDragging) {
@@ -537,13 +535,12 @@ const SwipeableDrawer = forwardRef(({ open, onClose, onOpenGesture, onSnapPointC
         return {};
     }, [isDragging, dragDistance, snapPointOffsets, activeSnapPointIndex, snapPoints]);
     useEffect(() => {
-        var _a, _b;
         if (!drawerRef.current) {
             return;
         }
         if (open) {
-            drawerRef.current.style.transform = (_a = drawerStyle.transform) !== null && _a !== void 0 ? _a : "";
-            drawerRef.current.style.transition = (_b = drawerStyle.transition) !== null && _b !== void 0 ? _b : "";
+            drawerRef.current.style.transform = drawerStyle.transform ?? "";
+            drawerRef.current.style.transition = drawerStyle.transition ?? "";
         }
         else {
             drawerRef.current.style.transform = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-drawer",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,10 +9,10 @@
   "dependencies": {
     "react": "18.3.1",
     "react-swipeable": "^7.0.1",
-    "@trackunit/react-components": "^1.0.13",
+    "@trackunit/react-components": "^1.1.0",
     "@trackunit/css-class-variance-utilities": "^1.0.1",
     "@trackunit/ui-icons": "^1.0.3",
-    "@trackunit/i18n-library-translation": "^1.0.7"
+    "@trackunit/i18n-library-translation": "^1.0.8"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",