@weasel-js/ui 1.4.0 → 1.4.2

package/dist/useReorderDragList.d.ts

@@ -17,9 +17,20 @@ export interface UseReorderDragListOptions {
     items: LayerListItem[];
     selectedIds: string[];
     onReorder(ids: string[], targetIndex: number): void;
+    /** A press that was released without ever engaging a drag — the click a
+     *  list row means by it. Fires for locked rows too, which can be selected
+     *  but not dragged. Modifiers are read at press, not at release. */
+    onPress?(id: string, mods: PressModifiers): void;
     /** Pointer-move distance (px) before pending drag engages. Default 4. */
     threshold?: number;
 }
+/** Modifier keys held when a press began. */
+export interface PressModifiers {
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    altKey: boolean;
+}
 /**
  * Live drag state for rendering feedback: which ids are being dragged and the
  * insertion index the drop would use. Both `null` when no drag is engaged.
@@ -29,8 +40,10 @@ export interface ReorderDragState {
     targetIndex: number | null;
 }
 /**
- * Props to spread onto the list container and each row, plus the live
- * {@link ReorderDragState}.
+ * A `ref` for the list container, an `onPointerDown` for each row, and the
+ * live {@link ReorderDragState}. The container ref is required, not optional
+ * decoration: it is what the drop index is measured against and what the
+ * pointer session is opened on.
  */
 export interface ReorderDragHandlers {
     rowProps(id: string, index: number): {
@@ -38,9 +51,6 @@ export interface ReorderDragHandlers {
     };
     containerProps: {
         ref: RefCallback<HTMLElement>;
-        onPointerMove(e: ReactPointerEvent): void;
-        onPointerUp(e: ReactPointerEvent): void;
-        onPointerCancel(e: ReactPointerEvent): void;
     };
     state: ReorderDragState;
 }
@@ -51,8 +61,11 @@ export interface ReorderDragHandlers {
  * drop. A drop that would leave a contiguous block where it already is does
  * not call `onReorder`.
  *
- * The pointer is captured on the row, so a drag that leaves the list still
- * tracks and still releases cleanly.
+ * A press opens a `startThresholdDrag` on the *container*, which owns the
+ * rest of the gesture: a drag that leaves the list still tracks, a release
+ * anywhere still drops, and a release the window never delivered still ends
+ * the drag. The container is the origin rather than the row because rows come
+ * and go as the list re-renders, and a drag must outlive the row it grabbed.
  */
 export declare function useReorderDragList(opts: UseReorderDragListOptions): ReorderDragHandlers;
 //# sourceMappingURL=useReorderDragList.d.ts.map

package/dist/useReorderDragList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvF,qCAAqC;AACrC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;QAC9B,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;QAC1C,WAAW,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;QACxC,eAAe,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAgCD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CAqIvF"}
+{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvF,qCAAqC;AACrC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD;;wEAEoE;IACpE,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAyCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CA6FvF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/ui",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "UI chrome primitives for weasel apps (properties panel, etc.)",
   "license": "MIT",
   "type": "module",
@@ -23,15 +23,15 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/font": "1.4.0",
-    "@weasel-js/modes": "1.4.0",
-    "@weasel-js/svg": "1.4.0",
+    "@weasel-js/font": "1.4.2",
+    "@weasel-js/modes": "1.4.2",
+    "@weasel-js/svg": "1.4.2",
     "react-aria-components": "^1.5.0"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@weasel-js/core": "1.4.0"
+    "@weasel-js/core": "1.4.2"
   },
   "author": "orochi235",
   "homepage": "https://orochi235.github.io/weasel/",
@@ -59,6 +59,6 @@
     "provenance": true
   },
   "devDependencies": {
-    "@weasel-js/cursor": "1.4.0"
+    "@weasel-js/cursor": "1.4.2"
   }
 }