@particle-academy/fancy-sheets 0.4.3 → 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;
@@ -2204,7 +2220,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) {
@@ -2341,9 +2368,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__ */ jsxRuntime.jsx("span", { className: "text-[10px]", children: ".0" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[8px]", children: "\u2190" })
@@ -2354,9 +2381,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__ */ jsxRuntime.jsx("span", { className: "text-[10px]", children: ".00" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[8px]", children: "\u2192" })