react-science 14.0.0 → 16.0.0

package/lib/components/table/reorder_rows/item_data.d.ts

@@ -0,0 +1,26 @@
+import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/types';
+import type { Row } from '@tanstack/react-table';
+declare const itemKey: unique symbol;
+export interface ItemData {
+    [itemKey]: true;
+    instanceId: symbol;
+    id: string;
+    index: number;
+    [key: string]: unknown;
+    [key: symbol]: unknown;
+}
+export declare function getItemData(row: Row<unknown>, instanceId: symbol): ItemData;
+export declare function isItemData(data: Record<string | symbol, unknown>): data is ItemData;
+export type DraggableItemState = {
+    type: 'idle';
+} | {
+    type: 'preview';
+    container: HTMLElement;
+} | {
+    type: 'dragging';
+} | {
+    type: 'is-over';
+    closestEdge: Edge | null;
+};
+export {};
+//# sourceMappingURL=item_data.d.ts.map

package/lib/components/table/reorder_rows/item_data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item_data.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/item_data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAA,MAAM,OAAO,eAA4B,CAAC;AAC1C,MAAM,WAAW,QAAQ;IACvB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,QAAQ,CAO3E;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GACrC,IAAI,IAAI,QAAQ,CAElB;AAED,MAAM,MAAM,kBAAkB,GAC1B;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,WAAW,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAAC"}

package/lib/components/table/reorder_rows/item_data.js

@@ -0,0 +1,13 @@
+const itemKey = Symbol('table-item-data');
+export function getItemData(row, instanceId) {
+    return {
+        [itemKey]: true,
+        id: row.id,
+        index: row.index,
+        instanceId,
+    };
+}
+export function isItemData(data) {
+    return data[itemKey] === true;
+}
+//# sourceMappingURL=item_data.js.map

package/lib/components/table/reorder_rows/item_data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item_data.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/item_data.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAU1C,MAAM,UAAU,WAAW,CAAC,GAAiB,EAAE,UAAkB;IAC/D,OAAO;QACL,CAAC,OAAO,CAAC,EAAE,IAAI;QACf,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,UAAU;KACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,IAAsC;IAEtC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;AAChC,CAAC"}

package/lib/components/table/reorder_rows/item_order_context.d.ts

@@ -0,0 +1,15 @@
+import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/types';
+import type { Row } from '@tanstack/react-table';
+export type ReorderItemCallback = (args: {
+    startIndex: number;
+    indexOfTarget: number;
+    closestEdgeOfTarget: Edge | null;
+}) => void;
+export interface ItemOrderContextValue<T = unknown> {
+    items: Array<Row<T>>;
+    reorderItem: ReorderItemCallback;
+    instanceId: symbol;
+}
+export declare const itemOrderContext: import("react").Context<ItemOrderContextValue<unknown> | null>;
+export declare function useItemOrder(): ItemOrderContextValue<unknown>;
+//# sourceMappingURL=item_order_context.d.ts.map

package/lib/components/table/reorder_rows/item_order_context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item_order_context.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/item_order_context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,IAAI,GAAG,IAAI,CAAC;CAClC,KAAK,IAAI,CAAC;AAEX,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,gEAE5B,CAAC;AAEF,wBAAgB,YAAY,mCAM3B"}

