@xcelsior/ui-spreadsheets 1.0.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +4 -18
- package/dist/index.d.ts +4 -18
- package/dist/index.js +117 -94
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +77 -54
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/CommentModals.tsx +28 -11
- package/src/components/Spreadsheet.tsx +2 -7
- package/src/components/SpreadsheetCell.tsx +222 -195
- package/src/hooks/useSpreadsheetComments.ts +6 -12
package/dist/index.d.mts
CHANGED
|
@@ -560,24 +560,10 @@ declare namespace Spreadsheet {
|
|
|
560
560
|
}
|
|
561
561
|
|
|
562
562
|
/**
|
|
563
|
-
* SpreadsheetCell
|
|
564
|
-
*
|
|
565
|
-
*
|
|
566
|
-
* @example
|
|
567
|
-
* ```tsx
|
|
568
|
-
* <SpreadsheetCell
|
|
569
|
-
* value="John Doe"
|
|
570
|
-
* column={{ id: 'name', label: 'Name', editable: true }}
|
|
571
|
-
* row={rowData}
|
|
572
|
-
* rowIndex={0}
|
|
573
|
-
* rowId="1"
|
|
574
|
-
* isEditable={true}
|
|
575
|
-
* onClick={handleClick}
|
|
576
|
-
* onChange={handleChange}
|
|
577
|
-
* />
|
|
578
|
-
* ```
|
|
563
|
+
* Memoized SpreadsheetCell to prevent unnecessary re-renders
|
|
564
|
+
* Only re-renders when props that affect this specific cell change
|
|
579
565
|
*/
|
|
580
|
-
declare const
|
|
566
|
+
declare const MemoizedSpreadsheetCell: React$1.NamedExoticComponent<SpreadsheetCellProps>;
|
|
581
567
|
|
|
582
568
|
/**
|
|
583
569
|
* SpreadsheetHeader component - A column header cell with sorting, filtering, and pinning capabilities.
|
|
@@ -684,4 +670,4 @@ interface SpreadsheetSettingsModalProps {
|
|
|
684
670
|
*/
|
|
685
671
|
declare const SpreadsheetSettingsModal: React.FC<SpreadsheetSettingsModalProps>;
|
|
686
672
|
|
|
687
|
-
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 };
|
|
673
|
+
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
CHANGED
|
@@ -560,24 +560,10 @@ declare namespace Spreadsheet {
|
|
|
560
560
|
}
|
|
561
561
|
|
|
562
562
|
/**
|
|
563
|
-
* SpreadsheetCell
|
|
564
|
-
*
|
|
565
|
-
*
|
|
566
|
-
* @example
|
|
567
|
-
* ```tsx
|
|
568
|
-
* <SpreadsheetCell
|
|
569
|
-
* value="John Doe"
|
|
570
|
-
* column={{ id: 'name', label: 'Name', editable: true }}
|
|
571
|
-
* row={rowData}
|
|
572
|
-
* rowIndex={0}
|
|
573
|
-
* rowId="1"
|
|
574
|
-
* isEditable={true}
|
|
575
|
-
* onClick={handleClick}
|
|
576
|
-
* onChange={handleChange}
|
|
577
|
-
* />
|
|
578
|
-
* ```
|
|
563
|
+
* Memoized SpreadsheetCell to prevent unnecessary re-renders
|
|
564
|
+
* Only re-renders when props that affect this specific cell change
|
|
579
565
|
*/
|
|
580
|
-
declare const
|
|
566
|
+
declare const MemoizedSpreadsheetCell: React$1.NamedExoticComponent<SpreadsheetCellProps>;
|
|
581
567
|
|
|
582
568
|
/**
|
|
583
569
|
* SpreadsheetHeader component - A column header cell with sorting, filtering, and pinning capabilities.
|
|
@@ -684,4 +670,4 @@ interface SpreadsheetSettingsModalProps {
|
|
|
684
670
|
*/
|
|
685
671
|
declare const SpreadsheetSettingsModal: React.FC<SpreadsheetSettingsModalProps>;
|
|
686
672
|
|
|
687
|
-
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 };
|
|
673
|
+
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 };
|