@xcelsior/ui-spreadsheets 1.0.13 → 1.0.15

package/.storybook/preview.tsx

@@ -1,4 +1,5 @@
 import '@xcelsior/design-system/styles';
+import '../src/styles/globals.css';
 import type { Preview } from '@storybook/react';
 import { ToastContainer } from '@xcelsior/design-system';
 

package/.turbo/turbo-build.log

@@ -0,0 +1,28 @@
+
+> @xcelsior/ui-spreadsheets@1.0.14 build /Users/tuannguyen/Work/xcelsior-packages/packages/ui/ui-spreadsheets
+> tsup && tsc --noEmit
+
+CLI Building entry: src/index.ts, src/styles/globals.css
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Using tsup config: /Users/tuannguyen/Work/xcelsior-packages/packages/ui/ui-spreadsheets/tsup.config.ts
+CLI Target: es2020
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+DTS Build start
+ESM dist/index.mjs              147.76 KB
+ESM dist/styles/globals.css     33.17 KB
+ESM dist/styles/globals.css.map 55.33 KB
+ESM dist/index.mjs.map          4.62 MB
+ESM ⚡️ Build success in 359ms
+CJS dist/styles/globals.css     33.17 KB
+CJS dist/index.js               158.96 KB
+CJS dist/styles/globals.css.map 55.33 KB
+CJS dist/index.js.map           4.62 MB
+CJS ⚡️ Build success in 360ms
+DTS ⚡️ Build success in 2017ms
+DTS dist/styles/globals.d.ts  13.00 B
+DTS dist/index.d.ts           22.84 KB
+DTS dist/styles/globals.d.mts 13.00 B
+DTS dist/index.d.mts          22.84 KB

package/.turbo/turbo-lint.log

@@ -1,26 +1,138 @@
 
-> @xcelsior/ui-spreadsheets@1.0.3 lint /Users/tuannguyen/Work/xcelsior-packages/packages/ui/ui-spreadsheets
+> @xcelsior/ui-spreadsheets@1.0.14 lint /Users/tuannguyen/Work/xcelsior-packages/packages/ui/ui-spreadsheets
 > biome check . && tsc
 
- at src/components/Spreadsheet.tsx:779:49 ]8;;https://biomejs.dev/linter/rules/use-key-with-click-events\lint/a11y/useKeyWithClickEvents]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+ at src/components/CommentModals.tsx:57:21 ]8;;https://biomejs.dev/linter/rules/no-autofocus\lint/a11y/noAutofocus]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Avoid the autoFocus attribute.
+  
+    55 │                     placeholder="Enter your comment..."
+    56 │                     className="w-full h-24 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none"
+  > 57 │                     autoFocus
+       │                     ^^^^^^^^^
+    58 │                 />
+    59 │                 <div className="flex justify-end gap-2 mt-4">
+  
+  ℹ Unsafe fix: Remove the autoFocus attribute.
+  
+     55  55 │                       placeholder="Enter your comment..."
+     56  56 │                       className="w-full h-24 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none"
+     57     │ - ····················autoFocus
+     58  57 │                   />
+     59  58 │                   <div className="flex justify-end gap-2 mt-4">
+  
+
+ at src/components/Spreadsheet.stories.tsx:333:34 ]8;;https://biomejs.dev/linter/rules/no-unused-function-parameters\lint/correctness/noUnusedFunctionParameters]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This parameter is unused.
+  
+    331 │         };
+    332 │ 
+  > 333 │         const handleRowDelete = (row: User, rowId: string | number) => {
+        │                                  ^^^
+    334 │             setData((prev) => prev.filter((r) => r.id !== rowId));
+    335 │         };
+  
+  ℹ Unused parameters might be the result of an incomplete refactoring.
+  
+  ℹ Unsafe fix: If this is intentional, prepend row with an underscore.
+  
+     331  331 │           };
+     332  332 │   
+     333      │ - ········const·handleRowDelete·=·(row:·User,·rowId:·string·|·number)·=>·{
+          333 │ + ········const·handleRowDelete·=·(_row:·User,·rowId:·string·|·number)·=>·{
+     334  334 │               setData((prev) => prev.filter((r) => r.id !== rowId));
+     335  335 │           };
+  
+
+ at src/components/Spreadsheet.stories.tsx:385:34 ]8;;https://biomejs.dev/linter/rules/no-unused-function-parameters\lint/correctness/noUnusedFunctionParameters]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This parameter is unused.
+  
+    383 │         };
+    384 │ 
+  > 385 │         const handleRowDelete = (row: User, rowId: string | number) => {
+        │                                  ^^^
+    386 │             setData((prev) => prev.filter((r) => r.id !== rowId));
+    387 │         };
+  
+  ℹ Unused parameters might be the result of an incomplete refactoring.
+  
+  ℹ Unsafe fix: If this is intentional, prepend row with an underscore.
+  
+     383  383 │           };
+     384  384 │   
+     385      │ - ········const·handleRowDelete·=·(row:·User,·rowId:·string·|·number)·=>·{
+          385 │ + ········const·handleRowDelete·=·(_row:·User,·rowId:·string·|·number)·=>·{
+     386  386 │               setData((prev) => prev.filter((r) => r.id !== rowId));
+     387  387 │           };
+  
+
+ at src/components/Spreadsheet.tsx:829:49 ]8;;https://biomejs.dev/linter/rules/use-key-with-click-events\lint/a11y/useKeyWithClickEvents]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   ⚠ Enforce to have the onClick mouse event with the onKeyUp, the onKeyDown, or the onKeyPress keyboard event.
   