package/lib/components/table/reorder_rows/item_order_context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const itemOrderContext = createContext(null);
+export function useItemOrder() {
+    const context = useContext(itemOrderContext);
+    if (!context) {
+        throw new Error('useItemOrder must be used within a ListContextProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=item_order_context.js.map

package/lib/components/table/reorder_rows/item_order_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item_order_context.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/item_order_context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAclD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC3C,IAAI,CACL,CAAC;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/components/table/reorder_rows/item_order_provider.d.ts

@@ -0,0 +1,10 @@
+import type { Row } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+interface ItemOrderProviderProps<T> {
+    items: Array<Row<T>>;
+    onOrderChanged: (items: Array<Row<T>>) => void;
+    children: ReactNode;
+}
+export declare function ItemOrderProvider<T = unknown>(props: ItemOrderProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=item_order_provider.d.ts.map

package/lib/components/table/reorder_rows/item_order_provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item_order_provider.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/item_order_provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,UAAU,sBAAsB,CAAC,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,OAAO,EAC3C,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CA4CjC"}

package/lib/components/table/reorder_rows/item_order_provider.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { reorder } from '@atlaskit/pragmatic-drag-and-drop/reorder';
+import { getReorderDestinationIndex } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/get-reorder-destination-index';
+import { useCallback, useMemo, useState } from 'react';
+import { itemOrderContext } from './item_order_context.js';
+export function ItemOrderProvider(props) {
+    // Isolated instances of this component from one another
+    const [instanceId] = useState(() => Symbol('table-instance-id'));
+    const { items, onOrderChanged, children } = props;
+    const reorderItem = useCallback(({ startIndex, indexOfTarget, closestEdgeOfTarget }) => {
+        const finishIndex = getReorderDestinationIndex({
+            startIndex,
+            closestEdgeOfTarget,
+            indexOfTarget,
+            axis: 'vertical',
+        });
+        if (finishIndex === startIndex) {
+            // If there is no change, we skip the update
+            return;
+        }
+        onOrderChanged(reorder({
+            list: items,
+            startIndex,
+            finishIndex,
+        }));
+    }, [items, onOrderChanged]);
+    const value = useMemo(() => ({
+        reorderItem,
+        items: items,
+        instanceId,
+    }), [reorderItem, items, instanceId]);
+    return (_jsx(itemOrderContext.Provider, { value: value, children: children }));
+}
+//# sourceMappingURL=item_order_provider.js.map

package/lib/components/table/reorder_rows/item_order_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item_order_provider.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/item_order_provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,6EAA6E,CAAC;AAGzH,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAQ3D,MAAM,UAAU,iBAAiB,CAC/B,KAAgC;IAEhC,wDAAwD;IACxD,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,EAAE,EAAE;QACrD,MAAM,WAAW,GAAG,0BAA0B,CAAC;YAC7C,UAAU;YACV,mBAAmB;YACnB,aAAa;YACb,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QAEH,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;YAC/B,4CAA4C;YAC5C,OAAO;QACT,CAAC;QAED,cAAc,CACZ,OAAO,CAAC;YACN,IAAI,EAAE,KAAK;YACX,UAAU;YACV,WAAW;SACZ,CAAC,CACH,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,EAAE,cAAc,CAAC,CACxB,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,KAAK,EAAE,KAA4B;QACnC,UAAU;KACX,CAAC,EACF,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACpC,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC"}

package/lib/components/table/reorder_rows/table_drag_row_handler.d.ts

@@ -0,0 +1,2 @@
+export declare function TableDragRowHandler(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table_drag_row_handler.d.ts.map

package/lib/components/table/reorder_rows/table_drag_row_handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_drag_row_handler.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/table_drag_row_handler.tsx"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,4CAgBlC"}

package/lib/components/table/reorder_rows/table_drag_row_handler.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+import { useTableDraggableRowContext } from './draggable_row_context.js';
+import { TableDropIndicator } from './drop_indicator.js';
+export function TableDragRowHandler() {
+    const { dragHandleRef, state } = useTableDraggableRowContext();
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { icon: "drag-handle-horizontal", type: "button", ref: dragHandleRef, variant: "minimal", style: { cursor: 'grab' } }), state?.type === 'is-over' && state.closestEdge && (_jsx(TableDropIndicator, { edge: state.closestEdge }))] }));
+}
+//# sourceMappingURL=table_drag_row_handler.js.map

