react-science 14.0.0 → 15.0.0

package/lib/components/index.d.ts

@@ -10,7 +10,7 @@ export * from './hooks/index.js';
 export * from './info-panel/index.js';
 export * from './logger/index.js';
 export * from './root-layout/index.js';
-export * from './split-pane/index.js';
+export * from './split_pane/index.js';
 export * from './table/index.js';
 export * from './toolbar/index.js';
 export * from './activity_bar/index.js';

package/lib/components/index.js

@@ -10,7 +10,7 @@ export * from './hooks/index.js';
 export * from './info-panel/index.js';
 export * from './logger/index.js';
 export * from './root-layout/index.js';
-export * from './split-pane/index.js';
+export * from './split_pane/index.js';
 export * from './table/index.js';
 export * from './toolbar/index.js';
 export * from './activity_bar/index.js';

package/lib/components/split_pane/index.d.ts

@@ -0,0 +1,3 @@
+export * from './split_pane.js';
+export * from './split_pane_helpers.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/split_pane/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/split_pane/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC"}

package/lib/components/split_pane/index.js

@@ -0,0 +1,3 @@
+export * from './split_pane.js';
+export * from './split_pane_helpers.js';
+//# sourceMappingURL=index.js.map

package/lib/components/split_pane/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/split_pane/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC"}

package/lib/components/{split-pane/SplitPane.d.ts → split_pane/split_pane.d.ts}

@@ -1,8 +1,7 @@
 import type { ReactNode } from 'react';
+import type { SplitPaneSize } from './split_pane_helpers.js';
 export type SplitPaneDirection = 'vertical' | 'horizontal';
 export type SplitPaneSide = 'start' | 'end';
-export type SplitPaneSize = `${number}%` | `${number}px`;
-export type SplitPaneType = '%' | 'px';
 export interface SplitPaneProps {
     /**
      * Whether the split is done in the horizontal or vertical direction.
@@ -44,8 +43,8 @@ export interface SplitPaneProps {
      * If specified, closes / opens the pane automatically once the available space
      * for the SplitPane along the axis defined by the `direction` prop becomes
      * smaller / larger (respectively) than this value. The value is in pixels.
-     * After the user manually opens or closes the splitter, the pane will
-     * no longer open or close automatically.
+     * After the user interacts with the splitter, the pane will no longer open
+     * or close automatically.
      */
     closeThreshold?: number;
     /**
@@ -62,8 +61,11 @@ export interface SplitPaneProps {
     onSizeChange?: (size: SplitPaneSize) => void;
     /**
      * The two React elements to show on both sides of the pane.
+     * If one of the elements is `null`, the splitter will disappear and the
+     * other element will take the full space.
+     * If both elements are `null`, only a container will be rendered.
      */
     children: [ReactNode, ReactNode];
 }
 export declare function SplitPane(props: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SplitPane.d.ts.map
+//# sourceMappingURL=split_pane.d.ts.map

package/lib/components/split_pane/split_pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_pane.d.ts","sourceRoot":"","sources":["../../../src/components/split_pane/split_pane.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,SAAS,EAEV,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,yBAAyB,CAAC;AAI5E,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAE/B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAmG9C"}

package/lib/components/{split-pane/SplitPane.js → split_pane/split_pane.js}

@@ -5,7 +5,8 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useEffect, useReducer, useRef } from 'react';
 import { match } from 'ts-pattern';
 import useResizeObserver from 'use-resize-observer';
