@lensui/lens-table 0.1.81 → 0.1.82

package/dist/index.cjs

@@ -1929,9 +1929,6 @@ function TableInner({
   defaultSelectedCell,
   onSelectedCellChange,
   rangeSelection = false,
-  selectedRange,
-  defaultSelectedRange,
-  onSelectedRangeChange,
   rowSelection,
   selectedRowKeys,
   defaultSelectedRowKeys,
@@ -2341,20 +2338,6 @@ function TableInner({
   }, [columns, getDataRowKey, rows]);
   const resolvedSelectedCell = (0, import_react8.useMemo)(() => resolveSelectionTarget(selectedCell), [resolveSelectionTarget, selectedCell]);
   const resolvedDefaultSelectedCell = (0, import_react8.useMemo)(() => resolveSelectionTarget(defaultSelectedCell), [defaultSelectedCell, resolveSelectionTarget]);
-  const resolveSelectionRangeTarget = (0, import_react8.useCallback)((target) => {
-    if (target == null) return target;
-    const anchor = resolveSelectionTarget(target.anchor);
-    const focus = resolveSelectionTarget(target.focus);
-    return anchor && focus ? { anchor, focus } : null;
-  }, [resolveSelectionTarget]);
-  const resolvedSelectedRange = (0, import_react8.useMemo)(
-    () => resolveSelectionRangeTarget(selectedRange),
-    [resolveSelectionRangeTarget, selectedRange]
-  );
-  const resolvedDefaultSelectedRange = (0, import_react8.useMemo)(
-    () => resolveSelectionRangeTarget(defaultSelectedRange),
-    [defaultSelectedRange, resolveSelectionRangeTarget]
-  );
   const handleSelectedCellChange = (0, import_react8.useCallback)((next) => {
     if (!onSelectedCellChange) return;
     if (!next) {
@@ -2367,11 +2350,7 @@ function TableInner({
     onSelectedCellChange({ ...next, value });
   }, [columns, onSelectedCellChange, rows]);
   const [selection, setSelection] = useControllableValue(resolvedSelectedCell, resolvedDefaultSelectedCell, handleSelectedCellChange);
-  const [selectionRange, setSelectionRange] = useControllableValue(
-    resolvedSelectedRange,
-    resolvedDefaultSelectedRange,
-    onSelectedRangeChange
-  );
+  const [selectionRange, setSelectionRange] = (0, import_react8.useState)(null);
   const rangeDragRef = (0, import_react8.useRef)(null);
   (0, import_react8.useEffect)(() => {
     if (!selection) return void 0;
@@ -3497,10 +3476,8 @@ function TableInner({
     if (focus.rowIndex === drag.anchor.rowIndex && focus.columnIndex === drag.anchor.columnIndex) return;
     drag.moved = true;
     event.preventDefault();
-    if (selectionRange?.focus.rowIndex === focus.rowIndex && selectionRange.focus.columnIndex === focus.columnIndex)
-      return;
-    setSelectionRange({ anchor: drag.anchor, focus });
-  }, [columns, locateCell, selectionRange, setSelectionRange]);
+    setSelectionRange((current) => current?.focus.rowIndex === focus.rowIndex && current.focus.columnIndex === focus.columnIndex ? current : { anchor: drag.anchor, focus });
+  }, [columns, locateCell]);
   const endRangeDrag = (0, import_react8.useCallback)((event) => {
     const drag = rangeDragRef.current;
     if (!drag) return;

package/dist/index.d.cts

@@ -415,11 +415,6 @@ interface TableProps<Row extends object> {
     onSelectedCellChange?: (selection: SelectedCellChange | null) => void;
     /** Enable spreadsheet-style mouse drag selection across multiple body cells. Defaults to false. */
     rangeSelection?: boolean;
-    /** Controlled rectangular cell selection. */
-    selectedRange?: GridSelectionRangeTarget | null;
-    /** Initial rectangular cell selection for uncontrolled usage. */
-    defaultSelectedRange?: GridSelectionRangeTarget | null;
-    onSelectedRangeChange?: (range: GridSelectionRange | null) => void;
     rowSelection?: boolean | RowSelectionConfig;
     selectedRowKeys?: GridKey[];
     defaultSelectedRowKeys?: GridKey[];

package/dist/index.d.ts

@@ -415,11 +415,6 @@ interface TableProps<Row extends object> {
     onSelectedCellChange?: (selection: SelectedCellChange | null) => void;
     /** Enable spreadsheet-style mouse drag selection across multiple body cells. Defaults to false. */
     rangeSelection?: boolean;
-    /** Controlled rectangular cell selection. */
-    selectedRange?: GridSelectionRangeTarget | null;
-    /** Initial rectangular cell selection for uncontrolled usage. */
-    defaultSelectedRange?: GridSelectionRangeTarget | null;
-    onSelectedRangeChange?: (range: GridSelectionRange | null) => void;
     rowSelection?: boolean | RowSelectionConfig;
     selectedRowKeys?: GridKey[];
     defaultSelectedRowKeys?: GridKey[];

package/dist/index.js

@@ -1899,9 +1899,6 @@ function TableInner({
   defaultSelectedCell,
   onSelectedCellChange,
   rangeSelection = false,
-  selectedRange,
-  defaultSelectedRange,
-  onSelectedRangeChange,
   rowSelection,
   selectedRowKeys,
   defaultSelectedRowKeys,
@@ -2311,20 +2308,6 @@ function TableInner({
   }, [columns, getDataRowKey, rows]);
   const resolvedSelectedCell = useMemo2(() => resolveSelectionTarget(selectedCell), [resolveSelectionTarget, selectedCell]);
   const resolvedDefaultSelectedCell = useMemo2(() => resolveSelectionTarget(defaultSelectedCell), [defaultSelectedCell, resolveSelectionTarget]);
-  const resolveSelectionRangeTarget = useCallback2((target) => {
-    if (target == null) return target;
-    const anchor = resolveSelectionTarget(target.anchor);
-    const focus = resolveSelectionTarget(target.focus);
-    return anchor && focus ? { anchor, focus } : null;
-  }, [resolveSelectionTarget]);
-  const resolvedSelectedRange = useMemo2(
-    () => resolveSelectionRangeTarget(selectedRange),
-    [resolveSelectionRangeTarget, selectedRange]
-  );
-  const resolvedDefaultSelectedRange = useMemo2(
-    () => resolveSelectionRangeTarget(defaultSelectedRange),
-    [defaultSelectedRange, resolveSelectionRangeTarget]
-  );
   const handleSelectedCellChange = useCallback2((next) => {
     if (!onSelectedCellChange) return;
     if (!next) {
@@ -2337,11 +2320,7 @@ function TableInner({
     onSelectedCellChange({ ...next, value });
   }, [columns, onSelectedCellChange, rows]);
   const [selection, setSelection] = useControllableValue(resolvedSelectedCell, resolvedDefaultSelectedCell, handleSelectedCellChange);
-  const [selectionRange, setSelectionRange] = useControllableValue(
-    resolvedSelectedRange,
-    resolvedDefaultSelectedRange,
-    onSelectedRangeChange
-  );
+  const [selectionRange, setSelectionRange] = useState6(null);
   const rangeDragRef = useRef4(null);
   useEffect3(() => {
     if (!selection) return void 0;
@@ -3467,10 +3446,8 @@ function TableInner({
     if (focus.rowIndex === drag.anchor.rowIndex && focus.columnIndex === drag.anchor.columnIndex) return;
     drag.moved = true;
     event.preventDefault();
-    if (selectionRange?.focus.rowIndex === focus.rowIndex && selectionRange.focus.columnIndex === focus.columnIndex)
-      return;
-    setSelectionRange({ anchor: drag.anchor, focus });
-  }, [columns, locateCell, selectionRange, setSelectionRange]);
+    setSelectionRange((current) => current?.focus.rowIndex === focus.rowIndex && current.focus.columnIndex === focus.columnIndex ? current : { anchor: drag.anchor, focus });
+  }, [columns, locateCell]);
   const endRangeDrag = useCallback2((event) => {
     const drag = rangeDragRef.current;
     if (!drag) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensui/lens-table",
-  "version": "0.1.81",
+  "version": "0.1.82",
   "description": "A lightweight, canvas-rendered React table component for LensUI.",
   "type": "module",
   "main": "./dist/index.cjs",