react-science 13.0.2 → 15.0.0

package/src/components/table/table_root.tsx

@@ -1,6 +1,6 @@
 import { HTMLTable } from '@blueprintjs/core';
 import styled from '@emotion/styled';
-import type { RowData, TableOptions } from '@tanstack/react-table';
+import type { Header, RowData, TableOptions } from '@tanstack/react-table';
 import {
   getCoreRowModel,
   getSortedRowModel,
@@ -8,14 +8,19 @@ import {
 } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import type { ReactNode, RefObject, TableHTMLAttributes } from 'react';
-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 type { HeaderCellRenderer } from './table_header_cell.js';
 import type {
+  GetTdProps,
   Scroller,
   TableColumnDef,
+  TableRowPreviewRenderer,
   TableRowTrRenderer,
   VirtualScroller,
 } from './table_utils.js';
@@ -34,7 +39,7 @@ 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'
@@ -42,7 +47,7 @@ const CustomHTMLTable = styled(HTMLTable, {
         };
       }
     
-      tbody tr:first-child td:first-child {
+      tbody tr:first-of-type td:first-of-type {
         box-shadow: none !important;
       }
     `;
@@ -57,6 +62,9 @@ const CustomHTMLTable = styled(HTMLTable, {
 `;
 
 interface TableBaseProps<TData extends RowData> {
+  /**
+   * The original data to display in the table.
+   */
   data: TData[];
   /**
    * Tanstack table definition of columns in the table.
@@ -115,19 +123,55 @@ interface TableBaseProps<TData extends RowData> {
    */
   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>
@@ -162,11 +206,14 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
     className,
     renderRowTr,
     renderHeaderCell,
+    getTdProps,
 
     virtualizeRows,
     getRowId,
+    onRowOrderChanged,
+    renderRowPreview,
   } = props;
-
+  const isReorderingEnabled = !!onRowOrderChanged;
   const scrollElementRef = useRef<HTMLDivElement>(null);
   const columnDefs = useTableColumns(columns);
   const table = useReactTable<TData>({
@@ -199,31 +246,56 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
     finalClassName = tableProps?.className;
   }
 
+  const tableHeaders = table.getFlatHeaders();
+  useCheckProps(
+    props as TableProps<unknown>,
+    tableHeaders as Array<Header<unknown, unknown>>,
+  );
   return (
-    <Container virtualizeRows={virtualizeRows} scrollRef={scrollElementRef}>
-      <CustomHTMLTable
-        ref={tableRef}
-        bordered={bordered}
-        compact={compact}
-        interactive={interactive}
-        striped={striped}
-        stickyHeader={stickyHeader}
-        {...tableProps}
-        className={finalClassName}
+    <DroppedItemProvider>
+      <ItemOrderProvider
+        items={table.getRowModel().rows}
+        onOrderChanged={(items) => {
+          onRowOrderChanged?.(items.map((item) => item.original));
+        }}
       >
-        <TableHeader
-          sticky={stickyHeader}
-          headers={table.getFlatHeaders()}
-          renderHeaderCell={renderHeaderCell}
-        />
-        <TableBody
-          rows={table.getRowModel().rows}
-          renderRowTr={renderRowTr}
-          virtualizer={tanstackVirtualizer}
+        <Container
           virtualizeRows={virtualizeRows}
-        />
-      </CustomHTMLTable>
-    </Container>
+          scrollRef={
+            virtualizeRows
+              ? scrollElementRef
+              : props.scrollableElementRef || tableRef
+          }
+          isReorderingEnabled={isReorderingEnabled}
+        >
+          <CustomHTMLTable
+            ref={tableRef}
+            bordered={bordered}
+            compact={compact}
+            interactive={interactive}
+            striped={striped}
+            stickyHeader={stickyHeader}
+            {...tableProps}
+            className={finalClassName}
+          >
+            <TableHeader
+              sticky={stickyHeader}
+              headers={tableHeaders}
+              renderHeaderCell={renderHeaderCell}
+            />
+            <TableBody
+              rows={table.getRowModel().rows}
+              renderRowTr={renderRowTr}
+              getTdProps={getTdProps}
+              virtualizer={tanstackVirtualizer}
+              virtualizeRows={virtualizeRows}
+              renderRowPreview={renderRowPreview}
+              isReorderingEnabled={isReorderingEnabled}
+            />
+          </CustomHTMLTable>
+        </Container>
+      </ItemOrderProvider>
+    </DroppedItemProvider>
   );
 }
 
@@ -232,17 +304,77 @@ const ScrollRefDiv = styled.div`
   overflow: auto;
 `;
 
-function Container({
-  virtualizeRows,
-  scrollRef,
-  children,
-}: {
+interface ContainerProps {
   virtualizeRows?: boolean;
   children: ReactNode;
-  scrollRef: RefObject<HTMLDivElement>;
-}) {
+  scrollRef: RefObject<Element>;
+  isReorderingEnabled: boolean;
+}
+
+function Container(props: ContainerProps) {
+  const { virtualizeRows, scrollRef, isReorderingEnabled, children } = props;
   if (virtualizeRows) {
-    return <ScrollRefDiv ref={scrollRef}>{children}</ScrollRefDiv>;
+    return (
+      <ContainerVirtual
+        scrollElementRef={scrollRef}
+        enabled={isReorderingEnabled}
+      >
+        {children}
+      </ContainerVirtual>
+    );
   }
+  return (
+    <ContainerTable scrollElementRef={scrollRef} enabled={isReorderingEnabled}>
+      {children}
+    </ContainerTable>
+  );
+}
+
+interface ContainerWithReorderingProps {
+  scrollElementRef: RefObject<Element>;
+  enabled: boolean;
+  children: ReactNode;
+}
+
+function ContainerVirtual(props: ContainerWithReorderingProps) {
+  const { scrollElementRef, enabled, children } = props;
+  useDropMonitor(scrollElementRef, enabled);
+
+  return (
+    <ScrollRefDiv ref={scrollElementRef as RefObject<HTMLDivElement>}>
+      {children}
+    </ScrollRefDiv>
+  );
+}
+
+interface ContainerTableProps {
+  scrollElementRef: RefObject<Element>;
+  enabled: boolean;
+  children: ReactNode;
+}
+function ContainerTable(props: ContainerTableProps) {
+  const { scrollElementRef, enabled, children } = props;
+  useDropMonitor(scrollElementRef, enabled);
   return <>{children}</>;
 }
+
+function useCheckProps(
+  props: TableProps<unknown>,
+  headers: Array<Header<unknown, unknown>>,
+) {
+  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]);
+}

package/src/components/table/table_row_cell.tsx

@@ -1,18 +1,20 @@
 import type { Cell, RowData } from '@tanstack/react-table';
 import { flexRender } 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 function TableRowCell<TData extends RowData>(
   props: TableRowCellProps<TData>,
 ) {
-  const { cell, className } = props;
+  const { cell, getTdProps } = props;
 
   return (
-    <td style={{ position: 'relative' }} className={className}>
+    <td {...getTdProps?.(cell)}>
       {flexRender(cell.column.columnDef.cell, cell.getContext())}
     </td>
   );

package/src/components/table/table_utils.ts

@@ -1,19 +1,26 @@
-import type { ColumnDef, Row, RowData } from '@tanstack/react-table';
+import type { Cell, ColumnDef, Row, RowData } from '@tanstack/react-table';
 import { createColumnHelper } 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 function createTableColumnHelper<TData extends RowData>() {
   return createColumnHelper<TData>();
 }
 
 export interface TableRowTrProps {
   className: string;
+  style: CSSProperties;
   children: ReactNode;
   // eslint-disable-next-line @typescript-eslint/naming-convention
   'data-row-id': string;
@@ -24,6 +31,13 @@ export type TableRowTrRenderer<TData extends RowData> = (
   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;
 }

package/src/components/toolbar/Toolbar.tsx

@@ -126,7 +126,7 @@ export function Toolbar(props: ToolbarProps) {
         // TODO: remove once the workaround is no longer needed
         key={String(vertical)}
         vertical={vertical}
-        minimal
+        variant="minimal"
         style={{
           flexWrap: 'wrap',
           borderRight: vertical ? border : undefined,
@@ -174,7 +174,7 @@ function ToolbarItemInternal(props: ToolbarItemInternalProps) {
 
   return (
     <ToolbarButton
-      alignText={isPopover ? 'left' : undefined}
+      alignText={isPopover ? 'start' : undefined}
       disabled={disabled}
       intent={intent}
       type="button"

package/src/components/toolbar/TooltipHelpContent.tsx

@@ -18,12 +18,12 @@ const Title = styled.span<TitleProps>`
   font-size: ${({ size }) => size};
   flex: 1;
   padding: 5px 0;
-  text-align: left;
+  text-align: start;
 `;
 const Description = styled.p`
   padding-top: 1rem;
   font-size: 0.7rem;
-  text-align: left;
+  text-align: start;
 `;
 
 const ShortcutItem = styled.div`

package/lib/components/split-pane/SplitPane.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/split-pane/SplitPane.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,GAAG,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,IAAI,CAAC;AAEvC,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;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAsG9C"}

package/lib/components/split-pane/SplitPane.js.map

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

package/lib/components/split-pane/index.d.ts

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

package/lib/components/split-pane/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/split-pane/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/components/split-pane/index.js

@@ -1,2 +0,0 @@
-export * from './SplitPane.js';
-//# sourceMappingURL=index.js.map

package/lib/components/split-pane/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/split-pane/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/components/split-pane/useSplitPaneSize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSplitPaneSize.d.ts","sourceRoot":"","sources":["../../../src/components/split-pane/useSplitPaneSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACd,MAAM,gBAAgB,CAAC;AAExB,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,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB;;EAoEhE"}

package/lib/components/split-pane/useSplitPaneSize.js

@@ -1,60 +0,0 @@
-export function useSplitPaneSize(options) {
-    const { controlledSide, direction, splitterRef, sizeType, onSizeChange, onResize, } = options;
-    function downCallback() {
-        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: 50,
-                    max: parentDimension - 50,
-                });
-                lastSize = [newSize, sizeType];
-                onSizeChange(lastSize);
-            }
-            else if (sizeType === '%') {
-                const valueDiff = (value / parentDimension) * 100;
-                const newSize = getValueFromSplitter(valueDiff, {
-                    min: 5,
-                    max: 95,
-                });
-                lastSize = [newSize, sizeType];
-                onSizeChange(lastSize);
-            }
-        }
-        function upCallback() {
-            window.removeEventListener('pointermove', moveCallback);
-            window.removeEventListener('pointerup', upCallback);
-            if (lastSize && onResize) {
-                onResize(`${lastSize[0]}${lastSize[1]}`);
-            }
-        }
-        window.addEventListener('pointermove', moveCallback);
-        window.addEventListener('pointerup', upCallback);
-    }
-    return {
-        onPointerDown: downCallback,
-    };
-}
-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=useSplitPaneSize.js.map

package/lib/components/split-pane/useSplitPaneSize.js.map

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

package/src/components/split-pane/index.ts

@@ -1 +0,0 @@
-export * from './SplitPane.js';

package/src/components/split-pane/useSplitPaneSize.tsx

@@ -1,99 +0,0 @@
-import type { RefObject } from 'react';
-
-import type {
-  SplitPaneDirection,
-  SplitPaneSide,
-  SplitPaneSize,
-  SplitPaneType,
-} from './SplitPane.js';
-
-interface UseSplitPaneSizeOptions {
-  controlledSide: SplitPaneSide;
-  direction: SplitPaneDirection;
-  splitterRef: RefObject<HTMLDivElement>;
-  sizeType: SplitPaneType;
-  onSizeChange: (newSize: [number, SplitPaneType]) => void;
-  onResize?: (newSize: SplitPaneSize) => void;
-}
-
-export function useSplitPaneSize(options: UseSplitPaneSizeOptions) {
-  const {
-    controlledSide,
-    direction,
-    splitterRef,
-    sizeType,
-    onSizeChange,
-    onResize,
-  } = options;
-
-  function downCallback() {
-    let lastSize: [number, SplitPaneType] | null = null;
-    function moveCallback(event: PointerEvent) {
-      if (!splitterRef.current) return;
-      const { clientX, clientY } = event;
-      const parentDiv = splitterRef.current.parentElement as HTMLDivElement;
-      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: 50,
-          max: parentDimension - 50,
-        });
-        lastSize = [newSize, sizeType];
-        onSizeChange(lastSize);
-      } else if (sizeType === '%') {
-        const valueDiff = (value / parentDimension) * 100;
-        const newSize = getValueFromSplitter(valueDiff, {
-          min: 5,
-          max: 95,
-        });
-        lastSize = [newSize, sizeType];
-        onSizeChange(lastSize);
-      }
-    }
-
-    function upCallback() {
-      window.removeEventListener('pointermove', moveCallback);
-      window.removeEventListener('pointerup', upCallback);
-      if (lastSize && onResize) {
-        onResize(`${lastSize[0]}${lastSize[1]}`);
-      }
-    }
-
-    window.addEventListener('pointermove', moveCallback);
-    window.addEventListener('pointerup', upCallback);
-  }
-
-  return {
-    onPointerDown: downCallback,
-  };
-}
-
-function getValueFromSplitter(
-  value: number,
-  options: { min: number; max: number },
-) {
-  const newValue = Math.round((value + Number.EPSILON) * 100) / 100;
-  return getMinMax(newValue, options);
-}
-
-function getMinMax(value: number, options: { min: number; max: number }) {
-  return Math.min(Math.max(value, options.min), options.max);
-}