package/lib/components/table/reorder_rows/table_drag_row_handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_drag_row_handler.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/table_drag_row_handler.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,UAAU,mBAAmB;IACjC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC/D,OAAO,CACL,8BACE,KAAC,MAAM,IACL,IAAI,EAAC,wBAAwB,EAC7B,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,aAAa,EAClB,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GACzB,EACD,KAAK,EAAE,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,IAAI,CACjD,KAAC,kBAAkB,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAI,CAChD,IACA,CACJ,CAAC;AACJ,CAAC"}

package/lib/components/table/reorder_rows/use_drop_monitor.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+/**
+ * Monitor drop events.
+ * Check if they can be acted on to reorder items.
+ * @param scrollElementRef The element to auto-scroll when dragging elements.
+ * @param enabled Enable or disable the monitoring.
+ */
+export declare function useDropMonitor(scrollElementRef: RefObject<Element>, enabled: boolean): void;
+//# sourceMappingURL=use_drop_monitor.d.ts.map

package/lib/components/table/reorder_rows/use_drop_monitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_drop_monitor.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,SAAS,CAAC,OAAO,CAAC,EACpC,OAAO,EAAE,OAAO,QAmDjB"}

package/lib/components/table/reorder_rows/use_drop_monitor.js

@@ -0,0 +1,57 @@
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { useEffect } from 'react';
+import { assert } from '../../utils/index.js';
+import { useDroppedItemContext } from './dropped_item_context.js';
+import { isItemData } from './item_data.js';
+import { useItemOrder } from './item_order_context.js';
+/**
+ * Monitor drop events.
+ * Check if they can be acted on to reorder items.
+ * @param scrollElementRef The element to auto-scroll when dragging elements.
+ * @param enabled Enable or disable the monitoring.
+ */
+export function useDropMonitor(scrollElementRef, enabled) {
+    const { reorderItem, items } = useItemOrder();
+    const [, setDroppedItem] = useDroppedItemContext();
+    useEffect(() => {
+        const scrollContainer = scrollElementRef.current;
+        assert(scrollContainer, 'Missing scroll container ref');
+        if (enabled) {
+            function canRespond({ source }) {
+                return isItemData(source.data);
+            }
+            return combine(monitorForElements({
+                canMonitor: canRespond,
+                onDrop({ location, source }) {
+                    const target = location.current.dropTargets[0];
+                    if (!target) {
+                        return;
+                    }
+                    const sourceData = source.data;
+                    const targetData = target.data;
+                    if (!isItemData(sourceData) || !isItemData(targetData)) {
+                        return;
+                    }
+                    const indexOfTarget = items.findIndex((item) => item.id === targetData.id);
+                    if (indexOfTarget === -1) {
+                        return;
+                    }
+                    const closestEdgeOfTarget = extractClosestEdge(targetData);
+                    reorderItem({
+                        startIndex: sourceData.index,
+                        indexOfTarget,
+                        closestEdgeOfTarget,
+                    });
+                    setDroppedItem(sourceData.id);
+                },
+            }), autoScrollForElements({
+                canScroll: canRespond,
+                element: scrollContainer,
+            }));
+        }
+    }, [items, reorderItem, scrollElementRef, setDroppedItem, enabled]);
+}
+//# sourceMappingURL=use_drop_monitor.js.map

package/lib/components/table/reorder_rows/use_drop_monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_drop_monitor.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAAoC,EACpC,OAAgB;IAEhB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,qBAAqB,EAAE,CAAC;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,eAAe,EAAE,8BAA8B,CAAC,CAAC;QAExD,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,UAAU,CAAC,EAAE,MAAM,EAAkC;gBAC5D,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;YACD,OAAO,OAAO,CACZ,kBAAkB,CAAC;gBACjB,UAAU,EAAE,UAAU;gBACtB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;oBACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;wBACZ,OAAO;oBACT,CAAC;oBAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;oBAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;oBAC/B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;wBACvD,OAAO;oBACT,CAAC;oBAED,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CACpC,CAAC;oBACF,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;wBACzB,OAAO;oBACT,CAAC;oBAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;oBAE3D,WAAW,CAAC;wBACV,UAAU,EAAE,UAAU,CAAC,KAAK;wBAC5B,aAAa;wBACb,mBAAmB;qBACpB,CAAC,CAAC;oBACH,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;gBAChC,CAAC;aACF,CAAC,EACF,qBAAqB,CAAC;gBACpB,SAAS,EAAE,UAAU;gBACrB,OAAO,EAAE,eAAe;aACzB,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AACtE,CAAC"}