-    777 │                                             {/* Row Index Column */}
-    778 │                                             {effectiveShowRowIndex && (
-  > 779 │                                                 <td
+    827 │                                             {/* Row Index Column */}
+    828 │                                             {effectiveShowRowIndex && (
+  > 829 │                                                 <td
         │                                                 ^^^
-  > 780 │                                                     onClick={(e) => handleRowSelect(rowId, e)}
+  > 830 │                                                     onClick={(e) => handleRowSelect(rowId, e)}
          ...
-  > 806 │                                                     }}
-  > 807 │                                                 >
+  > 856 │                                                     }}
+  > 857 │                                                 >
         │                                                 ^
-    808 │                                                     <div className={'relative'}>
-    809 │                                                         {/* Row number */}
+    858 │                                                     <div className="relative flex items-center justify-center">
+    859 │                                                         {/* Row number - always centered */}
   
   ℹ Actions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.
   
 
+ at src/components/Spreadsheet.tsx:27:15 ]8;;https://biomejs.dev/linter/rules/no-unused-imports\lint/correctness/noUnusedImports]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Several of these imports are unused.
+  
+    25 │ import { useSpreadsheetKeyboardShortcuts } from '../hooks/useSpreadsheetKeyboardShortcuts';
+    26 │ import { useSpreadsheetSelection } from '../hooks/useSpreadsheetSelection';
+  > 27 │ import type { CellEdit, CellPosition, SpreadsheetProps } from '../types';
+       │               ^^^^^^^^^^^^^^^^^^^^^^
+    28 │ 
+    29 │ type SingleCellEdit = {
+  
+  ℹ Unused imports might be the result of an incomplete refactoring.
+  
+  ℹ Unsafe fix: Remove the unused imports.
+  
+    27 │ import·type·{·CellEdit,·CellPosition,·SpreadsheetProps·}·from·'../types';
+       │               ------------------------                                   
+
+ at src/components/Spreadsheet.tsx:329:9 ]8;;https://biomejs.dev/linter/rules/no-unused-variables\lint/correctness/noUnusedVariables]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This variable setFocusedCell is unused.
+  
+    327 │     const {
+    328 │         focusedCell,
+  > 329 │         setFocusedCell,
+        │         ^^^^^^^^^^^^^^
+    330 │         editingCell,
+    331 │         setEditingCell,
+  
+  ℹ Unused variables are often the result of typos, incomplete refactors, or other sources of bugs.
+  
+
+ at src/components/SpreadsheetCell.tsx:54:5 ]8;;https://biomejs.dev/linter/rules/no-unused-function-parameters\lint/correctness/noUnusedFunctionParameters]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This parameter is unused.
+  
+    52 │     onMouseDown,
+    53 │     onMouseEnter,
+  > 54 │     onChange,
+       │     ^^^^^^^^
+    55 │     onConfirm,
+    56 │     onCancel,
+  
+  ℹ Unused parameters might be the result of an incomplete refactoring.
+  
+
  at src/components/SpreadsheetFilterDropdown.tsx:188:9 ]8;;https://biomejs.dev/linter/rules/no-static-element-interactions\lint/a11y/noStaticElementInteractions]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   ⚠ Static Elements should not be interactive.
@@ -57,5 +169,28 @@
   ℹ Actions triggered using mouse events should have corresponding keyboard events to account for keyboard-only navigation.
   
 
