react-dragdrop-kit 1.2.0 → 1.3.0

package/dist/src/hooks/useDragDropMonitor.d.ts

@@ -1,6 +1,9 @@
 import type { DraggableItem, OrderUpdate } from "../types";
-export declare function useDragDropMonitor<T extends DraggableItem>({ items, onReorder, disabled, }: {
+export declare function useDragDropMonitor<T extends DraggableItem>({ items, onReorder, disabled, direction, selectedIds, multiDragEnabled, }: {
     items: T[];
     onReorder: (newItems: T[], orderUpdates: OrderUpdate[]) => void;
     disabled?: boolean;
-}): import("@atlaskit/pragmatic-drag-and-drop/dist/types/internal-types").CleanupFn;
+    direction?: "vertical" | "horizontal";
+    selectedIds?: string[];
+    multiDragEnabled?: boolean;
+}): () => void;

package/dist/src/kanban/types.d.ts

@@ -79,7 +79,9 @@ export interface DragProvided {
         'aria-roledescription': string;
     };
     /** Ref to attach to the draggable element */
-    innerRef: React.RefObject<HTMLElement>;
+    innerRef: React.RefObject<HTMLDivElement>;
+    /** Optional drop zone ref (used by column containers) */
+    dropZoneRef?: React.RefObject<HTMLDivElement>;
 }
 /**
  * Snapshot of current drag state

package/dist/src/kanban/utils/reorder.d.ts

@@ -8,6 +8,12 @@ import type { KanbanBoardState, DragLocation } from '../types';
  * Reorder an array by moving an item from one index to another
  */
 export declare function reorderArray<T>(list: T[], startIndex: number, endIndex: number): T[];
+export declare function normalizeReorderDestinationIndex(params: {
+    itemCount: number;
+    sourceIndex: number;
+    rawDestinationIndex: number;
+    isSameList: boolean;
+}): number;
 /**
  * Move a card within the same column
  */

package/dist/src/types/index.d.ts

@@ -27,6 +27,9 @@ export type DragDropListProps<T extends DraggableItem> = {
     dropIndicatorClassName?: string;
     dropIndicatorStyle?: React.CSSProperties;
     dropIndicatorPosition?: "top" | "bottom";
+    dragHandle?: string;
+    selectedIds?: string[];
+    multiDragEnabled?: boolean;
 };
 export type DraggableItemWrapperProps<T extends DraggableItem> = {
     item: T;
@@ -43,4 +46,6 @@ export type DraggableItemWrapperProps<T extends DraggableItem> = {
     dropIndicatorClassName?: string;
     dropIndicatorStyle?: React.CSSProperties;
     dropIndicatorPosition?: "top" | "bottom";
+    direction?: "vertical" | "horizontal";
+    dragHandle?: string;
 };

package/dist/src/utils/order.d.ts

@@ -1,3 +1,10 @@
 import type { DraggableItem, OrderUpdate } from '../types';
 export declare function reorder<T>(list: T[], startIndex: number, endIndex: number): T[];
+export declare function normalizeDestinationIndex(params: {
+    itemCount: number;
+    sourceIndex: number;
+    rawDestinationIndex: number;
+    isSameList: boolean;
+}): number;
+export declare function reorderMany<T>(list: T[], selectedIndexes: number[], rawDestinationIndex: number): T[];
 export declare function calculateOrderUpdates<T extends DraggableItem>(oldItems: T[], newItems: T[]): OrderUpdate[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-dragdrop-kit",
   "author": "Souvik Sen <https://github.com/Yourstruggle11>",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A flexible, lightweight React drag-and-drop kit for building sortable lists, grids, and kanban boards with ease.",
   "license": "MIT",