feat(update): minor changes

Author: mgcrea

src/components/Droppable.tsx

@@ -38,7 +38,7 @@ export const Droppable: FunctionComponent<PropsWithChildren<DroppableProps>> = (
   animatedStyleWorklet,
   ...otherProps
 }) => {
-  const { setNodeRef, setNodeLayout, activeId } = useDroppable({
+  const { animatedRef, setNodeLayout, activeId } = useDroppable({
     id,
     disabled,
     data,
@@ -56,7 +56,7 @@ export const Droppable: FunctionComponent<PropsWithChildren<DroppableProps>> = (
   }, [id, activeOpacity]);
 
   return (
-    <Animated.View ref={setNodeRef} onLayout={setNodeLayout} style={[style, animatedStyle]} {...otherProps}>
+    <Animated.View ref={animatedRef} onLayout={setNodeLayout} style={[style, animatedStyle]} {...otherProps}>
       {children}
     </Animated.View>
   );

src/hooks/useDraggable.ts

@@ -2,17 +2,11 @@
 
 import { useLayoutEffect } from "react";
 import { LayoutRectangle, ViewProps } from "react-native";
-import {
-  measure,
-  runOnUI,
-  useAnimatedReaction,
-  useAnimatedRef,
-  useSharedValue,
-} from "react-native-reanimated";
+import { runOnUI, useAnimatedReaction, useAnimatedRef, useSharedValue } from "react-native-reanimated";
 import { DraggableState, useDndContext } from "../DndContext";
 import { useLatestSharedValue } from "../hooks";
 import { Data, UniqueIdentifier } from "../types";
-import { getLayoutFromMeasurement, isReanimatedSharedValue, updateLayoutValue, waitForLayout } from "../utils";
+import { isReanimatedSharedValue, updateLayoutValue, waitForLayout } from "../utils";
 import { useSharedPoint } from "./useSharedPoint";
 
 export type DraggableConstraints = {
@@ -39,14 +33,6 @@ export type UseDraggableOptions = Partial<DraggableConstraints> & {
  * @param {boolean} [options.disabled=false] - A flag that indicates whether the draggable component is disabled.
  * @param {number} [options.activationDelay=0] - A number representing the duration, in milliseconds, that this draggable item needs to be held for before allowing a drag to start.
  * @param {number} [options.activationTolerance=Infinity] - A number representing the distance, in points, of motion that is tolerated before the drag operation is aborted.
- *
- * @returns {object} Returns an object with properties and methods related to the draggable component.
- * @property {object} offset - An object representing the current offset of the draggable component.
- * @property {Function} setNodeRef - A function that can be used to set the ref of the draggable component.
- * @property {string} activeId - The unique identifier of the currently active draggable component.
- * @property {string} actingId - The unique identifier of the currently interacti draggable component.
- * @property {Function} setNodeLayout - A function that handles the layout event of the draggable component.
- * @property {object} draggableState - An object representing the current state of the draggable component.
  */
 export const useDraggable = ({
   id,

src/hooks/useDroppable.ts

@@ -21,12 +21,6 @@ export type UseDroppableOptions = { id: UniqueIdentifier; data?: Data; disabled?
  * @param {string} options.id - A unique identifier for the droppable component.
  * @param {object} [options.data={}] - Optional data associated with the droppable component.
  * @param {boolean} [options.disabled=false] - A flag that indicates whether the droppable component is disabled.
- *
- * @returns {object} Returns an object with properties and methods related to the droppable component.
- * @property {Function} setNodeRef - A function that can be used to set the ref of the droppable component.
- * @property {Function} setNodeLayout - A function that handles the layout event of the droppable component.
- * @property {string} activeId - The unique identifier of the currently active droppable component.
- * @property {object} panGestureState - An object representing the current state of the draggable component within the context.
  */
 export const useDroppable = ({ id, data = {}, disabled = false }: UseDroppableOptions) => {
   const { droppableLayouts, droppableOptions, droppableActiveId, panGestureState } = useDndContext();
@@ -47,7 +41,7 @@ export const useDroppable = ({ id, data = {}, disabled = false }: UseDroppableOp
       waitForLayout(() => {
         // Try to recover the layout from the ref if it's not available yet
         if (layout.value.width === 0 || layout.value.height === 0) {
-          console.log(`Recovering layout for ${id} from ref`);
+          // console.log(`Recovering layout for ${id} from ref`);
           updateLayoutValue(layout, animatedRef);
         }
         droppableLayouts.value[id] = layout;