-Checked 29 files in 11ms. No fixes applied.
-Found 3 warnings.
+ at src/hooks/useSpreadsheetSelection.ts:602:37 ]8;;https://biomejs.dev/linter/rules/no-global-is-nan\lint/suspicious/noGlobalIsNan]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ isNaN is unsafe. It attempts a type coercion. Use Number.isNaN instead.
+  
+    600 │                     if (column.type === 'number' && typeof cellValue === 'string') {
+    601 │                         const parsed = parseFloat(cellValue);
+  > 602 │                         cellValue = isNaN(parsed) ? cellValue : parsed;
+        │                                     ^^^^^
+    603 │                     }
+    604 │ 
+  
+  ℹ See ]8;;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN#description\the MDN documentation]8;;\ for more details.
+  
+  ℹ Unsafe fix: Use Number.isNaN instead.
+  
+    600 600 │                       if (column.type === 'number' && typeof cellValue === 'string') {
+    601 601 │                           const parsed = parseFloat(cellValue);
+    602     │ - ························cellValue·=·isNaN(parsed)·?·cellValue·:·parsed;
+        602 │ + ························cellValue·=·Number.isNaN(parsed)·?·cellValue·:·parsed;
+    603 603 │                       }
+    604 604 │   
+  
+
+Checked 31 files in 18ms. No fixes applied.
+Found 10 warnings.

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @xcelsior/ui-spreadsheets
 
+## 1.0.15
+
+### Patch Changes
+
+- improve styling
+- f3ec4eb: improve styling
+- Updated dependencies [f3ec4eb]
+  - @xcelsior/design-system@1.0.7
+
 ## 1.0.8
 
 ### Patch Changes

package/dist/index.d.mts

@@ -127,6 +127,26 @@ interface CellPosition {
     /** Column ID */
     columnId: string;
 }
+/**
+ * Cell range for multi-cell selection
+ */
+interface CellRange {
+    /** Start position of the range */
+    start: CellPosition;
+    /** End position of the range */
+    end: CellPosition;
+}
+/**
+ * Cell edit for batch operations
+ */
+interface CellEdit {
+    /** Row ID */
+    rowId: string | number;
+    /** Column ID */
+    columnId: string;
+    /** New value */
+    value: any;
+}
 /**
  * Cell highlight configuration
  */
