@object-ui/plugin-grid 0.5.0 → 3.0.0

package/.turbo/turbo-build.log

@@ -1,21 +1,66 @@
 
-> @object-ui/plugin-grid@0.5.0 build /home/runner/work/objectui/objectui/packages/plugin-grid
+> @object-ui/plugin-grid@3.0.0 build /home/runner/work/objectui/objectui/packages/plugin-grid
 > vite build
 
 vite v7.3.1 building client environment for production...
 transforming...
-✓ 15 modules transformed.
+✓ 31 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
+../../examples/crm/src/objects/contact.object.ts:3:14 - error TS2742: The inferred type of 'ContactObject' cannot be named without a reference to 'examples/crm/node_modules/@objectstack/spec/dist/state-machine.zod-DoC0JvQb'. This is likely not portable. A type annotation is necessary.
+
+3 export const ContactObject = ObjectSchema.create({
+               ~~~~~~~~~~~~~
+src/ObjectGrid.EdgeCases.stories.tsx:4:43 - error TS2307: Cannot find module '@storybook-config/datasource' or its corresponding type declarations.
+
+4 import { createStorybookDataSource } from '@storybook-config/datasource';
+                                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+src/ObjectGrid.stories.tsx:4:43 - error TS2307: Cannot find module '@storybook-config/datasource' or its corresponding type declarations.
+
+4 import { createStorybookDataSource } from '@storybook-config/datasource';
+                                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+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,
+                                ~~~~~
+src/__tests__/accessibility.test.tsx:28:11 - error TS7034: Variable 'items' implicitly has type 'any[]' in some locations where its type cannot be determined.
+
+28     const items = [];
+             ~~~~~
+src/__tests__/accessibility.test.tsx:33:30 - error TS7005: Variable 'items' implicitly has an 'any[]' type.
+
+33       getVirtualItems: () => items,
+                                ~~~~~
+src/__tests__/performance-benchmark.test.tsx:27:11 - error TS7034: Variable 'items' implicitly has type 'any[]' in some locations where its type cannot be determined.
+
+27     const items = [];
+             ~~~~~
+src/__tests__/performance-benchmark.test.tsx:32:30 - error TS7005: Variable 'items' implicitly has an 'any[]' type.
+
+32       getVirtualItems: () => items,
+                                ~~~~~
+src/__tests__/view-states.test.tsx:27:11 - error TS7034: Variable 'items' implicitly has type 'any[]' in some locations where its type cannot be determined.
+
+27     const items = [];
+             ~~~~~
+src/__tests__/view-states.test.tsx:32:30 - error TS7005: Variable 'items' implicitly has an 'any[]' type.
+
+32       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  58.40 kB │ gzip: 15.71 kB
+[vite:dts] Declaration files built in 21545ms.
 
 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  40.64 kB │ gzip: 13.64 kB
+✓ built in 22.79s

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @object-ui/plugin-grid
 
+## 3.0.0
+
+### Minor Changes
+
+- 87979c3: Upgrade to @objectstack v3.0.0 and console bundle optimization
+  - Upgraded all @objectstack/\* packages from ^2.0.7 to ^3.0.0
+  - Breaking change migrations: Hub → Cloud namespace, definePlugin removed, PaginatedResult.value → .records, PaginatedResult.count → .total, client.meta.getObject() → client.meta.getItem()
+  - Console bundle optimization: split monolithic 3.7 MB chunk into 17 granular cacheable chunks (95% main entry reduction)
+  - Added gzip + brotli pre-compression via vite-plugin-compression2
+  - Lazy MSW loading for build:server (~150 KB gzip saved)
+  - Added bundle analysis with rollup-plugin-visualizer
+
+### Patch Changes
+
+- Updated dependencies [87979c3]
+  - @object-ui/types@3.0.0
+  - @object-ui/core@3.0.0
+  - @object-ui/react@3.0.0
+  - @object-ui/components@3.0.0
+  - @object-ui/fields@3.0.0
+  - @object-ui/mobile@3.0.0
+
+## 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