@ishibashi0112/spreadsheet-grid 0.12.0 → 0.14.0

package/dist/logic/cellOverflowTooltip.d.ts

@@ -0,0 +1,5 @@
+export declare const shouldMarkCellOverflowTooltip: (params: {
+    enabled: boolean;
+    isAutoHeightCell: boolean;
+    hasRenderCell: boolean;
+}) => boolean;

package/dist/logic/clearCells.d.ts

@@ -0,0 +1,22 @@
+import type { CellCoord, GridColumn, GridSelection } from '../model/gridTypes';
+type ClearTarget = {
+    startRow: number;
+    endRow: number;
+    startCol: number;
+    endCol: number;
+};
+export declare const resolveClearTarget: (selection: GridSelection, activeCell: CellCoord | null, viewRowCount: number, columnCount: number) => ClearTarget | null;
+type ClearCellsArgs<T extends object> = {
+    rows: T[];
+    resolveSourceIndex: (viewIndex: number) => number | undefined;
+    columns: GridColumn<T>[];
+    selection: GridSelection;
+    activeCell: CellCoord | null;
+    viewRowCount: number;
+    canWriteCell: (originalRowIndex: number, colIndex: number, row: T, column: GridColumn<T>) => boolean;
+};
+export declare const clearCellsInSelection: <T extends object>({ rows, resolveSourceIndex, columns, selection, activeCell, viewRowCount, canWriteCell, }: ClearCellsArgs<T>) => {
+    nextRows: T[];
+    changed: boolean;
+};
+export {};

package/dist/logic/history.d.ts

@@ -0,0 +1,16 @@
+export type HistoryStack<S> = {
+    past: S[];
+    future: S[];
+};
+export declare const createHistoryStack: <S>() => HistoryStack<S>;
+export declare const canUndoHistory: <S>(stack: HistoryStack<S>) => boolean;
+export declare const canRedoHistory: <S>(stack: HistoryStack<S>) => boolean;
+export declare const pushHistory: <S>(stack: HistoryStack<S>, snapshot: S, limit: number) => HistoryStack<S>;
+export declare const undoHistory: <S>(stack: HistoryStack<S>, current: S) => {
+    stack: HistoryStack<S>;
+    snapshot: S;
+} | null;
+export declare const redoHistory: <S>(stack: HistoryStack<S>, current: S) => {
+    stack: HistoryStack<S>;
+    snapshot: S;
+} | null;

package/dist/logic/setFilterSelection.d.ts

@@ -0,0 +1,5 @@
+export type ColumnFilterSetSelection = {
+    mode: 'include' | 'exclude';
+    values: ReadonlySet<string>;
+};
+export declare const isSetValueSelected: (selection: ColumnFilterSetSelection | null, value: string) => boolean;

package/dist/model/gridTypes.d.ts

@@ -35,6 +35,10 @@ export type CellRange = {
     start: CellCoord;
     end: CellCoord;
 };