@@ -239,8 +259,8 @@ interface SpreadsheetProps<T = any> {
     columnGroups?: SpreadsheetColumnGroup[];
     /** Unique key accessor for each row */
     getRowId: (row: T) => string | number;
-    /** Callback when a cell value is edited */
-    onCellEdit?: (rowId: string | number, columnId: string, newValue: any) => void;
+    /** Callback when cell values are edited (batch operation) */
+    onCellsEdit?: (edits: CellEdit[]) => void;
     /** Callback when selection changes */
     onSelectionChange?: (selectedRows: (string | number)[]) => void;
     /** Callback when sort changes */
@@ -337,6 +357,15 @@ interface SpreadsheetProps<T = any> {
      */
     filters?: Record<string, SpreadsheetColumnFilter>;
 }
+/**
+ * Selection edge for cell border styling
+ */
+interface SelectionEdge {
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+}
 /**
  * Props for SpreadsheetCell component
  */
@@ -357,6 +386,10 @@ interface SpreadsheetCellProps {
     isEditing?: boolean;
     /** Whether the cell is focused */
     isFocused?: boolean;
+    /** Whether the cell is part of a multi-cell selection */
+    isInSelection?: boolean;
+    /** Selection edge for border styling (top/right/bottom/left) */
+    selectionEdge?: SelectionEdge;
     /** Whether the row is selected */
     isRowSelected?: boolean;
     /** Whether the row is hovered */
@@ -381,24 +414,22 @@ interface SpreadsheetCellProps {
     rightOffset?: number;
     /** Callback when cell is clicked */
     onClick?: (event: React$1.MouseEvent) => void;
+    /** Callback when mouse down on cell (for drag selection) */
+    onMouseDown?: (event: React$1.MouseEvent) => void;
+    /** Callback when mouse enters cell (for drag selection) */
+    onMouseEnter?: (event: React$1.MouseEvent) => void;
     /** Callback when cell value changes (only called on blur/confirm, not during typing) */
     onChange?: (newValue: any) => void;
     /** Callback when editing is confirmed, receives the final value */
     onConfirm?: (finalValue?: any) => void;
     /** Callback when editing is cancelled */
     onCancel?: () => void;
-    /** Callback to copy value down */
-    onCopyDown?: () => void;
-    /** Callback to copy to selected rows */
-    onCopyToSelected?: () => void;
     /** Callback to add highlight */
     onHighlight?: () => void;
     /** Callback to add comment */
     onAddComment?: () => void;
     /** Callback to view comments */
     onViewComments?: () => void;
-    /** Whether there are selected rows (for showing copy to selected button) */
-    hasSelectedRows?: boolean;
     /** Custom className */
     className?: string;
 }
@@ -573,7 +604,7 @@ interface SpreadsheetColumnGroupHeaderProps {
  * />
  * ```
  */
-declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone, onRowDelete, onAddCellComment, onRowHighlight, showToolbar, showPagination, showRowIndex, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, defaultPageSize, pageSizeOptions, defaultZoom, autoSave, compactMode, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, cellComments: externalCellComments, rowActions, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, onPageChange, sortConfig: controlledSortConfig, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
+declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellsEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone, onRowDelete, onAddCellComment, onRowHighlight, showToolbar, showPagination, showRowIndex, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, defaultPageSize, pageSizeOptions, defaultZoom, autoSave, compactMode, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, cellComments: externalCellComments, rowActions, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, onPageChange, sortConfig: controlledSortConfig, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Spreadsheet {
     var displayName: string;
 }
@@ -689,4 +720,4 @@ interface SpreadsheetSettingsModalProps {
  */
 declare const SpreadsheetSettingsModal: React.FC<SpreadsheetSettingsModalProps>;
 
-export { type CellComment, type CellHighlight, type CellPosition, type PaginationState, type RowAction, type SelectionState, Spreadsheet, MemoizedSpreadsheetCell as SpreadsheetCell, type SpreadsheetCellProps, type SpreadsheetColumn, type SpreadsheetColumnFilter, type SpreadsheetColumnGroup, type SpreadsheetColumnGroupHeaderProps, SpreadsheetFilterDropdown, type SpreadsheetFilterDropdownProps, SpreadsheetHeader, type SpreadsheetHeaderProps, type SpreadsheetProps, type SpreadsheetSettings, SpreadsheetSettingsModal, type SpreadsheetSortConfig, type SpreadsheetState, SpreadsheetToolbar, type SpreadsheetToolbarProps, type ToolbarMenuItem };
+export { type CellComment, type CellEdit, type CellHighlight, type CellPosition, type CellRange, type PaginationState, type RowAction, type SelectionEdge, type SelectionState, Spreadsheet, MemoizedSpreadsheetCell as SpreadsheetCell, type SpreadsheetCellProps, type SpreadsheetColumn, type SpreadsheetColumnFilter, type SpreadsheetColumnGroup, type SpreadsheetColumnGroupHeaderProps, SpreadsheetFilterDropdown, type SpreadsheetFilterDropdownProps, SpreadsheetHeader, type SpreadsheetHeaderProps, type SpreadsheetProps, type SpreadsheetSettings, SpreadsheetSettingsModal, type SpreadsheetSortConfig, type SpreadsheetState, SpreadsheetToolbar, type SpreadsheetToolbarProps, type ToolbarMenuItem };

package/dist/index.d.ts

@@ -127,6 +127,26 @@ interface CellPosition {
     /** Column ID */
     columnId: string;
 }
+/**
+ * Cell range for multi-cell selection
+ */
+interface CellRange {
+    /** Start position of the range */
+    start: CellPosition;
+    /** End position of the range */
+    end: CellPosition;
+}
+/**
+ * Cell edit for batch operations
+ */
+interface CellEdit {
+    /** Row ID */
+    rowId: string | number;
+    /** Column ID */
+    columnId: string;
+    /** New value */
+    value: any;
+}
 /**
  * Cell highlight configuration
  */
@@ -239,8 +259,8 @@ interface SpreadsheetProps<T = any> {
     columnGroups?: SpreadsheetColumnGroup[];
     /** Unique key accessor for each row */
     getRowId: (row: T) => string | number;
-    /** Callback when a cell value is edited */
-    onCellEdit?: (rowId: string | number, columnId: string, newValue: any) => void;
+    /** Callback when cell values are edited (batch operation) */
+    onCellsEdit?: (edits: CellEdit[]) => void;
     /** Callback when selection changes */
     onSelectionChange?: (selectedRows: (string | number)[]) => void;
     /** Callback when sort changes */
@@ -337,6 +357,15 @@ interface SpreadsheetProps<T = any> {
      */
     filters?: Record<string, SpreadsheetColumnFilter>;
 }
+/**
+ * Selection edge for cell border styling
+ */
+interface SelectionEdge {
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+}
 /**
  * Props for SpreadsheetCell component
  */
@@ -357,6 +386,10 @@ interface SpreadsheetCellProps {
     isEditing?: boolean;
     /** Whether the cell is focused */
     isFocused?: boolean;
+    /** Whether the cell is part of a multi-cell selection */
+    isInSelection?: boolean;
+    /** Selection edge for border styling (top/right/bottom/left) */
+    selectionEdge?: SelectionEdge;
     /** Whether the row is selected */
     isRowSelected?: boolean;
     /** Whether the row is hovered */
@@ -381,24 +414,22 @@ interface SpreadsheetCellProps {
     rightOffset?: number;
     /** Callback when cell is clicked */
     onClick?: (event: React$1.MouseEvent) => void;
+    /** Callback when mouse down on cell (for drag selection) */
+    onMouseDown?: (event: React$1.MouseEvent) => void;
+    /** Callback when mouse enters cell (for drag selection) */
+    onMouseEnter?: (event: React$1.MouseEvent) => void;
     /** Callback when cell value changes (only called on blur/confirm, not during typing) */
     onChange?: (newValue: any) => void;
     /** Callback when editing is confirmed, receives the final value */
     onConfirm?: (finalValue?: any) => void;
     /** Callback when editing is cancelled */
     onCancel?: () => void;
-    /** Callback to copy value down */
-    onCopyDown?: () => void;
-    /** Callback to copy to selected rows */
-    onCopyToSelected?: () => void;
     /** Callback to add highlight */
     onHighlight?: () => void;
     /** Callback to add comment */
     onAddComment?: () => void;
     /** Callback to view comments */
     onViewComments?: () => void;
-    /** Whether there are selected rows (for showing copy to selected button) */
-    hasSelectedRows?: boolean;
     /** Custom className */
     className?: string;
 }
@@ -573,7 +604,7 @@ interface SpreadsheetColumnGroupHeaderProps {
  * />
  * ```
  */
-declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone, onRowDelete, onAddCellComment, onRowHighlight, showToolbar, showPagination, showRowIndex, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, defaultPageSize, pageSizeOptions, defaultZoom, autoSave, compactMode, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, cellComments: externalCellComments, rowActions, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, onPageChange, sortConfig: controlledSortConfig, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
+declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellsEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onRowClone, onRowDelete, onAddCellComment, onRowHighlight, showToolbar, showPagination, showRowIndex, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, defaultPageSize, pageSizeOptions, defaultZoom, autoSave, compactMode, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, cellComments: externalCellComments, rowActions, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, onPageChange, sortConfig: controlledSortConfig, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Spreadsheet {
     var displayName: string;
 }
@@ -689,4 +720,4 @@ interface SpreadsheetSettingsModalProps {
  */
 declare const SpreadsheetSettingsModal: React.FC<SpreadsheetSettingsModalProps>;
 
-export { type CellComment, type CellHighlight, type CellPosition, type PaginationState, type RowAction, type SelectionState, Spreadsheet, MemoizedSpreadsheetCell as SpreadsheetCell, type SpreadsheetCellProps, type SpreadsheetColumn, type SpreadsheetColumnFilter, type SpreadsheetColumnGroup, type SpreadsheetColumnGroupHeaderProps, SpreadsheetFilterDropdown, type SpreadsheetFilterDropdownProps, SpreadsheetHeader, type SpreadsheetHeaderProps, type SpreadsheetProps, type SpreadsheetSettings, SpreadsheetSettingsModal, type SpreadsheetSortConfig, type SpreadsheetState, SpreadsheetToolbar, type SpreadsheetToolbarProps, type ToolbarMenuItem };
+export { type CellComment, type CellEdit, type CellHighlight, type CellPosition, type CellRange, type PaginationState, type RowAction, type SelectionEdge, type SelectionState, Spreadsheet, MemoizedSpreadsheetCell as SpreadsheetCell, type SpreadsheetCellProps, type SpreadsheetColumn, type SpreadsheetColumnFilter, type SpreadsheetColumnGroup, type SpreadsheetColumnGroupHeaderProps, SpreadsheetFilterDropdown, type SpreadsheetFilterDropdownProps, SpreadsheetHeader, type SpreadsheetHeaderProps, type SpreadsheetProps, type SpreadsheetSettings, SpreadsheetSettingsModal, type SpreadsheetSortConfig, type SpreadsheetState, SpreadsheetToolbar, type SpreadsheetToolbarProps, type ToolbarMenuItem };