-import { useSplitPaneSize } from './useSplitPaneSize.js';
+import { parseSize, serializeSize } from './split_pane_helpers.js';
+import { useSplitPaneSize } from './use_split_pane_size.js';
 export function SplitPane(props) {
     const { direction = 'horizontal', controlledSide = 'start', defaultSize = '50%', defaultOpen = true, open: openProp, size: sizeProp, onSizeChange, closeThreshold = null, onResize, onOpenChange, children, } = props;
     const [isOpen, setIsOpen] = useControllableState({
@@ -18,11 +19,11 @@ export function SplitPane(props) {
         defaultProp: defaultSize,
         onChange: onSizeChange,
     });
-    const [splitSize, sizeType] = parseSize(size ?? defaultSize);
+    const { type: sizeType, value: splitSize } = parseSize(size ?? defaultSize);
     // Whether the user has already interacted with the pane.
     const [hasTouched, touch] = useReducer(() => true, false);
     const splitterRef = useRef(null);
-    const { onPointerDown } = useSplitPaneSize({
+    const { onPointerDown, isResizing } = useSplitPaneSize({
         controlledSide,
         direction,
         splitterRef,
@@ -54,31 +55,16 @@ export function SplitPane(props) {
     function getSplitSideStyle(side) {
         return getItemStyle(isOpen ?? defaultOpen, controlledSide === side, direction, splitSize, sizeType);
     }
-    return (_jsxs("div", { ref: rootSize.ref, style: {
-            display: 'flex',
-            height: '100%',
-            width: '100%',
-            [direction === 'horizontal' ? 'minWidth' : 'minHeight']: 0,
-            flexDirection: direction === 'horizontal' ? 'row' : 'column',
-        }, children: [_jsx(SplitSide, { style: getSplitSideStyle('start'), children: children[0] }), _jsx(Splitter, { onDoubleClick: handleToggle, onPointerDown: isOpen ? onPointerDown : undefined, isOpen: isOpen ?? defaultOpen, direction: direction, splitterRef: splitterRef }), _jsx(SplitSide, { style: getSplitSideStyle('end'), children: children[1] })] }));
+    return (_jsxs(SplitPaneContainer, { direction: direction, ref: rootSize.ref, children: [children[0] !== null && (_jsx(SplitSide, { style: getSplitSideStyle('start'), children: children[0] })), children[0] !== null && children[1] !== null && (_jsx(Splitter, { onDoubleClick: handleToggle, onPointerDown: isOpen ? onPointerDown : undefined, isOpen: isOpen ?? defaultOpen, isResizing: isResizing, direction: direction, splitterRef: splitterRef })), children[1] !== null && (_jsx(SplitSide, { style: getSplitSideStyle('end'), children: children[1] }))] }));
 }
 function Splitter(props) {
-    const { onDoubleClick, onPointerDown, direction, isOpen, splitterRef } = props;
-    return (_jsx(Split, { onDoubleClick: onDoubleClick, onPointerDown: onPointerDown, enabled: isOpen, direction: direction, ref: splitterRef, children: _jsx(SplitContent, { children: direction === 'horizontal' ? '⋮' : '⋯' }) }));
+    const { onDoubleClick, onPointerDown, direction, isOpen, isResizing, splitterRef, } = props;
+    return (_jsx(Split, { onDoubleClick: onDoubleClick, onPointerDown: onPointerDown, enabled: isOpen, direction: direction, isResizing: isResizing, ref: splitterRef, children: _jsx(SplitContent, { children: direction === 'horizontal' ? '⋮' : '⋯' }) }));
 }
 function SplitSide(props) {
     const { style, children } = props;
     return _jsx("div", { style: style, children: children });
 }
-function parseSize(size) {
-    const value = Number.parseFloat(size);
-    // remove numbers and dots from the string
-    const type = size.replaceAll(/[\d .]/g, '');
-    return [value, type];
-}
-function serializeSize(size) {
-    return `${size[0]}${size[1]}`;
-}
 const flexBase = 100;
 function percentToFlex(percent) {
     percent /= 100;
@@ -86,38 +72,37 @@ function percentToFlex(percent) {
 }
 function getItemStyle(isOpen, isControlledSide, direction, size, type) {
     const isHorizontal = direction === 'horizontal';
+    const base = { display: 'flex', overflow: 'hidden' };
     if (!isOpen) {
-        return isControlledSide
-            ? { display: 'none' }
-            : { flex: '1 1 0%', display: 'flex' };
+        return isControlledSide ? { display: 'none' } : { flex: '1 1 0%', ...base };
     }
-    else if (type === '%') {
+    else if (type === '%' && size !== 0) {
         return isControlledSide
             ? {
+                ...base,
                 flex: '100 0 0%',
-                display: 'flex',
             }
             : {
+                ...base,
                 flex: `${percentToFlex(size)} 0 0%`,
-                display: 'flex',
                 [isHorizontal ? 'minWidth' : 'minHeight']: 0,
             };
     }
     else {
         return isControlledSide
             ? {
+                ...base,
                 [isHorizontal ? 'width' : 'height']: size,
-                display: 'flex',
             }
             : {
+                ...base,
                 flex: '1 1 0%',
-                display: 'flex',
                 [isHorizontal ? 'minWidth' : 'minHeight']: 0,
             };
     }
 }
 const Split = styled.div `
-  background-color: ${Colors.LIGHT_GRAY5};
+  background-color: ${(props) => props.isResizing ? Colors.LIGHT_GRAY3 : Colors.LIGHT_GRAY5};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -126,7 +111,7 @@ const Split = styled.div `
   touch-action: none;
 
   :hover {
-    background-color: ${Colors.LIGHT_GRAY3};
+    background-color: ${(props) => props.isResizing ? Colors.LIGHT_GRAY3 : Colors.LIGHT_GRAY4};
   }
 
   ${(props) => match(props.direction)
@@ -140,6 +125,14 @@ const Split = styled.div `
       `)
     .exhaustive()}
 `;
+const SplitPaneContainer = styled.div `
+  display: flex;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  ${(props) => props.direction === 'horizontal' ? 'min-width: 0;' : 'min-height: 0;'}
+  flex-direction: ${(props) => props.direction === 'horizontal' ? 'row' : 'column'};
+`;
 const SplitContent = styled.div `
   display: flex;
   align-items: center;
@@ -147,4 +140,4 @@ const SplitContent = styled.div `
   font-size: 0.875em;
   max-height: 100%;
 `;
-//# sourceMappingURL=SplitPane.js.map
+//# sourceMappingURL=split_pane.js.map

package/lib/components/split_pane/split_pane.js.map

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

package/lib/components/split_pane/split_pane_helpers.d.ts

@@ -0,0 +1,9 @@
+export type SplitPaneSize = `${number}%` | `${number}px`;
+export type SplitPaneType = '%' | 'px';
+export interface ParsedSplitPaneSize {
+    value: number;
+    type: SplitPaneType;
+}
+export declare function parseSize(size: string): ParsedSplitPaneSize;
+export declare function serializeSize(size: ParsedSplitPaneSize): SplitPaneSize;
+//# sourceMappingURL=split_pane_helpers.d.ts.map

package/lib/components/split_pane/split_pane_helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_pane_helpers.d.ts","sourceRoot":"","sources":["../../../src/components/split_pane/split_pane_helpers.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,GAAG,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,CAM3D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,mBAAmB,GAAG,aAAa,CAEtE"}

package/lib/components/split_pane/split_pane_helpers.js

@@ -0,0 +1,10 @@
+export function parseSize(size) {
+    const value = Number.parseFloat(size);
+    // remove numbers and dots from the string
+    const type = size.replaceAll(/[\d .]/g, '');
+    return { value, type };
+}
+export function serializeSize(size) {
+    return `${size.value}${size.type}`;
+}
+//# sourceMappingURL=split_pane_helpers.js.map

package/lib/components/split_pane/split_pane_helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_pane_helpers.js","sourceRoot":"","sources":["../../../src/components/split_pane/split_pane_helpers.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC,0CAA0C;IAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAkB,CAAC;IAE7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAyB;IACrD,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;AACrC,CAAC"}

package/lib/components/{split-pane/useSplitPaneSize.d.ts → split_pane/use_split_pane_size.d.ts}

@@ -1,15 +1,17 @@
 import type { RefObject } from 'react';
-import type { SplitPaneDirection, SplitPaneSide, SplitPaneSize, SplitPaneType } from './SplitPane.js';
+import type { SplitPaneDirection, SplitPaneSide } from './split_pane.js';
+import type { ParsedSplitPaneSize, SplitPaneSize, SplitPaneType } from './split_pane_helpers.js';
 interface UseSplitPaneSizeOptions {
     controlledSide: SplitPaneSide;
     direction: SplitPaneDirection;
     splitterRef: RefObject<HTMLDivElement>;
     sizeType: SplitPaneType;
-    onSizeChange: (newSize: [number, SplitPaneType]) => void;
+    onSizeChange: (newSize: ParsedSplitPaneSize) => void;
     onResize?: (newSize: SplitPaneSize) => void;
 }
 export declare function useSplitPaneSize(options: UseSplitPaneSizeOptions): {
     onPointerDown: () => void;
+    isResizing: boolean;
 };
 export {};
-//# sourceMappingURL=useSplitPaneSize.d.ts.map
+//# sourceMappingURL=use_split_pane_size.d.ts.map

package/lib/components/split_pane/use_split_pane_size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_split_pane_size.d.ts","sourceRoot":"","sources":["../../../src/components/split_pane/use_split_pane_size.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,aAAa,EACd,MAAM,yBAAyB,CAAC;AAGjC,UAAU,uBAAuB;IAC/B,cAAc,EAAE,aAAa,CAAC;IAC9B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,WAAW,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB;;;EAuFhE"}

package/lib/components/split_pane/use_split_pane_size.js

@@ -0,0 +1,78 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { serializeSize } from './split_pane_helpers.js';
+export function useSplitPaneSize(options) {
+    const { controlledSide, direction, splitterRef, sizeType, onSizeChange, onResize, } = options;
+    const [isResizing, setIsResizing] = useState(false);
+    const onPointerDown = useCallback(() => {
+        setIsResizing(true);
+    }, []);
+    const onResizeRef = useRef(onResize);
+    const onSizeChangeRef = useRef(onSizeChange);
+    useEffect(() => {
+        onResizeRef.current = onResize;
+        onSizeChangeRef.current = onSizeChange;
+    }, [onResize, onSizeChange]);
+    useEffect(() => {
+        if (isResizing) {
+            let lastSize = null;
+            function moveCallback(event) {
+                if (!splitterRef.current)
+                    return;
+                const { clientX, clientY } = event;
+                const parentDiv = splitterRef.current.parentElement;
+                const bounds = parentDiv.getBoundingClientRect();
+                const parentDimension = direction === 'horizontal'
+                    ? parentDiv.clientWidth
+                    : parentDiv.clientHeight;
+                const client = direction === 'horizontal'
+                    ? clientX - bounds.left
+                    : clientY - bounds.top;
+                const centralizingValue = direction === 'horizontal'
+                    ? splitterRef.current.clientWidth / 2
+                    : splitterRef.current.clientHeight / 2;
+                const value = controlledSide === 'start' ? client : parentDimension - client;
+                if (sizeType === 'px') {
+                    const newSize = getValueFromSplitter(value - centralizingValue, {
+                        min: 0,
+                        max: parentDimension,
+                    });
+                    lastSize = { value: newSize, type: sizeType };
+                    onSizeChangeRef.current?.(lastSize);
+                }
+                else if (sizeType === '%') {
+                    const valueDiff = (value / parentDimension) * 100;
+                    const newSize = getValueFromSplitter(valueDiff, {
+                        min: 0,
+                        max: 100,
+                    });
+                    lastSize = { value: newSize, type: sizeType };
+                    onSizeChangeRef.current?.(lastSize);
+                }
+            }
+            function upCallback() {
+                setIsResizing(false);
+                if (lastSize) {
+                    onResizeRef.current?.(serializeSize(lastSize));
+                }
+            }
+            window.addEventListener('pointermove', moveCallback);
+            window.addEventListener('pointerup', upCallback);
+            return () => {
+                window.removeEventListener('pointermove', moveCallback);
+                window.removeEventListener('pointerup', upCallback);
+            };
+        }
+    }, [isResizing, controlledSide, direction, sizeType, splitterRef]);
+    return {
+        onPointerDown,
+        isResizing,
+    };
+}
+function getValueFromSplitter(value, options) {
+    const newValue = Math.round((value + Number.EPSILON) * 100) / 100;
+    return getMinMax(newValue, options);
+}
+function getMinMax(value, options) {
+    return Math.min(Math.max(value, options.min), options.max);
+}
+//# sourceMappingURL=use_split_pane_size.js.map

package/lib/components/split_pane/use_split_pane_size.js.map

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

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

@@ -1,3 +1,4 @@
 export * from './table_root.js';
 export * from './table_utils.js';
+export * from './reorder_rows/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC"}

package/lib/components/table/index.js

@@ -1,3 +1,4 @@
 export * from './table_root.js';
 export * from './table_utils.js';
+export * from './reorder_rows/index.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+import type { DraggableItemState } from './item_data.js';
+export interface DraggableRowContext {
+    state: DraggableItemState;
+    dragHandleRef: RefObject<HTMLButtonElement>;
+}
+export declare const draggableRowContext: import("react").Context<DraggableRowContext | null>;
+export declare function useTableDraggableRowContext(): DraggableRowContext;
+//# sourceMappingURL=draggable_row_context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draggable_row_context.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/draggable_row_context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,aAAa,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,mBAAmB,qDAE/B,CAAC;AAEF,wBAAgB,2BAA2B,wBAQ1C"}

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

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const draggableRowContext = createContext(null);
+export function useTableDraggableRowContext() {
+    const context = useContext(draggableRowContext);
+    if (!context) {
+        throw new Error('useDraggableItemContext must be used within an ItemContextProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=draggable_row_context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draggable_row_context.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/draggable_row_context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC9C,IAAI,CACL,CAAC;AAEF,MAAM,UAAU,2BAA2B;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { Row, RowData } from '@tanstack/react-table';
+import type { TableRowPreviewRenderer, TableRowTrProps } from '../table_utils.js';
+export interface TableDraggableRowTrProps<TData extends RowData> {
+    /**
+     * Props to be spread on the `tr` element.
+     */
+    trProps: TableRowTrProps;
+    /**
+     * Row data.
+     */
+    row: Row<TData>;
+    /**
+     * Preview of the row being dragged.
+     */
+    renderRowPreview: TableRowPreviewRenderer<TData>;
+}
+export declare function TableDraggableRowTr<TData extends RowData>(props: TableDraggableRowTrProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=draggable_row_tr.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draggable_row_tr.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/draggable_row_tr.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,KAAK,EACV,uBAAuB,EACvB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAS3B,MAAM,WAAW,wBAAwB,CAAC,KAAK,SAAS,OAAO;IAC7D;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB;;OAEG;IACH,gBAAgB,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;CAClD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,OAAO,EACvD,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CA0GvC"}

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

@@ -0,0 +1,107 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { draggable, dropTargetForElements, } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { attachClosestEdge, extractClosestEdge, } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { Colors } from '@blueprintjs/core';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { assert } from '../../utils/index.js';
+import { draggableRowContext } from './draggable_row_context.js';
+import { useDroppedItemContext } from './dropped_item_context.js';
+import { getItemData, isItemData } from './item_data.js';
+import { useItemOrder } from './item_order_context.js';
+export function TableDraggableRowTr(props) {
+    const { trProps, row, renderRowPreview } = props;
+    const { instanceId } = useItemOrder();
+    const innerRef = useRef(null);
+    const [state, setState] = useState(idleState);
+    const [droppedItemId, setDroppedItemId] = useDroppedItemContext();
+    const dragHandleRef = useRef(null);
+    useEffect(() => {
+        const trElement = innerRef.current;
+        assert(trElement, 'tr ref is null');
+        assert(dragHandleRef.current, 'dragHandleRef is null');
+        function canDrop({ source }) {
+            return (isItemData(source.data) &&
+                source.data.instanceId === instanceId &&
+                source.data.id !== row.id);
+        }
+        const data = getItemData(row, instanceId);
+        return combine(draggable({
+            element: trElement,
+            dragHandle: dragHandleRef.current,
+            getInitialData: () => data,
+            onGenerateDragPreview({ nativeSetDragImage }) {
+                setCustomNativeDragPreview({
+                    nativeSetDragImage,
+                    getOffset: pointerOutsideOfPreview({
+                        x: '8px',
+                        y: '8px',
+                    }),
+                    render({ container }) {
+                        setState({ type: 'preview', container });
+                        return () => setState(draggingState);
+                    },
+                });
+            },
+            onDragStart() {
+                setState(draggingState);
+            },
+            onDrop() {
+                setState(idleState);
+            },
+        }), dropTargetForElements({
+            element: trElement,
+            canDrop,
+            getIsSticky: () => false,
+            getData({ input }) {
+                return attachClosestEdge(data, {
+                    element: trElement,
+                    input,
+                    allowedEdges: ['top', 'bottom'],
+                });
+            },
+            onDrag({ self }) {
+                const closestEdge = extractClosestEdge(self.data);
+                setState((current) => {
+                    if (current.type === 'is-over' &&
+                        current.closestEdge === closestEdge) {
+                        return current;
+                    }
+                    return { type: 'is-over', closestEdge };
+                });
+            },
+            onDragLeave() {
+                setState(idleState);
+            },
+            onDrop() {
+                setState(idleState);
+            },
+        }));
+    }, [row, instanceId]);
+    useEffect(() => {
+        if (droppedItemId === row.id && innerRef.current) {
+            triggerPostFlash(innerRef.current);
+            setDroppedItemId(undefined);
+        }
+    }, [droppedItemId, row.id, setDroppedItemId]);
+    const value = useMemo(() => {
+        return {
+            dragHandleRef,
+            state,
+        };
+    }, [state]);
+    return (_jsxs(_Fragment, { children: [_jsx(draggableRowContext.Provider, { value: value, children: _jsx("tr", { ...trProps, ref: innerRef }) }), state.type === 'preview' &&
+                createPortal(renderRowPreview(row), state.container)] }));
+}
+const idleState = { type: 'idle' };
+const draggingState = { type: 'dragging' };
+function triggerPostFlash(element) {
+    element.animate([{ backgroundColor: Colors.BLUE5, opacity: 0.5 }, { opacity: 0.5 }], {
+        duration: 250,
+        iterations: 1,
+    });
+}
+//# sourceMappingURL=draggable_row_tr.js.map

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

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

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

@@ -0,0 +1,18 @@
+import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/types';
+export interface TableDropIndicatorProps {
+    /**
+     * The edge (top or bottom) on which to render the drop indicator
+     * with respect to the nearest relatively positioned element.
+     */
+    edge: Edge;
+}
+/**
+ * An absolutely positioned line which indicates where a dragged item will
+ * be dropped.
+ *
+ */
+export declare const TableDropIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TableDropIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=drop_indicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drop_indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/drop_indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AAI3E,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;SAEvB,MACN,WAAU;mIAOX,CAAC"}

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

@@ -0,0 +1,19 @@
+import { Colors } from '@blueprintjs/core';
+import styled from '@emotion/styled';
+/**
+ * An absolutely positioned line which indicates where a dragged item will
+ * be dropped.
+ *
+ */
+export const TableDropIndicator = styled.div `
+  position: absolute;
+  z-index: 1;
+  background-color: ${Colors.BLUE3};
+  height: 2px;
+  left: 0;
+  right: 0;
+  pointer-events: none;
+  ${(props) => props.edge === 'top' && 'top: -1px;'}
+  ${(props) => props.edge === 'bottom' && 'bottom: -1px;'}
+`;
+//# sourceMappingURL=drop_indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drop_indicator.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/drop_indicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;sBAG/C,MAAM,CAAC,KAAK;;;;;IAK9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI,YAAY;IAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,eAAe;CACxD,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const droppedItemContext: import("react").Context<[string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>] | null>;
+export declare function useDroppedItemContext(): [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
+//# sourceMappingURL=dropped_item_context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropped_item_context.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/dropped_item_context.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,oIAE9B,CAAC;AAEF,wBAAgB,qBAAqB,uGAUpC"}