@xcelsior/ui-spreadsheets 1.0.5 → 1.0.7

package/dist/index.d.mts

@@ -377,10 +377,10 @@ interface SpreadsheetCellProps {
     rightOffset?: number;
     /** Callback when cell is clicked */
     onClick?: (event: React$1.MouseEvent) => void;
-    /** Callback when cell value changes */
+    /** Callback when cell value changes (only called on blur/confirm, not during typing) */
     onChange?: (newValue: any) => void;
-    /** Callback when editing is confirmed */
-    onConfirm?: () => 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 */
@@ -560,24 +560,10 @@ declare namespace Spreadsheet {
 }
 
 /**
- * SpreadsheetCell component - A single cell in the spreadsheet table.
- * Supports static display, inline editing, and various cell interactions.
- *
- * @example
- * ```tsx
- * <SpreadsheetCell
- *   value="John Doe"
- *   column={{ id: 'name', label: 'Name', editable: true }}
- *   row={rowData}
- *   rowIndex={0}
- *   rowId="1"
- *   isEditable={true}
- *   onClick={handleClick}
- *   onChange={handleChange}
- * />
- * ```
+ * Memoized SpreadsheetCell to prevent unnecessary re-renders
+ * Only re-renders when props that affect this specific cell change
  */
-declare const SpreadsheetCell: React$1.FC<SpreadsheetCellProps>;
+declare const MemoizedSpreadsheetCell: React$1.NamedExoticComponent<SpreadsheetCellProps>;
 
 /**
  * SpreadsheetHeader component - A column header cell with sorting, filtering, and pinning capabilities.
@@ -684,4 +670,4 @@ interface SpreadsheetSettingsModalProps {
  */
 declare const SpreadsheetSettingsModal: React.FC<SpreadsheetSettingsModalProps>;
 
-export { type CellComment, type CellHighlight, type CellPosition, type PaginationState, type RowAction, type SelectionState, Spreadsheet, 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 };
+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 };

package/dist/index.d.ts

@@ -377,10 +377,10 @@ interface SpreadsheetCellProps {
     rightOffset?: number;
     /** Callback when cell is clicked */
     onClick?: (event: React$1.MouseEvent) => void;
-    /** Callback when cell value changes */
+    /** Callback when cell value changes (only called on blur/confirm, not during typing) */
     onChange?: (newValue: any) => void;
-    /** Callback when editing is confirmed */
-    onConfirm?: () => 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 */
@@ -560,24 +560,10 @@ declare namespace Spreadsheet {
 }
 
 /**
- * SpreadsheetCell component - A single cell in the spreadsheet table.
- * Supports static display, inline editing, and various cell interactions.
- *
- * @example
- * ```tsx
- * <SpreadsheetCell
- *   value="John Doe"
- *   column={{ id: 'name', label: 'Name', editable: true }}
- *   row={rowData}
- *   rowIndex={0}
- *   rowId="1"
- *   isEditable={true}
- *   onClick={handleClick}
- *   onChange={handleChange}
- * />
- * ```
+ * Memoized SpreadsheetCell to prevent unnecessary re-renders
+ * Only re-renders when props that affect this specific cell change
  */
-declare const SpreadsheetCell: React$1.FC<SpreadsheetCellProps>;
+declare const MemoizedSpreadsheetCell: React$1.NamedExoticComponent<SpreadsheetCellProps>;
 
 /**
  * SpreadsheetHeader component - A column header cell with sorting, filtering, and pinning capabilities.
@@ -684,4 +670,4 @@ interface SpreadsheetSettingsModalProps {
  */
 declare const SpreadsheetSettingsModal: React.FC<SpreadsheetSettingsModalProps>;
 
-export { type CellComment, type CellHighlight, type CellPosition, type PaginationState, type RowAction, type SelectionState, Spreadsheet, 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 };
+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 };