@lensui/lens-table 0.1.4 → 0.1.6

package/dist/index.css

@@ -15,6 +15,7 @@
   --rvg-color-primary-soft: #edf4ff;
   --rvg-color-selection-fill: #edf4ff;
   --rvg-color-axis-selection-fill: #e8f2ff;
+  --rvg-color-column-drop-target-fill: #eeeeee;
   --rvg-color-range-fill: #e8f1ff;
   --rvg-color-row-hover-fill: #f6f9fc;
   --rvg-color-hover: #f1f4f8;
@@ -121,10 +122,17 @@
 }
 .rvg-vertical-scrollbar {
   right: 2px;
+  left: auto;
   width: 9px;
+  max-width: 9px;
+  overflow: hidden;
 }
 .rvg-horizontal-scrollbar {
+  top: auto;
+  width: auto;
   height: 9px;
+  max-height: 9px;
+  overflow: hidden;
 }
 .rvg-vertical-scrollbar-thumb,
 .rvg-horizontal-scrollbar-thumb {
@@ -137,14 +145,22 @@
 .rvg-vertical-scrollbar-thumb {
   top: 0;
   right: 1px;
+  bottom: auto;
+  left: auto;
   width: 7px;
+  min-width: 0;
+  max-width: 7px;
   min-height: 28px;
 }
 .rvg-horizontal-scrollbar-thumb {
+  top: auto;
+  right: auto;
   bottom: 1px;
   left: 0;
-  height: 7px;
   min-width: 36px;
+  min-height: 0;
+  height: 7px;
+  max-height: 7px;
 }
 .rvg-vertical-scrollbar:hover .rvg-vertical-scrollbar-thumb,
 .rvg-horizontal-scrollbar:hover .rvg-horizontal-scrollbar-thumb,
@@ -203,9 +219,7 @@
 .rvg-cell-text {
   transition: transform 140ms ease, opacity 100ms ease;
 }
-.rvg-row-drop-settling .rvg-cell-text,
-.rvg-row-drop-settling .rvg-row-drag-icon,
-.rvg-row-drop-settling .rvg-row-selection-icon {
+.rvg-row-drop-settling .rvg-cell-text {
   transition: none;
 }
 .rvg-cell-text > span,
@@ -225,20 +239,6 @@
   white-space: normal;
   text-overflow: clip;
 }
-.rvg-row-drag-icon {
-  position: absolute;
-  display: grid;
-  place-items: center;
-  pointer-events: none;
-  transition: transform 140ms ease, opacity 100ms ease;
-}
-.rvg-row-drag-icon svg {
-  display: block;
-  width: 16px;
-  height: 16px;
-  overflow: visible;
-  fill: var(--rvg-color-icon);
-}
 .rvg-cell-render {
   position: absolute;
   z-index: 1;
@@ -421,16 +421,12 @@
   background: #fce8e6;
   color: #d93025;
 }
-.rvg-row-selection-icon,
 .rvg-header-selection-icon {
   position: absolute;
   display: grid;
   place-items: center;
   pointer-events: none;
 }
-.rvg-row-selection-icon {
-  transition: transform 140ms ease, opacity 100ms ease;
-}
 .rvg-selection-svg {
   display: block;
   width: 16px;
@@ -463,10 +459,280 @@
 }
 .rvg-selection-focus {
   position: absolute;
-  z-index: 4;
+  z-index: 7;
   border: 2px solid var(--rvg-color-primary);
   box-sizing: border-box;
   pointer-events: none;
+  transition: transform 140ms ease;
+}
+.rvg-selection-edge-target {
+  position: absolute;
+  z-index: 6;
+  display: block;
+  min-width: 0;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+  overflow: visible;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  appearance: none;
+  box-shadow: none;
+  box-sizing: border-box;
+  background: transparent;
+  color: transparent;
+  font: inherit;
+  line-height: 0;
+  cursor: pointer;
+  touch-action: manipulation;
+  -webkit-appearance: none;
+}
+.rvg-selection-edge-target::before,
+.rvg-selection-edge-target::after {
+  position: absolute;
+  content: "";
+  pointer-events: none;
+}
+.rvg-selection-edge-target.is-shape-syncing::before,
+.rvg-selection-edge-target.is-shape-syncing::after,
+.rvg-selection-edge-target.is-shape-syncing .rvg-selection-edge-halo {
+  transition: none;
+}
+.rvg-selection-edge-target::before {
+  z-index: 1;
+  border-radius: 2px;
+  background-color: transparent;
+  background-image: linear-gradient(var(--rvg-color-primary), var(--rvg-color-primary));
+  background-repeat: no-repeat;
+  box-shadow: 0 0 0 rgba(22, 119, 255, 0);
+  transition:
+    top 160ms ease,
+    right 160ms ease,
+    bottom 160ms ease,
+    left 160ms ease,
+    width 140ms ease,
+    height 140ms ease,
+    background-size 140ms ease,
+    box-shadow 160ms ease;
+}
+.rvg-selection-edge-target::after {
+  inset: 2px;
+  border-radius: 4px;
+  opacity: 0;
+  background: rgba(22, 119, 255, 0.1);
+  transform: scale(.72);
+  transition: opacity 140ms ease, transform 160ms ease;
+}
+.rvg-selection-edge-target:not(.is-corner)::after {
+  display: none;
+}
+.rvg-selection-edge-halo {
+  position: absolute;
+  z-index: 0;
+  display: none;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 160ms ease;
+}
+.rvg-selection-edge-halo svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.rvg-selection-edge-halo path {
+  fill: none;
+  stroke: rgba(22, 119, 255, 0.12);
+  stroke-width: 11;
+  stroke-linecap: round;
+  stroke-linejoin: miter;
+  vector-effect: non-scaling-stroke;
+}
+.rvg-selection-edge-target.is-vertical::before {
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 2px;
+  background-position: center;
+  background-size: 2px 100%;
+  transform: translateX(-50%) scaleY(1);
+}
+.rvg-selection-edge-target.is-horizontal::before {
+  top: 50%;
+  right: 0;
+  left: 0;
+  height: 2px;
+  background-position: center;
+  background-size: 100% 2px;
+  transform: translateY(-50%) scaleX(1);
+}
+.rvg-selection-edge-target.is-vertical.is-viewport-left::before {
+  right: auto;
+  left: 6px;
+  transform: none;
+}
+.rvg-selection-edge-target.is-vertical.is-viewport-right::before {
+  right: 6px;
+  left: auto;
+  transform: none;
+}
+.rvg-selection-edge-target.is-horizontal.is-viewport-top::before {
+  top: 6px;
+  bottom: auto;
+  transform: none;
+}
+.rvg-selection-edge-target.is-horizontal.is-viewport-bottom::before {
+  top: auto;
+  bottom: 6px;
+  transform: none;
+}
+.rvg-selection-edge-target.is-corner {
+  --rvg-corner-hover-width-extension: 4px;
+  --rvg-corner-hover-height-extension: 4px;
+}
+.rvg-selection-edge-target.is-corner::before {
+  width: 2px;
+  height: var(--rvg-corner-height, 10px);
+  border-radius: 0;
+  opacity: 1;
+  background: var(--rvg-color-primary);
+  box-shadow: 0 0 0 rgba(22, 119, 255, 0);
+  transform: none;
+  transition: width 140ms ease, box-shadow 160ms ease;
+}
+.rvg-selection-edge-target.is-corner::after {
+  z-index: 1;
+  inset: auto;
+  width: var(--rvg-corner-width, 10px);
+  height: 2px;
+  border-radius: 0;
+  opacity: 1;
+  background: var(--rvg-color-primary);
+  box-shadow: 0 0 0 rgba(22, 119, 255, 0);
+  transform: none;
+  transition: height 140ms ease, box-shadow 160ms ease;
+}
+.rvg-selection-edge-target.is-corner.is-top-left::before,
+.rvg-selection-edge-target.is-corner.is-top-left::after {
+  top: 6px;
+  left: 6px;
+}
+.rvg-selection-edge-target.is-corner.is-top-right::before,
+.rvg-selection-edge-target.is-corner.is-top-right::after {
+  top: 6px;
+  right: 6px;
+}
+.rvg-selection-edge-target.is-corner.is-bottom-left::before,
+.rvg-selection-edge-target.is-corner.is-bottom-left::after {
+  bottom: 6px;
+  left: 6px;
+}
+.rvg-selection-edge-target.is-corner.is-bottom-right::before,
+.rvg-selection-edge-target.is-corner.is-bottom-right::after {
+  right: 6px;
+  bottom: 6px;
+}
+.rvg-selection-edge-target.is-corner:is(.is-top-left, .is-top-right)::before {
+  border-radius: 0 0 999px 999px;
+}
+.rvg-selection-edge-target.is-corner:is(.is-bottom-left, .is-bottom-right)::before {
+  border-radius: 999px 999px 0 0;
+}
+.rvg-selection-edge-target.is-corner:is(.is-top-left, .is-bottom-left)::after {
+  border-radius: 0 999px 999px 0;
+}
+.rvg-selection-edge-target.is-corner:is(.is-top-right, .is-bottom-right)::after {
+  border-radius: 999px 0 0 999px;
+}
+.rvg-selection-edge-target.is-corner .rvg-selection-edge-halo {
+  display: block;
+  width: max(0px, calc(var(--rvg-corner-width, 10px) + var(--rvg-corner-hover-width-extension) - 5px));
+  height: max(0px, calc(var(--rvg-corner-height, 10px) + var(--rvg-corner-hover-height-extension) - 5px));
+  transform-origin: center;
+}
+.rvg-selection-edge-target.is-corner.is-top-left .rvg-selection-edge-halo {
+  top: 8.5px;
+  left: 8.5px;
+}
+.rvg-selection-edge-target.is-corner.is-top-right .rvg-selection-edge-halo {
+  top: 8.5px;
+  right: 8.5px;
+  transform: scaleX(-1);
+}
+.rvg-selection-edge-target.is-corner.is-bottom-left .rvg-selection-edge-halo {
+  bottom: 8.5px;
+  left: 8.5px;
+  transform: scaleY(-1);
+}
+.rvg-selection-edge-target.is-corner.is-bottom-right .rvg-selection-edge-halo {
+  right: 8.5px;
+  bottom: 8.5px;
+  transform: scale(-1);
+}
+.rvg-selection-edge-target.is-corner:hover .rvg-selection-edge-halo,
+.rvg-selection-edge-target.is-corner:focus-visible .rvg-selection-edge-halo {
+  opacity: 1;
+}
+.rvg-selection-edge-target.is-vertical:hover::before,
+.rvg-selection-edge-target.is-vertical:focus-visible::before {
+  top: -4px;
+  bottom: -4px;
+  width: 5px;
+  background-size: 5px 100%;
+  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12);
+  transform: translateX(-50%);
+}
+.rvg-selection-edge-target.is-horizontal:hover::before,
+.rvg-selection-edge-target.is-horizontal:focus-visible::before {
+  right: -4px;
+  left: -4px;
+  height: 5px;
+  background-size: 100% 5px;
+  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12);
+  transform: translateY(-50%);
+}
+.rvg-selection-edge-target.is-vertical.is-viewport-left:hover::before,
+.rvg-selection-edge-target.is-vertical.is-viewport-left:focus-visible::before {
+  right: auto;
+  left: 6px;
+  transform: none;
+}
+.rvg-selection-edge-target.is-vertical.is-viewport-right:hover::before,
+.rvg-selection-edge-target.is-vertical.is-viewport-right:focus-visible::before {
+  right: 6px;
+  left: auto;
+  transform: none;
+}
+.rvg-selection-edge-target.is-horizontal.is-viewport-top:hover::before,
+.rvg-selection-edge-target.is-horizontal.is-viewport-top:focus-visible::before {
+  top: 6px;
+  bottom: auto;
+  transform: none;
+}
+.rvg-selection-edge-target.is-horizontal.is-viewport-bottom:hover::before,
+.rvg-selection-edge-target.is-horizontal.is-viewport-bottom:focus-visible::before {
+  top: auto;
+  bottom: 6px;
+  transform: none;
+}
+.rvg-selection-edge-target.is-corner:hover::before,
+.rvg-selection-edge-target.is-corner:focus-visible::before {
+  width: 5px;
+  height: calc(var(--rvg-corner-height, 10px) + var(--rvg-corner-hover-height-extension));
+  box-shadow: none;
+  transform: none;
+}
+.rvg-selection-edge-target.is-corner:hover::after,
+.rvg-selection-edge-target.is-corner:focus-visible::after {
+  width: calc(var(--rvg-corner-width, 10px) + var(--rvg-corner-hover-width-extension));
+  height: 5px;
+  box-shadow: none;
+  transform: none;
+}
+.rvg-selection-edge-target:focus-visible {
+  outline: 2px solid rgba(22, 119, 255, 0.28);
+  outline-offset: -2px;
 }
 .rvg-header-title {
   z-index: 1;
@@ -483,6 +749,9 @@
 .rvg-header-group.is-leaf {
   z-index: 2;
 }
+.rvg-header-title.is-drop-target {
+  background: var(--rvg-color-column-drop-target-fill);
+}
 .rvg-text-fixed-shadow {
   position: absolute;
   z-index: 4;
@@ -523,6 +792,20 @@
   overflow: hidden;
   pointer-events: none;
 }
+.rvg-header-icons::after {
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--rvg-color-grid);
+  content: "";
+  pointer-events: none;
+}
+.rvg-root.is-vertical-borderless .rvg-header-icons::after {
+  display: none;
+}
 .rvg-header-scroll-clip {
   position: absolute;
   top: 0;
@@ -1181,6 +1464,38 @@
   color: var(--rvg-color-muted);
   font-weight: 600;
 }
