@voxel51/voodo 0.0.25 → 0.0.26

package/dist/util/useDraggable.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 export interface UseDraggableOptions {
-    /** Initial pixel offset from the left edge of the bounding container. Default `0`. */
-    initialX?: number;
-    /** Initial pixel offset from the top edge of the bounding container. Default `0`. */
-    initialY?: number;
+    /** Initial offset from the left edge of the bounding container. Accepts any CSS length (e.g. `0`, `"10%"`, `"2rem"`). Default `0`. */
+    initialX?: string | number;
+    /** Initial offset from the top edge of the bounding container. Accepts any CSS length (e.g. `0`, `"10%"`, `"2rem"`). Default `0`. */
+    initialY?: string | number;
     /** Lock horizontal (x-axis) movement. Default `false`. */
     lockX?: boolean;
     /** Lock vertical (y-axis) movement. Default `false`. */
@@ -14,12 +14,20 @@ export interface UseDraggableOptions {
      * `position: fixed`. Default `false`.
      */
     portal?: boolean;
+    /**
+     * Called after every drag move with the new pixel position.
+     * Always delivers pixel values regardless of what type `initialX`/`initialY` were.
+     */
+    onPositionChange?: (pos: {
+        x: number;
+        y: number;
+    }) => void;
 }
 export interface UseDraggableReturn {
-    /** Current `{ x, y }` position in pixels. */
+    /** Current `{ x, y }` position. Before the first drag this reflects the initial CSS value; after the first drag it is always a pixel number. */
     position: {
-        x: number;
-        y: number;
+        x: string | number;
+        y: string | number;
     };
     /** `true` while the user is actively dragging. */
     isDragging: boolean;
@@ -55,5 +63,5 @@ export interface UseDraggableReturn {
  * );
  * ```
  */
-export declare const useDraggable: ({ initialX, initialY, lockX, lockY, portal, }?: UseDraggableOptions) => UseDraggableReturn;
+export declare const useDraggable: ({ initialX, initialY, lockX, lockY, portal, onPositionChange, }?: UseDraggableOptions) => UseDraggableReturn;
 //# sourceMappingURL=useDraggable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../src/util/useDraggable.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD;;;OAGG;IACH,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY,GAAI,gDAM1B,mBAAwB,KAAG,kBAiF7B,CAAC"}
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../src/util/useDraggable.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,MAAM,WAAW,mBAAmB;IAClC,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,qIAAqI;IACrI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,kBAAkB;IACjC,gJAAgJ;IAChJ,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrD,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD;;;OAGG;IACH,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY,GAAI,kEAO1B,mBAAwB,KAAG,kBA8F7B,CAAC"}