@particle-academy/fancy-sheets 0.7.4 → 0.7.6

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1, { ReactNode } from 'react';
+import * as react from 'react';
+import react__default, { ReactNode } from 'react';
 
 /** Column-letter + row-number string, e.g. "A1", "BC42" */
 type CellAddress = string;
@@ -202,7 +202,7 @@ interface SpreadsheetContextValue {
 interface SpreadsheetGridProps {
     className?: string;
 }
-declare function SpreadsheetGrid({ className }: SpreadsheetGridProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetGrid({ className }: SpreadsheetGridProps): react.JSX.Element;
 declare namespace SpreadsheetGrid {
     var displayName: string;
 }
@@ -210,14 +210,14 @@ declare namespace SpreadsheetGrid {
 /** Toolbar button groups that can be toggled on/off */
 type ToolbarButton = "undo" | "bold" | "align" | "freeze" | "format" | "decimals" | "formulaBar";
 interface SpreadsheetToolbarProps {
-    children?: React$1.ReactNode;
+    children?: react__default.ReactNode;
     className?: string;
     /** Additional toolbar content appended after default buttons */
-    extra?: React$1.ReactNode;
+    extra?: react__default.ReactNode;
     /** Which built-in button groups to show (default: all). Omit to show everything. */
     buttons?: ToolbarButton[];
 }
-declare function SpreadsheetToolbar({ children, className, extra, buttons: buttonsProp }: SpreadsheetToolbarProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetToolbar({ children, className, extra, buttons: buttonsProp }: SpreadsheetToolbarProps): react__default.JSX.Element;
 declare namespace SpreadsheetToolbar {
     var displayName: string;
 }
@@ -225,12 +225,12 @@ declare namespace SpreadsheetToolbar {
 interface SpreadsheetSheetTabsProps {
     className?: string;
 }
-declare function SpreadsheetSheetTabs({ className }: SpreadsheetSheetTabsProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetSheetTabs({ className }: SpreadsheetSheetTabsProps): react.JSX.Element;
 declare namespace SpreadsheetSheetTabs {
     var displayName: string;
 }
 
-declare function SpreadsheetRoot({ children, className, data, defaultData, onChange, columnCount, rowCount, defaultColumnWidth, rowHeight, readOnly, contextMenuItems, highlights, onActiveCellChange, }: SpreadsheetProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetRoot({ children, className, data, defaultData, onChange, columnCount, rowCount, defaultColumnWidth, rowHeight, readOnly, contextMenuItems, highlights, onActiveCellChange, }: SpreadsheetProps): react.JSX.Element;
 declare namespace SpreadsheetRoot {
     var displayName: string;
 }
@@ -265,7 +265,7 @@ interface SheetProps {
     /** Fires when the active cell changes */
     onActiveCellChange?: (address: string, cell: CellData | undefined) => void;
 }
-declare function Sheet({ data, onChange, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetProps): react_jsx_runtime.JSX.Element;
+declare function Sheet({ data, onChange, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetProps): react.JSX.Element;
 declare namespace Sheet {
     var displayName: string;
 }
@@ -303,7 +303,7 @@ interface SheetWorkbookProps {
     /** Fires when the active cell changes */
     onActiveCellChange?: (address: string, cell: CellData | undefined) => void;
 }
-declare function SheetWorkbook({ hideToolbar, hideTabs, toolbarExtra, toolbarButtons, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetWorkbookProps): react_jsx_runtime.JSX.Element;
+declare function SheetWorkbook({ hideToolbar, hideTabs, toolbarExtra, toolbarButtons, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetWorkbookProps): react.JSX.Element;
 declare namespace SheetWorkbook {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1, { ReactNode } from 'react';
+import * as react from 'react';
+import react__default, { ReactNode } from 'react';
 
 /** Column-letter + row-number string, e.g. "A1", "BC42" */
 type CellAddress = string;
@@ -202,7 +202,7 @@ interface SpreadsheetContextValue {
 interface SpreadsheetGridProps {
     className?: string;
 }
-declare function SpreadsheetGrid({ className }: SpreadsheetGridProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetGrid({ className }: SpreadsheetGridProps): react.JSX.Element;
 declare namespace SpreadsheetGrid {
     var displayName: string;
 }
@@ -210,14 +210,14 @@ declare namespace SpreadsheetGrid {
 /** Toolbar button groups that can be toggled on/off */
 type ToolbarButton = "undo" | "bold" | "align" | "freeze" | "format" | "decimals" | "formulaBar";
 interface SpreadsheetToolbarProps {
-    children?: React$1.ReactNode;
+    children?: react__default.ReactNode;
     className?: string;
     /** Additional toolbar content appended after default buttons */
-    extra?: React$1.ReactNode;
+    extra?: react__default.ReactNode;
     /** Which built-in button groups to show (default: all). Omit to show everything. */
     buttons?: ToolbarButton[];
 }
-declare function SpreadsheetToolbar({ children, className, extra, buttons: buttonsProp }: SpreadsheetToolbarProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetToolbar({ children, className, extra, buttons: buttonsProp }: SpreadsheetToolbarProps): react__default.JSX.Element;
 declare namespace SpreadsheetToolbar {
     var displayName: string;
 }
@@ -225,12 +225,12 @@ declare namespace SpreadsheetToolbar {
 interface SpreadsheetSheetTabsProps {
     className?: string;
 }
-declare function SpreadsheetSheetTabs({ className }: SpreadsheetSheetTabsProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetSheetTabs({ className }: SpreadsheetSheetTabsProps): react.JSX.Element;
 declare namespace SpreadsheetSheetTabs {
     var displayName: string;
 }
 
-declare function SpreadsheetRoot({ children, className, data, defaultData, onChange, columnCount, rowCount, defaultColumnWidth, rowHeight, readOnly, contextMenuItems, highlights, onActiveCellChange, }: SpreadsheetProps): react_jsx_runtime.JSX.Element;
+declare function SpreadsheetRoot({ children, className, data, defaultData, onChange, columnCount, rowCount, defaultColumnWidth, rowHeight, readOnly, contextMenuItems, highlights, onActiveCellChange, }: SpreadsheetProps): react.JSX.Element;
 declare namespace SpreadsheetRoot {
     var displayName: string;
 }
@@ -265,7 +265,7 @@ interface SheetProps {
     /** Fires when the active cell changes */
     onActiveCellChange?: (address: string, cell: CellData | undefined) => void;
 }
-declare function Sheet({ data, onChange, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetProps): react_jsx_runtime.JSX.Element;
+declare function Sheet({ data, onChange, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetProps): react.JSX.Element;
 declare namespace Sheet {
     var displayName: string;
 }
@@ -303,7 +303,7 @@ interface SheetWorkbookProps {
     /** Fires when the active cell changes */
     onActiveCellChange?: (address: string, cell: CellData | undefined) => void;
 }
-declare function SheetWorkbook({ hideToolbar, hideTabs, toolbarExtra, toolbarButtons, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetWorkbookProps): react_jsx_runtime.JSX.Element;
+declare function SheetWorkbook({ hideToolbar, hideTabs, toolbarExtra, toolbarButtons, contextMenuItems, highlights, onActiveCellChange, ...props }: SheetWorkbookProps): react.JSX.Element;
 declare namespace SheetWorkbook {
     var displayName: string;
 }

package/dist/index.js

@@ -1555,7 +1555,7 @@ function reducer(state, action) {
       };
     }
     case "SET_WORKBOOK":
-      return { ...state, workbook: action.workbook };
+      return { ...state, workbook: recalculateWorkbook(action.workbook) };
     default:
       return state;
   }
@@ -2254,7 +2254,13 @@ function SpreadsheetGrid({ className }) {
               return /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: "flex",
+                  className: cn(
+                    "flex",
+                    // Frozen rows need a solid background so scrolling content
+                    // doesn't bleed through any cell-level transparency
+                    // (highlight overlays, alpha format colors, etc.).
+                    isFrozenRow && "bg-white dark:bg-zinc-900"
+                  ),
                   style: isFrozenRow ? {
                     position: "sticky",
                     top: rowHeight + rowIdx * rowHeight,
@@ -2268,6 +2274,12 @@ function SpreadsheetGrid({ className }) {
                       return /* @__PURE__ */ jsx(
                         "div",
                         {
+                          className: cn(
+                            // Same solid-background guarantee for frozen
+                            // columns — keeps the column opaque while content
+                            // scrolls horizontally underneath.
+                            isFrozenCol && "bg-white dark:bg-zinc-900"
+                          ),
                           style: isFrozenCol ? {
                             position: "sticky",
                             left: 48 + Array.from({ length: colIdx }, (_3, c) => getColumnWidth(c)).reduce((a, b) => a + b, 0),