@particle-academy/fancy-sheets 0.4.4 → 0.4.5

package/dist/index.cjs

@@ -1607,7 +1607,7 @@ function ColumnResizeHandle({ colIndex }) {
 }
 ColumnResizeHandle.displayName = "ColumnResizeHandle";
 function ColumnHeaders() {
-  const { columnCount, rowCount, rowHeight, getColumnWidth, selection, selectRange, _isDragging, isCellSelected } = useSpreadsheet();
+  const { columnCount, rowCount, rowHeight, getColumnWidth, selection, selectRange, _isDragging } = useSpreadsheet();
   const handleColumnMouseDown = react.useCallback(
     (colIdx, e) => {
       if (e.button !== 0) return;
@@ -1652,7 +1652,15 @@ function ColumnHeaders() {
           }
         ),
         Array.from({ length: columnCount }, (_, i) => {
-          const isColSelected = isCellSelected(toAddress(0, i));
+          const isColSelected = selection.ranges.some((range) => {
+            const s = parseAddress(range.start);
+            const e = parseAddress(range.end);
+            const minCol = Math.min(s.col, e.col);
+            const maxCol = Math.max(s.col, e.col);
+            const minRow = Math.min(s.row, e.row);
+            const maxRow = Math.max(s.row, e.row);
+            return i >= minCol && i <= maxCol && minRow === 0 && maxRow >= rowCount - 1;
+          });
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -1678,8 +1686,16 @@ function ColumnHeaders() {
 }
 ColumnHeaders.displayName = "ColumnHeaders";
 function RowHeader({ rowIndex }) {
-  const { rowHeight, columnCount, selection, selectRange, _isDragging, isCellSelected } = useSpreadsheet();
-  const isRowSelected = isCellSelected(toAddress(rowIndex, 0));
+  const { rowHeight, columnCount, selection, selectRange, _isDragging } = useSpreadsheet();
+  const isRowSelected = selection.ranges.some((range) => {
+    const s = parseAddress(range.start);
+    const e = parseAddress(range.end);
+    const minRow = Math.min(s.row, e.row);
+    const maxRow = Math.max(s.row, e.row);
+    const minCol = Math.min(s.col, e.col);
+    const maxCol = Math.max(s.col, e.col);
+    return rowIndex >= minRow && rowIndex <= maxRow && minCol === 0 && maxCol >= columnCount - 1;
+  });
   const handleMouseDown = react.useCallback(
     (e) => {
       if (e.button !== 0) return;