@particle-academy/fancy-sheets 0.4.3 → 0.4.5

package/dist/index.js

@@ -1605,7 +1605,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 = useCallback(
     (colIdx, e) => {
       if (e.button !== 0) return;
@@ -1650,7 +1650,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__ */ jsxs(
             "div",
             {
@@ -1676,8 +1684,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 = useCallback(
     (e) => {
       if (e.button !== 0) return;
@@ -2202,7 +2218,18 @@ function DefaultToolbar() {
   const isItalic = cell?.format?.italic ?? false;
   const textAlign = cell?.format?.textAlign ?? "left";
   const displayFormat = cell?.format?.displayFormat ?? "auto";
-  const decimals = cell?.format?.decimals;
+  const explicitDecimals = cell?.format?.decimals;
+  const cellValue = cell?.computedValue ?? cell?.value;
+  const inferredDecimals = (() => {
+    if (explicitDecimals !== void 0) return explicitDecimals;
+    if (typeof cellValue === "number") {
+      const str = String(cellValue);
+      const dotIdx = str.indexOf(".");
+      return dotIdx === -1 ? 0 : str.length - dotIdx - 1;
+    }
+    return 0;
+  })();
+  const currentDecimals = explicitDecimals ?? inferredDecimals;
   const selectedAddresses = [selection.activeCell];
   const handleFormulaBarChange = (e) => {
     if (editingCell) {
@@ -2339,9 +2366,9 @@ function DefaultToolbar() {
         "button",
         {
           className: btnClass,
-          onClick: () => setCellFormat(selectedAddresses, { decimals: Math.max(0, (decimals ?? 0) - 1) }),
-          disabled: readOnly || (decimals ?? 0) <= 0,
-          title: "Decrease decimal places",
+          onClick: () => setCellFormat(selectedAddresses, { decimals: Math.max(0, currentDecimals - 1) }),
+          disabled: readOnly || currentDecimals <= 0,
+          title: `Decrease decimal places (currently ${currentDecimals})`,
           children: [
             /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: ".0" }),
             /* @__PURE__ */ jsx("span", { className: "text-[8px]", children: "\u2190" })
@@ -2352,9 +2379,9 @@ function DefaultToolbar() {
         "button",
         {
           className: btnClass,
-          onClick: () => setCellFormat(selectedAddresses, { decimals: (decimals ?? 0) + 1 }),
+          onClick: () => setCellFormat(selectedAddresses, { decimals: currentDecimals + 1 }),
           disabled: readOnly,
-          title: "Increase decimal places",
+          title: `Increase decimal places (currently ${currentDecimals})`,
           children: [
             /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: ".00" }),
             /* @__PURE__ */ jsx("span", { className: "text-[8px]", children: "\u2192" })