@object-ui/plugin-grid 0.5.0 → 2.0.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @object-ui/plugin-grid@0.5.0 build /home/runner/work/objectui/objectui/packages/plugin-grid
+> @object-ui/plugin-grid@2.0.0 build /home/runner/work/objectui/objectui/packages/plugin-grid
 > vite build
 
 vite v7.3.1 building client environment for production...
@@ -8,14 +8,23 @@ transforming...
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
+src/__tests__/VirtualGrid.test.tsx:23:11 - error TS7034: Variable 'items' implicitly has type 'any[]' in some locations where its type cannot be determined.
+
+23     const items = [];
+             ~~~~~
+src/__tests__/VirtualGrid.test.tsx:28:30 - error TS7005: Variable 'items' implicitly has an 'any[]' type.
+
+28       getVirtualItems: () => items,
+                                ~~~~~
+
 computing gzip size...
-dist/index.js  41.83 kB │ gzip: 11.61 kB
-[vite:dts] Declaration files built in 14001ms.
+dist/index.js  46.25 kB │ gzip: 12.47 kB
+[vite:dts] Declaration files built in 19381ms.
 
 No name was provided for external module "@object-ui/core" in "output.globals" – guessing "core".
 No name was provided for external module "@object-ui/react" in "output.globals" – guessing "react".
 No name was provided for external module "@object-ui/fields" in "output.globals" – guessing "fields".
 No name was provided for external module "@object-ui/components" in "output.globals" – guessing "components".
 No name was provided for external module "lucide-react" in "output.globals" – guessing "lucideReact".
-dist/index.umd.cjs  29.43 kB │ gzip: 10.19 kB
-✓ built in 14.99s
+dist/index.umd.cjs  32.06 kB │ gzip: 10.88 kB
+✓ built in 20.59s

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @object-ui/plugin-grid
 
+## 2.0.0
+
+### Major Changes
+
+- b859617: Release v1.0.0 — unify all package versions to 1.0.0
+
+### Patch Changes
+
+- Updated dependencies [b859617]
+  - @object-ui/types@2.0.0
+  - @object-ui/core@2.0.0
+  - @object-ui/react@2.0.0
+  - @object-ui/components@2.0.0
+  - @object-ui/fields@2.0.0
+
 ## 0.3.1
 
 ### Patch Changes

package/README.md

@@ -244,6 +244,103 @@ const schema = {
 };
 ```
 
+### Inline Editing
+
+Enable inline cell editing for quick updates:
+
+```typescript
+const schema = {
+  type: 'object-grid',
+  objectName: 'users',
+  columns: [
+    { header: 'ID', accessorKey: 'id', editable: false },  // Read-only column
+    { header: 'Name', accessorKey: 'name' },  // Editable
+    { header: 'Email', accessorKey: 'email' },  // Editable
+    { header: 'Status', accessorKey: 'status' }  // Editable
+  ],
+  editable: true,  // Enable editing globally
+  onCellChange: (rowIndex, columnKey, newValue, row) => {
+    console.log(`Cell at row ${rowIndex}, column ${columnKey} changed to:`, newValue);
+    console.log('Full row data:', row);
+    // Update your data source here
+    // Example: await dataSource.update(row.id, { [columnKey]: newValue });
+  }
+};
+```
+
+**Inline Editing Features:**
+- **Double-click to edit**: Double-click any editable cell to enter edit mode
+- **Keyboard shortcuts**: 
+  - Press `Enter` on a focused cell to start editing
+  - Press `Enter` while editing to save changes
+  - Press `Escape` to cancel editing
+- **Column-level control**: Set `editable: false` on specific columns to prevent editing
+- **Visual feedback**: Editable cells show hover state to indicate they can be edited
+- **Automatic focus**: Input field is automatically focused and selected when entering edit mode
+
+**Use Cases:**
+- Quick data corrections
+- Batch data entry
+- Spreadsheet-like editing experience
+- Real-time updates with backend synchronization
+
+### Batch Editing & Multi-Row Save
+
+Edit multiple cells across multiple rows and save them individually or all at once:
+
+```typescript
+const schema = {
+  type: 'object-grid',
+  objectName: 'products',
+  columns: [
+    { header: 'SKU', accessorKey: 'sku', editable: false },
+    { header: 'Name', accessorKey: 'name' },
+    { header: 'Price', accessorKey: 'price' },
+    { header: 'Stock', accessorKey: 'stock' }
+  ],
+  editable: true,
+  rowActions: true,  // Show row-level save/cancel buttons
+  onRowSave: async (rowIndex, changes, row) => {
+    // Save a single row
+    console.log('Saving row:', rowIndex, changes);
+    await dataSource.update(row.id, changes);
+  },
+  onBatchSave: async (allChanges) => {
+    // Save all modified rows at once
+    console.log('Batch saving:', allChanges);
+    await Promise.all(
+      allChanges.map(({ row, changes }) => 
+        dataSource.update(row.id, changes)
+      )
+    );
+  }
+};
+```
+
+**Batch Editing Features:**
+- **Pending changes tracking**: Edit multiple cells across multiple rows before saving
+- **Visual indicators**: 
+  - Modified rows are highlighted with amber background
+  - Modified cells are shown in bold with amber text
+  - Toolbar shows count of modified rows
+- **Row-level actions**: Save or cancel changes for individual rows
+- **Batch operations**: 
+  - "Save All" button to save all modified rows at once
+  - "Cancel All" button to discard all pending changes
+- **Flexible callbacks**:
+  - `onRowSave`: Called when saving a single row
+  - `onBatchSave`: Called when saving multiple rows at once
+  - `onCellChange`: Still called for immediate cell updates (legacy support)
+
+**Example Workflow:**
+1. User edits multiple cells across different rows
+2. Modified rows are visually highlighted
+3. Toolbar shows "X rows modified" with Save All/Cancel All buttons
+4. User can:
+   - Save individual rows using row-level save button
+   - Save all changes at once using "Save All" button
+   - Cancel individual row changes or all changes
+
 ## TypeScript Support
 
 ```typescript