+export type UndoRedoState = {
+    canUndo: boolean;
+    canRedo: boolean;
+};
 export type GridSelection = {
     type: 'cell';
     range: CellRange;
@@ -159,6 +163,8 @@ export type GridColumn<T> = {
     width: number;
     minWidth?: number;
     maxWidth?: number;
+    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word' | 'auto-phrase';
+    lineBreak?: 'auto' | 'loose' | 'normal' | 'strict' | 'anywhere';
     flex?: number;
     resizable?: boolean;
     suppressAutoSize?: boolean;
@@ -397,6 +403,11 @@ export type SpreadsheetGridHandle<T> = {
     isRowSelected: (rowKey: GridRowKey) => boolean;
     selectAllRows: () => void;
     clearRowSelection: () => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    clearUndoHistory: () => void;
     openFilterManager: () => void;
     closeFilterManager: () => void;
 };
@@ -427,6 +438,9 @@ export type SpreadsheetGridProps<T> = {
     readOnly?: boolean;
     dimReadOnlyCells?: boolean;
     canEditCell?: (rowIndex: number, colIndex: number, row: T, column: GridColumn<T>) => boolean;
+    enableUndoRedo?: boolean;
+    undoHistoryLimit?: number;
+    onUndoRedoStateChange?: (state: UndoRedoState) => void;
     enableRangeSelection?: boolean;
     enableRowSelection?: boolean;
     rowSelectionMode?: RowSelectionMode;
@@ -439,6 +453,7 @@ export type SpreadsheetGridProps<T> = {
     enableSorting?: boolean;
     enableColumnResize?: boolean;
     autoSizeColumns?: AutoSizeColumnsMode;
+    showCellOverflowTooltip?: boolean;
     enableRowHover?: boolean;
     enableColumnHeaderHover?: boolean;
     enableColumnMenu?: boolean;

package/dist/view/ColumnFilterPopover.d.ts

@@ -1,4 +1,5 @@
 import { type RefObject } from 'react';
+import { type ColumnFilterSetSelection } from '../logic/setFilterSelection';
 export type ColumnFilterPopoverLayout = {
     top: number;
     left: number;
@@ -8,11 +9,6 @@ export type ColumnFilterPopoverOption = {
     label: string;
     value: string;
 };
-export type ColumnFilterSetSelection = {
-    mode: 'include' | 'exclude';
-    values: ReadonlySet<string>;
-};
-export declare const isSetValueSelected: (selection: ColumnFilterSetSelection | null, value: string) => boolean;
 type ColumnFilterPopoverProps = {
     isOpen: boolean;
     themeClassName?: string;

package/dist/view/GridBodyLayer.d.ts

@@ -18,6 +18,7 @@ type GridBodyLayerProps<T> = {
     renderEntries: PaneColumnEntry<T>[];
     rowHeight: number;
     autoHeight?: boolean;
+    showCellOverflowTooltip?: boolean;
     isServerSide?: boolean;
     rowHeaderCellStyle: CSSProperties;
     hoveredRowIndex: number | null;
@@ -41,5 +42,5 @@ type GridBodyLayerProps<T> = {
     bodyRowClassName?: string;
     rowHeaderCellClassName?: string;
 };
-export declare function GridBodyLayer<T>({ pane, ownsRowHeader, leadingWidth, rowModel, virtualRows, virtualRowIndexes, renderEntries, rowHeight, autoHeight, isServerSide, rowHeaderCellStyle, hoveredRowIndex, isWholeGridSelected, enableRowSelection, rowSelectionState, activeCell, editingCell, selectionSnapshot, readOnly, canEditCell, onRowHeaderPointerDown, onRowHeaderPointerEnter, onRowHeaderPointerLeave, onCellPointerDown, onCellPointerEnter, onCellDoubleClick, renderCellContent, getRowClassName, bodyCellClassName, bodyRowClassName, rowHeaderCellClassName, }: GridBodyLayerProps<T>): import("react").JSX.Element;
+export declare function GridBodyLayer<T>({ pane, ownsRowHeader, leadingWidth, rowModel, virtualRows, virtualRowIndexes, renderEntries, rowHeight, autoHeight, showCellOverflowTooltip, isServerSide, rowHeaderCellStyle, hoveredRowIndex, isWholeGridSelected, enableRowSelection, rowSelectionState, activeCell, editingCell, selectionSnapshot, readOnly, canEditCell, onRowHeaderPointerDown, onRowHeaderPointerEnter, onRowHeaderPointerLeave, onCellPointerDown, onCellPointerEnter, onCellDoubleClick, renderCellContent, getRowClassName, bodyCellClassName, bodyRowClassName, rowHeaderCellClassName, }: GridBodyLayerProps<T>): import("react").JSX.Element;
 export default GridBodyLayer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ishibashi0112/spreadsheet-grid",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "React 19 製のカスタム仮想化データグリッド。100 万行対応の仮想化・3 ペイン固定列・ソート/フィルター・クライアント/サーバーサイド行モデル対応。",
   "keywords": [
     "react",
@@ -46,6 +46,13 @@
   "engines": {
     "node": ">=18"
   },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "11.12.0",
+      "onFail": "download"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -74,15 +81,16 @@
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.59.2",
     "vite": "^8.0.12",
+    "vite-plus": "^0.2.4",
     "vitest": "^4.1.9"
   },
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:lib": "vite build --config vite.lib.config.ts && tsc -p tsconfig.lib.json && node scripts/emit-layer-css.mjs",
+    "dev": "vp dev",
+    "build": "tsc -b && vp build",
+    "build:lib": "vp build --config vite.lib.config.ts && tsc -p tsconfig.lib.json && node scripts/emit-layer-css.mjs",
     "build:types": "tsc -p tsconfig.lib.json",
     "lint": "eslint .",
-    "preview": "vite preview",
+    "preview": "vp preview",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck:test": "tsc --noEmit -p tsconfig.vitest.json"