+.rvg-column-drag-preview-header .rvg-preview-header-icon {
+  position: absolute;
+  top: 50%;
+  width: 14px;
+  height: 14px;
+  transform: translateY(-50%);
+  overflow: visible;
+  color: var(--rvg-color-icon);
+}
+.rvg-column-drag-preview-header .rvg-preview-header-icon path,
+.rvg-column-drag-preview-header .rvg-preview-header-icon circle {
+  fill: currentColor;
+}
+.rvg-column-drag-preview-header .rvg-preview-header-icon path.is-active,
+.rvg-column-drag-preview-header .rvg-preview-header-icon.is-active {
+  color: var(--rvg-color-primary);
+}
+.rvg-column-drag-preview-header .rvg-preview-header-search-icon {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.rvg-column-drag-preview-header .rvg-preview-header-search-icon path,
+.rvg-column-drag-preview-header .rvg-preview-header-search-icon circle {
+  fill: none;
+}
+.rvg-is-dragging,
+.rvg-is-dragging * {
+  cursor: move !important;
+}
 .rvg-column-drag-preview-cell.is-axis-selected {
   background: var(--rvg-color-axis-selection-fill);
 }
@@ -1190,12 +1505,18 @@
 .rvg-column-drag-preview-cell.is-selected {
   background: var(--rvg-color-selection-fill);
 }
-.rvg-row-drag-preview {
+.rvg-row-drag-preview-frame {
   position: relative;
   overflow: hidden;
+}
+.rvg-row-drag-preview {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  overflow: visible;
   border: 1px solid #a9c8f5;
   background: #fff;
-  box-shadow: var(--rvg-shadow-popover);
+  box-shadow: 0 2px 6px rgba(5, 5, 5, 0.08);
   box-sizing: border-box;
 }
 .rvg-row-drag-preview-cell {
@@ -1222,6 +1543,11 @@
   height: 16px;
   fill: var(--rvg-color-icon);
 }
+.rvg-row-drag-preview-cell.is-selected {
+  z-index: 1;
+  background: var(--rvg-color-selection-fill);
+  box-shadow: 0 0 0 2px var(--rvg-color-primary);
+}
 .rvg-preview-checkbox {
   display: grid;
   width: 14px;
@@ -1241,7 +1567,7 @@
   position: absolute;
   z-index: 2;
   margin: 0;
-  padding: 0 9px;
+  padding: 0 10px;
   border: 0;
   border-radius: 0;
   outline: 0;
@@ -1269,6 +1595,7 @@
   position: absolute;
   z-index: 6;
   background: var(--rvg-color-bg);
+  box-sizing: border-box;
 }
 .rvg-choice-editor {
   line-height: 1;
@@ -1277,11 +1604,12 @@
   position: absolute;
   z-index: 6;
   display: flex;
-  padding: 0 28px 0 9px;
+  padding: 0 28px 0 10px;
   align-items: center;
   gap: 3px;
   background: var(--rvg-color-bg);
   line-height: 1;
+  box-sizing: border-box;
 }
 .rvg-time-field-group {
   display: contents;
@@ -1307,12 +1635,13 @@
   position: absolute;
   z-index: 6;
   display: flex;
-  padding: 0 9px;
+  padding: 0 10px;
   align-items: center;
   gap: 6px;
   overflow: hidden;
   background: var(--rvg-color-bg);
   line-height: 1;
+  box-sizing: border-box;
 }
 .rvg-native-editor.has-clear {
   padding-right: 32px;
@@ -1571,11 +1900,11 @@
   text-align: left;
 }
 .rvg-choice-editor [data-part=trigger] {
-  padding: 0 28px 0 9px;
+  padding: 0 28px 0 10px;
   line-height: 1;
 }
 .rvg-date-value {
-  padding: 0 8px 2px 9px;
+  padding: 0 8px 2px 10px;
 }
 .rvg-choice-editor [data-part=value-text] {
   min-width: 0;
@@ -1760,7 +2089,9 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .rvg-choice-chevron {
+  .rvg-choice-chevron,
+  .rvg-selection-edge-target::before,
+  .rvg-selection-edge-target::after {
     transition: none;
   }
   .rvg-choice-content[data-state] {

package/dist/index.d.cts

@@ -36,6 +36,7 @@ interface TableLabels {
     sortDesc: string;
     sortBoth: string;
     dragColumn: string;
+    revealSelectedCell: string;
     previousYear: string;
     nextYear: string;
     previousMonth: string;
@@ -218,6 +219,22 @@ interface GridSelection extends GridCellPosition {
     rowKey: GridKey;
     columnKey: string;
 }
+/** Cell locator accepted by controlled and default selection props. */
+type GridSelectionTarget = {
+    columnKey: string;
+    rowKey: GridKey;
+    rowIndex?: number;
+    columnIndex?: number;
+} | {
+    columnKey: string;
+    rowIndex: number;
+    rowKey?: GridKey;
+    columnIndex?: number;
+};
+/** Fully resolved selected cell returned by onSelectedCellChange. */
+interface SelectedCellChange extends GridSelection {
+    value: unknown;
+}
 /** Fired after a cell editor commits a value. */
 interface CellChange<Row> extends GridSelection {
     value: unknown;
@@ -270,24 +287,6 @@ interface TableContextMenuConfig<Row> {
     range?: ContextMenuSection<Row, RangeContextMenuBuiltin, RangeContextMenuContext<Row>>;
 }
 type TableContextMenu<Row> = boolean | TableContextMenuConfig<Row>;
-/** Payload for inserting one or more rows around a target row. */
-interface InsertRowsEvent<Row> {
-    rowIndex: number;
-    row: Row;
-    position: 'before' | 'after';
-    count: number;
-    /** Rows created by the grid for the optimistic visible insert. Consumers can persist these directly. */
-    insertedRows?: Row[];
-}
-/** Payload for deleting the selected rows. */
-interface DeleteRowsEvent<Row> {
-    rows: Array<{
-        rowIndex: number;
-        row: Row;
-    }>;
-    /** Current rendered viewport, including virtual overscan. Useful for fast optimistic updates before rebuilding large datasets. */
-    viewportRange?: ViewportRange;
-}
 /**
  * Public props for Table.
  *
@@ -333,22 +332,24 @@ interface TableProps<Row extends object> {
     summary?: TableSummaryConfig;
     /** Show an automatically generated row number column on the left. */
     rowNumber?: boolean;
-    selectedCell?: GridSelection | null;
-    defaultSelectedCell?: GridSelection | null;
-    onSelectedCellChange?: (selection: GridSelection | null) => void;
+    selectedCell?: GridSelectionTarget | null;
+    defaultSelectedCell?: GridSelectionTarget | null;
+    onSelectedCellChange?: (selection: SelectedCellChange | null) => void;
     /** Enable spreadsheet-style mouse drag selection across multiple body cells. Defaults to false. */
     rangeSelection?: boolean;
     rowSelection?: boolean | AxisSelectionConfig;
     selectedRowKeys?: GridKey[];
     defaultSelectedRowKeys?: GridKey[];
-    onSelectedRowKeysChange?: (keys: GridKey[], rows: Row[], indices: number[]) => void;
+    onSelectedRowChange?: (keys: GridKey[], rows: Row[], indices: number[]) => void;
     columnSelection?: boolean | AxisSelectionConfig;
     selectedColumnKeys?: string[];
     defaultSelectedColumnKeys?: string[];
-    onSelectedColumnKeysChange?: (keys: string[]) => void;
+    onSelectedColumnChange?: (keys: string[]) => void;
     columnDraggable?: boolean;
     columnResizable?: boolean;
-    onColumnOrderChange?: (sourceIndex: number, targetIndex: number, detail?: {
+    onColumnsReorder?: (columns: GridColumn<Row>[], detail: {
+        sourceIndex: number;
+        targetIndex: number;
         type: 'column' | 'group';
         sourceKey: string;
         targetKey: string;
@@ -357,13 +358,18 @@ interface TableProps<Row extends object> {
     }) => void;
     onColumnResize?: (columnKey: string, width: number) => void;
     rowDraggable?: boolean;
-    onRowOrderChange?: (sourceIndex: number, targetIndex: number) => void;
-    onInsertRows?: (event: InsertRowsEvent<Row>) => void | Promise<void>;
-    onDeleteRows?: (event: DeleteRowsEvent<Row>) => void | Promise<void>;
-    sortState?: GridSortState | null;
-    onSortStateChange?: (state: GridSortState | null) => void;
-    filterValues?: Record<string, string>;
-    onFilterValuesChange?: (values: Record<string, string>) => void;
+    onRowsReorder?: (rows: Row[], detail: {
+        sourceIndex: number;
+        targetIndex: number;
+    }) => void;
+    /** Receives the complete rows array and the rows added by the built-in insert operation. */
+    onInsertRows?: (rows: Row[], insertedRows: Row[]) => void | Promise<void>;
+    /** Receives the complete rows array and the rows removed by the built-in delete operation. */
+    onDeleteRows?: (rows: Row[], deletedRows: Row[]) => void | Promise<void>;
+    /** Overrides the built-in value sorting. Return rows ordered for the internally managed sort state. */
+    onSortChange?: (rows: Row[], state: GridSortState) => Row[];
+    /** Overrides the built-in text filtering. Return the rows that match the internally managed filter values. */
+    onFilterChange?: (rows: Row[], values: Readonly<Record<string, string>>) => Row[];
     onCellChange?: (change: CellChange<Row>) => void | Promise<void>;
     onCellContextMenu?: (event: ContextMenuEvent<Row>) => void;
     /** true uses the built-in menu, false disables custom menus, object customizes menu content and order. */
@@ -380,7 +386,7 @@ interface ViewportRange {
     columnEnd: number;
 }
 
-declare function Table<Row extends object>({ columns: sourceColumns, rows: sourceRows, rowKey, width, height, autoHeight, layout, rowHeight: rowHeightProp, headerHeight: headerHeightProp, fixedHeader, locale, borderless, verticalBorderless, striped, highlight, cellSpans, loading, loadingContent, virtualized, tooltip, summary, rowNumber, selectedCell, defaultSelectedCell, onSelectedCellChange, rangeSelection, rowSelection, selectedRowKeys, defaultSelectedRowKeys, onSelectedRowKeysChange, columnSelection, selectedColumnKeys, defaultSelectedColumnKeys, onSelectedColumnKeysChange, columnDraggable, columnResizable, onColumnOrderChange, onColumnResize, rowDraggable, onRowOrderChange, onInsertRows, onDeleteRows, sortState, onSortStateChange, filterValues, onFilterValuesChange, onCellChange, onCellContextMenu, contextMenu: contextMenuConfig, emptyContent, className, style, ariaLabel, }: TableProps<Row>): react.JSX.Element;
+declare function Table<Row extends object>({ columns: columnProps, rows: sourceRows, rowKey, width, height, autoHeight, layout, rowHeight: rowHeightProp, headerHeight: headerHeightProp, fixedHeader, locale, borderless, verticalBorderless, striped, highlight, cellSpans, loading, loadingContent, virtualized, tooltip, summary, rowNumber, selectedCell, defaultSelectedCell, onSelectedCellChange, rangeSelection, rowSelection, selectedRowKeys, defaultSelectedRowKeys, onSelectedRowChange, columnSelection, selectedColumnKeys, defaultSelectedColumnKeys, onSelectedColumnChange, columnDraggable, columnResizable, onColumnsReorder, onColumnResize, rowDraggable, onRowsReorder, onInsertRows, onDeleteRows, onSortChange, onFilterChange, onCellChange, onCellContextMenu, contextMenu: contextMenuConfig, emptyContent, className, style, ariaLabel, }: TableProps<Row>): react.JSX.Element;
 
 type LayoutColumn<Row> = GridColumn<Row> & {
     rowSelection?: boolean;
@@ -427,4 +433,4 @@ declare function hitTestColumn(metrics: ColumnMetric[], contentX: number): numbe
 
 type TableFilterValues = Record<string, string>;
 
-export { type AxisSelectionConfig, type CellChange, type ContextMenuEvent, type DeleteRowsEvent, type GridCellPosition, type GridColumn, type GridKey, type GridSelection, type GridSortState, type InsertRowsEvent, type SelectionMode, type SortDirection, Table, type CellChange as TableCellChange, type GridCellPosition as TableCellPosition, type TableCellSpan, type TableCellSpanRule, type TableCellSpanRuleContext, type TableCellSpans, type GridColumn as TableColumn, type TableContextMenu, type TableContextMenuConfig, type ContextMenuEvent as TableContextMenuEvent, type DeleteRowsEvent as TableDeleteRowsEvent, type GridSelection as TableEditingCell, type TableFilterValues, type TableHighlightConfig, type InsertRowsEvent as TableInsertRowsEvent, type GridKey as TableKey, type TableLabels, type TableLayoutConfig, type TableLocaleCode, type TableLocaleConfig, type TableProps, type TableResolvedCellSpan, type GridSortState as TableSorter, type TableSummaryConfig, type TableTooltipConfig, type ViewportRange as TableViewportRange, type TableVirtualizedConfig, Table as VelocityGrid, type TableCellSpan as VelocityGridCellSpan, type TableCellSpanRule as VelocityGridCellSpanRule, type TableCellSpanRuleContext as VelocityGridCellSpanRuleContext, type TableCellSpans as VelocityGridCellSpans, type TableContextMenu as VelocityGridContextMenu, type TableContextMenuConfig as VelocityGridContextMenuConfig, type TableHighlightConfig as VelocityGridHighlightConfig, type TableLabels as VelocityGridLabels, type TableLayoutConfig as VelocityGridLayoutConfig, type TableLocaleCode as VelocityGridLocaleCode, type TableLocaleConfig as VelocityGridLocaleConfig, type TableProps as VelocityGridProps, type TableResolvedCellSpan as VelocityGridResolvedCellSpan, type TableSummaryConfig as VelocityGridSummaryConfig, type TableTooltipConfig as VelocityGridTooltipConfig, type TableVirtualizedConfig as VelocityGridVirtualizedConfig, type ViewportRange, buildColumnMetrics, getViewportRange, hitTestColumn };
+export { type AxisSelectionConfig, type CellChange, type ContextMenuEvent, type GridCellPosition, type GridColumn, type GridKey, type GridSelection, type GridSelectionTarget, type GridSortState, type SelectedCellChange, type SelectionMode, type SortDirection, Table, type CellChange as TableCellChange, type GridCellPosition as TableCellPosition, type TableCellSpan, type TableCellSpanRule, type TableCellSpanRuleContext, type TableCellSpans, type GridColumn as TableColumn, type TableContextMenu, type TableContextMenuConfig, type ContextMenuEvent as TableContextMenuEvent, type GridSelection as TableEditingCell, type TableFilterValues, type TableHighlightConfig, type GridKey as TableKey, type TableLabels, type TableLayoutConfig, type TableLocaleCode, type TableLocaleConfig, type TableProps, type TableResolvedCellSpan, type GridSortState as TableSorter, type TableSummaryConfig, type TableTooltipConfig, type ViewportRange as TableViewportRange, type TableVirtualizedConfig, Table as VelocityGrid, type TableCellSpan as VelocityGridCellSpan, type TableCellSpanRule as VelocityGridCellSpanRule, type TableCellSpanRuleContext as VelocityGridCellSpanRuleContext, type TableCellSpans as VelocityGridCellSpans, type TableContextMenu as VelocityGridContextMenu, type TableContextMenuConfig as VelocityGridContextMenuConfig, type TableHighlightConfig as VelocityGridHighlightConfig, type TableLabels as VelocityGridLabels, type TableLayoutConfig as VelocityGridLayoutConfig, type TableLocaleCode as VelocityGridLocaleCode, type TableLocaleConfig as VelocityGridLocaleConfig, type TableProps as VelocityGridProps, type TableResolvedCellSpan as VelocityGridResolvedCellSpan, type TableSummaryConfig as VelocityGridSummaryConfig, type TableTooltipConfig as VelocityGridTooltipConfig, type TableVirtualizedConfig as VelocityGridVirtualizedConfig, type ViewportRange, buildColumnMetrics, getViewportRange, hitTestColumn };