@alaarab/ogrid-mcp 2.15.3 → 2.16.0
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.
|
@@ -28,8 +28,8 @@ A pagination UI component that displays page navigation buttons, current page in
|
|
|
28
28
|
| `pageSize` | `number` | **Required** | Number of items per page. |
|
|
29
29
|
| `totalCount` | `number` | **Required** | Total number of items across all pages. |
|
|
30
30
|
| `onPageChange` | `(page: number) => void` | **Required** | Callback when user navigates to a different page. |
|
|
31
|
-
| `onPageSizeChange` | `(pageSize: number) => void` | **Required** | Callback when user changes the page size. |
|
|
32
|
-
| `pageSizeOptions` | `number[]` | `[10, 20, 50, 100]` | Available page size options in the dropdown. |
|
|
31
|
+
| `onPageSizeChange` | `(pageSize: number \| 'all') => void` | **Required** | Callback when user changes the page size. |
|
|
32
|
+
| `pageSizeOptions` | `(number \| 'all')[]` | `[10, 20, 50, 100]` | Available page size options in the dropdown. `'all'` renders as "All" and shows every row on one page. |
|
|
33
33
|
| `entityLabelPlural` | `string` | `'rows'` | Plural label for items (e.g., `'products'`, `'users'`). |
|
|
34
34
|
| `className` | `string` | `undefined` | Additional CSS class for the root element. |
|
|
35
35
|
|
|
@@ -49,9 +49,9 @@ Complete reference for `IOGridProps<T>`, the props accepted by the `OGrid` compo
|
|
|
49
49
|
| `page` | `number` | `undefined` | Controlled current page (1-based). |
|
|
50
50
|
| `pageSize` | `number` | `undefined` | Controlled page size. |
|
|
51
51
|
| `onPageChange` | `(page: number) => void` | `undefined` | Callback fired when the user navigates to a different page. |
|
|
52
|
-
| `onPageSizeChange` | `(size: number) => void` | `undefined` | Callback fired when the user changes the page size. |
|
|
53
|
-
| `defaultPageSize` | `number` | `25` | Initial page size in uncontrolled mode. |
|
|
54
|
-
| `pageSizeOptions` | `number[]` | `[10, 25, 50, 100]` | Options shown in the page size dropdown. The active page size is auto-inserted if missing. |
|
|
52
|
+
| `onPageSizeChange` | `(size: number \| 'all') => void` | `undefined` | Callback fired when the user changes the page size. |
|
|
53
|
+
| `defaultPageSize` | `number \| 'all'` | `25` | Initial page size in uncontrolled mode. `'all'` shows every row on one page. |
|
|
54
|
+
| `pageSizeOptions` | `(number \| 'all')[]` | `[10, 25, 50, 100]` | Options shown in the page size dropdown. Include `'all'` to offer an "All" entry that shows every filtered row on one page. The active page size is auto-inserted if missing. |
|
|
55
55
|
|
|
56
56
|
## Column Visibility and Order
|
|
57
57
|
|
|
@@ -126,12 +126,12 @@ function App() {
|
|
|
126
126
|
|
|
127
127
|
| Prop | Type | Default | Description |
|
|
128
128
|
|------|------|---------|-------------|
|
|
129
|
-
| `defaultPageSize` | `number` | `25` | Initial page size (uncontrolled mode). |
|
|
130
|
-
| `pageSizeOptions` | `number[]` | `[10, 25, 50, 100]` | Options shown in the page size dropdown. If the active page size isn't in the list, it's auto-inserted. |
|
|
129
|
+
| `defaultPageSize` | `number \| 'all'` | `25` | Initial page size (uncontrolled mode). `'all'` shows every row on one page. |
|
|
130
|
+
| `pageSizeOptions` | `(number \| 'all')[]` | `[10, 25, 50, 100]` | Options shown in the page size dropdown. Include `'all'` for an "All" entry that shows every filtered row on one page (e.g. `[50, 250, 500, 'all']`). If the active page size isn't in the list, it's auto-inserted. |
|
|
131
131
|
| `page` | `number` | -- | Current page number (controlled mode, 1-indexed). |
|
|
132
|
-
| `pageSize` | `number` | -- | Rows per page (controlled mode). |
|
|
132
|
+
| `pageSize` | `number \| 'all'` | -- | Rows per page (controlled mode). |
|
|
133
133
|
| `onPageChange` | `(page: number) => void` | -- | Called when page changes. |
|
|
134
|
-
| `onPageSizeChange` | `(size: number) => void` | -- | Called when page size changes. |
|
|
134
|
+
| `onPageSizeChange` | `(size: number \| 'all') => void` | -- | Called when page size changes. |
|
|
135
135
|
| `entityLabelPlural` | `string` | `'items'` | Label used in the row count summary (e.g., "Showing 1-25 of 100 **projects**"). |
|
|
136
136
|
|
|
137
137
|
## Related
|