package/lib/components/table/table_body.d.ts

@@ -1,11 +1,14 @@
 import type { Row, RowData } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
-import type { TableRowTrRenderer } from './table_utils.js';
+import type { GetTdProps, TableRowPreviewRenderer, TableRowTrRenderer } from './table_utils.js';
 interface TableBodyProps<TData extends RowData> {
     rows: Array<Row<TData>>;
+    getTdProps?: GetTdProps<TData>;
     renderRowTr: TableRowTrRenderer<TData> | undefined;
     virtualizeRows?: boolean;
     virtualizer: Virtualizer<HTMLDivElement, Element>;
+    isReorderingEnabled: boolean;
+    renderRowPreview?: TableRowPreviewRenderer<TData>;
 }
 export declare function TableBody<TData extends RowData>(props: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/table/table_body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMxE,OAAO,KAAK,EAAmB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAwD5E"}
+{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOxE,OAAO,KAAK,EACV,UAAU,EACV,uBAAuB,EAEvB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/B,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CA8D5E"}

package/lib/components/table/table_body.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tag } from '@blueprintjs/core';
 import { notUndefined } from '@tanstack/react-virtual';
 import { Fragment } from 'react';
+import { TableDraggableRowTr } from './reorder_rows/index.js';
 import { TableRowCell } from './table_row_cell.js';
 export function TableBody(props) {
-    const { rows, renderRowTr = defaultRenderRowTr, virtualizer, virtualizeRows, } = props;
+    const { rows, getTdProps, renderRowTr = getDefaultRenderRowTr(props.isReorderingEnabled, props.renderRowPreview), virtualizer, virtualizeRows, } = props;
     if (virtualizeRows) {
         const virtualItems = virtualizer.getVirtualItems();
         const [before, after] = virtualItems.length > 0
@@ -13,28 +15,40 @@ export function TableBody(props) {
             ]
             : [0, 0];
         return (_jsxs("tbody", { children: [before > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: before } }) })), virtualItems.map((virtualItem, index) => (_jsx(TableRow, { row: rows[virtualItem.index], renderRowTr: (row) => {
-                        const trProps = getTrRenderProps(row, {
+                        const trProps = getTrRenderProps(row, getTdProps, {
                             ...virtualItem,
                             virtualIndex: index,
                         });
                         return renderRowTr(trProps, row);
                     } }, virtualItem.index))), after > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: after } }) }))] }));
     }
-    return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, renderRowTr: (row) => renderRowTr(getTrRenderProps(row), row) }, row.id))) }));
+    return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, renderRowTr: (row) => renderRowTr(getTrRenderProps(row, getTdProps), row) }, row.id))) }));
 }
 function TableRow({ row, renderRowTr, }) {
     return _jsx(Fragment, { children: renderRowTr(row) });
 }
