@voxel51/voodo 0.0.31 → 0.0.32

package/dist/util/useResizableDrawer.d.ts

@@ -2,68 +2,46 @@ import { default as React } from 'react';
 import { UseDisclosureOptions, UseDisclosureReturn } from './useDisclosure';
 import { DragAxis } from './useDragDelta';
 export type { DragAxis };
-/**
- * Options for {@link useResizableDrawer}.
- *
- * Extends {@link UseDisclosureOptions} so the drawer's open state can be
- * controlled or uncontrolled in the same way as {@link useDisclosure}.
- */
 export interface UseResizableDrawerOptions extends UseDisclosureOptions {
     /** Axis the drawer resizes along. `"horizontal"` for left/right drawers, `"vertical"` for top/bottom. */
     axis: DragAxis;
-    /** Initial drawer size in pixels, also used as the restore target after closing. */
-    defaultSize: number;
-    /** Minimum drawer size in pixels while open. */
-    minSize: number;
-    /** Maximum drawer size in pixels. */
+    /**
+     * Maximum content-area size in pixels. The header and handle are excluded —
+     * `maxSize` caps only the scrollable body region.
+     */
     maxSize: number;
-    /** Size at which a drag triggers close. Defaults to 0. */
-    closeThreshold?: number;
     /** Flip the delta sign — use for right-side and bottom-side handles. */
     invert?: boolean;
-    /** Invoked with the new size on every drag-induced resize (not on open/close-only changes). */
+    /** Invoked with the new content-area size on every drag-induced resize. */
     onSizeChange?: (size: number) => void;
 }
-/**
- * Return value of {@link useResizableDrawer}. Extends {@link UseDisclosureReturn}
- * with size and drag state.
- */
 export interface UseResizableDrawerReturn extends UseDisclosureReturn {
-    /** Current drawer size in pixels. Reflects the last committed size even while closed. */
+    /** Current content-area size in pixels (0 when closed or not yet measured). */
     size: number;
     /** `true` while the user is actively dragging the resize handle. */
     isDragging: boolean;
+    /**
+     * `true` only when the current size change should be animated — i.e. an
+     * open/close toggle. Content-driven resizes and drags are instant (`false`),
+     * so the size snaps and doesn't fight the header's un-animated layout change.
+     */
+    animating: boolean;
     /** Props to spread onto the drag handle element. */
     dragHandleProps: {
         onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
         onPointerMove: (e: React.PointerEvent<HTMLElement>) => void;
         onPointerUp: () => void;
     };
+    /**
+     * Attach the size-bearing wrapper's `onTransitionEnd` to this so `animating`
+     * clears when the open/close transition completes.
+     */
+    onTransitionEnd: () => void;
+    /**
+     * Attach to the content element. The hook observes it via ResizeObserver and
+     * keeps the open size equal to `min(contentHeight, maxSize)` automatically.
+     */
+    contentRef: (el: HTMLElement | null) => void;
 }
-/**
- * Hook which models a drawer that can be opened, closed, and resized by
- * dragging a handle.
- *
- * Behavior:
- * - Dragging below `closeThreshold` (default `0`) closes the drawer.
- * - Dragging above `closeThreshold` while closed reopens the drawer.
- * - Sizes are clamped to `[minSize, maxSize]` while open.
- * - `toggle()` restores the last dragged size when reopening.
- *
- * @example
- * ```tsx
- * const { open, size, toggle, dragHandleProps } = useResizableDrawer({
- *   axis: "horizontal",
- *   defaultSize: 320,
- *   minSize: 200,
- *   maxSize: 600,
- * });
- * return (
- *   <aside style={{ width: open ? size : 0 }}>
- *     <div {...dragHandleProps} />
- *   </aside>
- * );
- * ```
- */
-export declare function useResizableDrawer({ axis, defaultSize, minSize, maxSize, closeThreshold, invert, onSizeChange, ...disclosureOptions }: UseResizableDrawerOptions): UseResizableDrawerReturn;
+export declare function useResizableDrawer({ axis, maxSize, invert, onSizeChange, ...disclosureOptions }: UseResizableDrawerOptions): UseResizableDrawerReturn;
 //# sourceMappingURL=useResizableDrawer.d.ts.map

package/dist/util/useResizableDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizableDrawer.d.ts","sourceRoot":"","sources":["../../src/util/useResizableDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAgB,MAAM,gBAAgB,CAAC;AAGxD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB;;;;;GAKG;AACH,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE,yGAAyG;IACzG,IAAI,EAAE,QAAQ,CAAC;IACf,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,eAAe,EAAE;QACf,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC5D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC5D,WAAW,EAAE,MAAM,IAAI,CAAC;KACzB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAkB,EAClB,MAAc,EACd,YAAY,EACZ,GAAG,iBAAiB,EACrB,EAAE,yBAAyB,GAAG,wBAAwB,CA0EtD"}
+{"version":3,"file":"useResizableDrawer.d.ts","sourceRoot":"","sources":["../../src/util/useResizableDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAgB,MAAM,gBAAgB,CAAC;AAIxD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE,yGAAyG;IACzG,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,eAAe,EAAE;QACf,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC5D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;QAC5D,WAAW,EAAE,MAAM,IAAI,CAAC;KACzB,CAAC;IACF;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,MAAc,EACd,YAAY,EACZ,GAAG,iBAAiB,EACrB,EAAE,yBAAyB,GAAG,wBAAwB,CAmHtD"}