-const defaultRenderRowTr = (trProps) => (_jsx("tr", { ...trProps }));
-function getTrRenderProps(row, virtualItem) {
+function getTrRenderProps(row, getTdProps, virtualItem) {
     const index = virtualItem ? virtualItem.index : row.index;
     return {
         // index is 0-indexed, so odd rows are even indices
         className: index % 2 === 0 ? 'odd' : '',
+        style: { position: 'relative' },
         children: row
             .getVisibleCells()
-            .map((cell) => _jsx(TableRowCell, { cell: cell }, cell.id)),
+            .map((cell) => (_jsx(TableRowCell, { cell: cell, getTdProps: getTdProps }, cell.id))),
         'data-row-id': row.id,
     };
 }
+function getDefaultRenderRowTr(isReorderingEnabled, renderRowPreview) {
+    if (isReorderingEnabled) {
+        return getDefaultRenderDraggableRowTr(renderRowPreview);
+    }
+    else {
+        return defaultRenderRowTr;
+    }
+}
+const defaultRenderRowTr = (trProps) => (_jsx("tr", { ...trProps }));
+function getDefaultRenderDraggableRowTr(renderRowPreview) {
+    return (trProps, row) => (_jsx(TableDraggableRowTr, { trProps: trProps, row: row, renderRowPreview: renderRowPreview ?? ((row) => _jsxs(Tag, { children: ["Row ", row.index + 1] })) }));
+}
 //# sourceMappingURL=table_body.js.map

package/lib/components/table/table_body.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAkBnD,MAAM,UAAU,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,WAAW,GAAG,qBAAqB,CACjC,KAAK,CAAC,mBAAmB,EACzB,KAAK,CAAC,gBAAoD,CAC9B,EAC9B,WAAW,EACX,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,IAAI,cAAc,EAAE,CAAC;QACnB,MAAM,YAAY,GAAG,WAAW,CAAC,eAAe,EAAE,CAAC;QACnD,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnB,YAAY,CAAC,MAAM,GAAG,CAAC;YACrB,CAAC,CAAC;gBACE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY;gBACxD,WAAW,CAAC,YAAY,EAAE,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;aACnE;YACH,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACb,OAAO,CACL,4BACG,MAAM,GAAG,CAAC,IAAI,CACb,uBACE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,GAC9B,CACN,EACA,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,QAAQ,IAEP,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC5B,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;wBACnB,MAAM,OAAO,GAAG,gBAAgB,CAAQ,GAAG,EAAE,UAAU,EAAE;4BACvD,GAAG,WAAW;4BACd,YAAY,EAAE,KAAK;yBACpB,CAAC,CAAC;wBACH,OAAO,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;oBACnC,CAAC,IARI,WAAW,CAAC,KAAK,CAStB,CACH,CAAC,EACD,KAAK,GAAG,CAAC,IAAI,CACZ,uBACE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,GAC7B,CACN,IACK,CACT,CAAC;IACJ,CAAC;IACD,OAAO,CACL,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,IAEP,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CACnB,WAAW,CAAC,gBAAgB,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,GAAG,CAAC,IAHhD,GAAG,CAAC,EAAE,CAKX,CACH,CAAC,GACI,CACT,CAAC;AACJ,CAAC;AAID,SAAS,QAAQ,CAAQ,EACvB,GAAG,EACH,WAAW,GAIZ;IACC,OAAO,KAAC,QAAQ,cAAE,WAAW,CAAC,GAAG,CAAC,GAAY,CAAC;AACjD,CAAC;AASD,SAAS,gBAAgB,CACvB,GAAe,EACf,UAAyC,EACzC,WAAkC;IAElC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;IAE1D,OAAO;QACL,mDAAmD;QACnD,SAAS,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QACvC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC/B,QAAQ,EAAE,GAAG;aACV,eAAe,EAAE;aACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACb,KAAC,YAAY,IAEX,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,IAFjB,IAAI,CAAC,EAAE,CAGZ,CACH,CAAC;QACJ,aAAa,EAAE,GAAG,CAAC,EAAE;KACtB,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAC5B,mBAA4B,EAC5B,gBAA8D;IAE9D,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,8BAA8B,CAAC,gBAAgB,CAAC,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,OAAO,kBAAkB,CAAC;IAC5B,CAAC;AACH,CAAC;AAED,MAAM,kBAAkB,GAAgC,CAAC,OAAO,EAAE,EAAE,CAAC,CACnE,gBAAQ,OAAO,GAAI,CACpB,CAAC;AAEF,SAAS,8BAA8B,CACrC,gBAA8D;IAE9D,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,CACvB,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,gBAAgB,EACd,gBAAgB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAC,GAAG,uBAAM,GAAG,CAAC,KAAK,GAAG,CAAC,IAAO,CAAC,GAE/D,CACH,CAAC;AACJ,CAAC"}

package/lib/components/table/table_root.d.ts

@@ -1,8 +1,11 @@
 import type { RowData, TableOptions } from '@tanstack/react-table';
 import type { RefObject, TableHTMLAttributes } from 'react';
 import type { HeaderCellRenderer } from './table_header_cell.js';
-import type { Scroller, TableColumnDef, TableRowTrRenderer, VirtualScroller } from './table_utils.js';
+import type { GetTdProps, Scroller, TableColumnDef, TableRowPreviewRenderer, TableRowTrRenderer, VirtualScroller } from './table_utils.js';
 interface TableBaseProps<TData extends RowData> {
+    /**
+     * The original data to display in the table.
+     */
     data: TData[];
     /**
      * Tanstack table definition of columns in the table.
@@ -55,16 +58,49 @@ interface TableBaseProps<TData extends RowData> {
      * Override the columns' header cell rendering.
      */
     renderHeaderCell?: HeaderCellRenderer<TData>;
+    /**
+     * Pass custom props to the `<td>`.
+     * The callback is called for each cell and receives the row's data.
+     * The returned properties are spread onto the `<td>` element.
+     */
+    getTdProps?: GetTdProps<TData>;
     /**
      * A ref which will be set with a callback to scroll to a row in the
      * table, specified by the row's ID.
      */
     scrollToRowRef?: RefObject<VirtualScroller | ScrollToOptions | undefined>;
+    /**
+     * An accessor which should return a unique identifier for the row.
+     */
     getRowId?: TableOptions<TData>['getRowId'];
+    /**
+     * Called when the user changed the order of the rows.
+     * Specifying this callback enables row reordering by drag and drop.
+     * Make sure to specify `getRowId` and not to use column sorting when you
+     * enable row reordering.
+     * Use the `TableDragRowHandler` component within table cells to provide the
+     * drag and drop interface for reordering rows.
+     * @param rows The rows in their new order.
+     */
+    onRowOrderChanged?: (rows: TData[]) => void;
+    /**
+     * Render function to customize the preview of the row being dragged
+     * when reordering.
+     * It receives the row being dragged.
+     * Ignored when using custom row rendering with `renderRowTr`.
+     */
+    renderRowPreview?: TableRowPreviewRenderer<TData>;
 }
 interface RegularTableProps<TData extends RowData> extends TableBaseProps<TData> {
     virtualizeRows?: false | undefined;
     scrollToRowRef?: RefObject<Scroller | undefined>;
+    /**
+     * Specify a custom scrollable reference, which will be used to
+     * automatically scroll the table when reordering elements.
+     * By default, the table itself is used as the scrollable element, but
+     * you must style it to make it scrollable.
+     */
+    scrollableElementRef?: RefObject<Element>;
 }
 interface VirtualizedTableProps<TData extends RowData> extends TableBaseProps<TData> {
     virtualizeRows: true;

package/lib/components/table/table_root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOnE,OAAO,KAAK,EAAa,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAsC1B,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd;;OAEG;IAEH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,UAAU,CAAC,EAAE,IAAI,CACf,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAC7D,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;IACrE;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACxC;;OAEG;IACH,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE7C;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,eAAe,GAAG,eAAe,GAAG,SAAS,CAAC,CAAC;IAE1E,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO,CAC/C,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7B,cAAc,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC;CAClD;AAED,UAAU,qBAAqB,CAAC,KAAK,SAAS,OAAO,CACnD,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7B,cAAc,EAAE,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC;IACxD;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,OAAO,IACxC,iBAAiB,CAAC,KAAK,CAAC,GACxB,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,wBAAgB,KAAK,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,2CA+EpE"}
+{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}

package/lib/components/table/table_root.js

@@ -3,7 +3,10 @@ import { HTMLTable } from '@blueprintjs/core';
 import styled from '@emotion/styled';
 import { getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
+import { DroppedItemProvider } from './reorder_rows/dropped_item_provider.js';
+import { ItemOrderProvider } from './reorder_rows/item_order_provider.js';
+import { useDropMonitor } from './reorder_rows/use_drop_monitor.js';
 import { TableBody } from './table_body.js';
 import { TableHeader } from './table_header.js';
 import { useTableColumns } from './use_table_columns.js';
@@ -20,13 +23,13 @@ const CustomHTMLTable = styled(HTMLTable, {
         box-shadow: inset 0 -1px #11141826;
       }
     
-      tbody tr:first-child td {
+      tbody tr:first-of-type td {
         box-shadow: ${props.bordered
         ? 'inset 1px 0 0 0 #11141826 !important'
         : 'none !important'};
       }
     
-      tbody tr:first-child td:first-child {
+      tbody tr:first-of-type td:first-of-type {
         box-shadow: none !important;
       }
     `;
@@ -39,7 +42,8 @@ const CustomHTMLTable = styled(HTMLTable, {
   }
 `;
 export function Table(props) {
-    const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, virtualizeRows, getRowId, } = props;
+    const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, } = props;
+    const isReorderingEnabled = !!onRowOrderChanged;
     const scrollElementRef = useRef(null);
     const columnDefs = useTableColumns(columns);
     const table = useReactTable({
@@ -69,16 +73,46 @@ export function Table(props) {
     else {
         finalClassName = tableProps?.className;
     }
-    return (_jsx(Container, { virtualizeRows: virtualizeRows, scrollRef: scrollElementRef, children: _jsxs(CustomHTMLTable, { ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, striped: striped, stickyHeader: stickyHeader, ...tableProps, className: finalClassName, children: [_jsx(TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders(), renderHeaderCell: renderHeaderCell }), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows })] }) }));
+    const tableHeaders = table.getFlatHeaders();
+    useCheckProps(props, tableHeaders);
+    return (_jsx(DroppedItemProvider, { children: _jsx(ItemOrderProvider, { items: table.getRowModel().rows, onOrderChanged: (items) => {
+                onRowOrderChanged?.(items.map((item) => item.original));
+            }, children: _jsx(Container, { virtualizeRows: virtualizeRows, scrollRef: virtualizeRows
+                    ? scrollElementRef
+                    : props.scrollableElementRef || tableRef, isReorderingEnabled: isReorderingEnabled, children: _jsxs(CustomHTMLTable, { ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, striped: striped, stickyHeader: stickyHeader, ...tableProps, className: finalClassName, children: [_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell }), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }));
 }
 const ScrollRefDiv = styled.div `
   height: 100%;
   overflow: auto;
 `;
-function Container({ virtualizeRows, scrollRef, children, }) {
+function Container(props) {
+    const { virtualizeRows, scrollRef, isReorderingEnabled, children } = props;
     if (virtualizeRows) {
-        return _jsx(ScrollRefDiv, { ref: scrollRef, children: children });
+        return (_jsx(ContainerVirtual, { scrollElementRef: scrollRef, enabled: isReorderingEnabled, children: children }));
     }
+    return (_jsx(ContainerTable, { scrollElementRef: scrollRef, enabled: isReorderingEnabled, children: children }));
+}
+function ContainerVirtual(props) {
+    const { scrollElementRef, enabled, children } = props;
+    useDropMonitor(scrollElementRef, enabled);
+    return (_jsx(ScrollRefDiv, { ref: scrollElementRef, children: children }));
+}
+function ContainerTable(props) {
+    const { scrollElementRef, enabled, children } = props;
+    useDropMonitor(scrollElementRef, enabled);
     return _jsx(_Fragment, { children: children });
 }
+function useCheckProps(props, headers) {
+    const { onRowOrderChanged, getRowId } = props;
+    useEffect(() => {
+        if (onRowOrderChanged && !getRowId) {
+            // eslint-disable-next-line no-console
+            console.warn('When reordering rows is enabled via the `onRowOrderChanged` prop, the `getRowId` prop must be provided to identify each row unambiguously.');
+        }
+        if (headers.some((header) => header.column.getCanSort())) {
+            // eslint-disable-next-line no-console
+            console.warn('When reordering rows is enabled via the `onRowOrderChanged` prop, none of the columns should be sortable as data order will be overriden by internal sorting.');
+        }
+    }, [onRowOrderChanged, getRowId, headers]);
+}
 //# sourceMappingURL=table_root.js.map

package/lib/components/table/table_root.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}

package/lib/components/table/table_row_cell.d.ts

@@ -1,7 +1,8 @@
 import type { Cell, RowData } from '@tanstack/react-table';
+import type { GetTdProps } from './table_utils.js';
 interface TableRowCellProps<TData extends RowData> {
     cell: Cell<TData, unknown>;
-    className?: string;
+    getTdProps: GetTdProps<TData> | undefined;
 }
 export declare function TableRowCell<TData extends RowData>(props: TableRowCellProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/table/table_row_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG3D,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAShC"}
+{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAShC"}

package/lib/components/table/table_row_cell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { flexRender } from '@tanstack/react-table';
 export function TableRowCell(props) {
-    const { cell, className } = props;
-    return (_jsx("td", { style: { position: 'relative' }, className: className, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
+    const { cell, getTdProps } = props;
+    return (_jsx("td", { ...getTdProps?.(cell), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
 }
 //# sourceMappingURL=table_row_cell.js.map

package/lib/components/table/table_row_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAOnD,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,SAAS,YACtD,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACvD,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,gBAAQ,UAAU,EAAE,CAAC,IAAI,CAAC,YACvB,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACvD,CACN,CAAC;AACJ,CAAC"}

package/lib/components/table/table_utils.d.ts

@@ -1,18 +1,27 @@
-import type { ColumnDef, Row, RowData } from '@tanstack/react-table';
+import type { Cell, ColumnDef, Row, RowData } from '@tanstack/react-table';
 import type { ScrollToOptions } from '@tanstack/react-virtual';
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode, TdHTMLAttributes } from 'react';
 export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue>;
+type TableTdProps = TdHTMLAttributes<HTMLTableCellElement>;
+export type GetTdProps<TData extends RowData> = (cell: Cell<TData, unknown>) => TableTdProps;
 export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/react-table").ColumnHelper<TData>;
 export interface TableRowTrProps {
     className: string;
+    style: CSSProperties;
     children: ReactNode;
     'data-row-id': string;
 }
 export type TableRowTrRenderer<TData extends RowData> = (trProps: TableRowTrProps, row: Row<TData>) => ReactNode;
+export type TableRowPreviewRenderer<TData extends RowData> = (
+/**
+ * The row being dragged, for which to render a preview.
+ */
+row: Row<TData>) => ReactNode;
 export interface VirtualScroller {
     scrollIntoView: (id: string, options?: ScrollToOptions) => void;
 }
 export interface Scroller {
     scrollIntoView: (id: string, options?: ScrollIntoViewOptions) => void;
 }
+export {};
 //# sourceMappingURL=table_utils.d.ts.map

package/lib/components/table/table_utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,yDAE5D;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IAEpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI,CACtD,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KACZ,SAAS,CAAC;AAEf,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvE"}
+{"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,KAAK,YAAY,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE3D,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,OAAO,IAAI,CAC9C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,KACvB,YAAY,CAAC;AAElB,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,yDAE5D;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IAEpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI,CACtD,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KACZ,SAAS,CAAC;AAEf,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,OAAO,IAAI;AAC3D;;GAEG;AACH,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KACZ,SAAS,CAAC;AAEf,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvE"}

package/lib/components/table/table_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAS3D,MAAM,UAAU,uBAAuB;IACrC,OAAO,kBAAkB,EAAS,CAAC;AACrC,CAAC"}
+{"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,MAAM,UAAU,uBAAuB;IACrC,OAAO,kBAAkB,EAAS,CAAC;AACrC,CAAC"}