feat(core): add column pinning and grouping features to Griddy table

- Implement column pinning functionality allowing users to pin columns to the left or right.
- Introduce data grouping capabilities for better data organization.
- Enhance the theming guide with new styles for pinned columns and loading indicators.
- Add infinite scroll support with loading indicators for improved user experience.
- Update CSS styles to accommodate new features and improve visual feedback.
This commit is contained in:
2026-02-14 21:18:04 +02:00
parent ad325d94a9
commit e776844588
17 changed files with 1161 additions and 124 deletions

128
pnpm-lock.yaml generated
View File

@@ -13,19 +13,19 @@ importers:
version: 6.0.3(lodash@4.17.23)(marked@4.3.0)(react-dom@19.2.4(react@19.2.4))(react-responsive-carousel@3.2.23)(react@19.2.4)
'@mantine/core':
specifier: ^8.3.1
version: 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/dates':
specifier: ^8.3.14
version: 8.3.14(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(dayjs@1.11.19)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 8.3.14(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(dayjs@1.11.19)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/hooks':
specifier: ^8.3.1
version: 8.3.1(react@19.2.4)
'@mantine/modals':
specifier: ^8.3.5
version: 8.3.12(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 8.3.12(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/notifications':
specifier: ^8.3.5
version: 8.3.5(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 8.3.5(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@modelcontextprotocol/sdk':
specifier: ^1.26.0
version: 1.26.0(zod@4.1.12)
@@ -45,8 +45,8 @@ importers:
specifier: ^1.0.10
version: 1.0.10
'@warkypublic/zustandsyncstore':
specifier: ^0.0.4
version: 0.0.4(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))(zustand@5.0.8(@types/react@19.2.13)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4)))
specifier: ^1.0.0
version: 1.0.0(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))(zustand@5.0.8(@types/react@19.2.14)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4)))
dayjs:
specifier: ^1.11.19
version: 1.11.19
@@ -67,7 +67,7 @@ importers:
version: 1.5.0(react@19.2.4)
zustand:
specifier: '>= 5.0.0'
version: 5.0.8(@types/react@19.2.13)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))
version: 5.0.8(@types/react@19.2.14)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))
devDependencies:
'@changesets/changelog-git':
specifier: ^0.2.1
@@ -95,7 +95,7 @@ importers:
version: 6.9.1
'@testing-library/react':
specifier: ^16.3.2
version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.13))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@testing-library/user-event':
specifier: ^14.6.1
version: 14.6.1(@testing-library/dom@10.4.1)
@@ -106,11 +106,11 @@ importers:
specifier: ^25.2.3
version: 25.2.3
'@types/react':
specifier: ^19.2.13
version: 19.2.13
specifier: ^19.2.14
version: 19.2.14
'@types/react-dom':
specifier: ^19.2.3
version: 19.2.3(@types/react@19.2.13)
version: 19.2.3(@types/react@19.2.14)
'@types/use-sync-external-store':
specifier: ~1.5.0
version: 1.5.0
@@ -190,8 +190,8 @@ importers:
specifier: ^4.5.4
version: 4.5.4(@types/node@25.2.3)(rollup@4.50.2)(typescript@5.9.3)(vite@7.3.1(@types/node@25.2.3)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.6)))
vite-tsconfig-paths:
specifier: ^6.1.0
version: 6.1.0(typescript@5.9.3)(vite@7.3.1(@types/node@25.2.3)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.6)))
specifier: ^6.1.1
version: 6.1.1(typescript@5.9.3)(vite@7.3.1(@types/node@25.2.3)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.6)))
vitest:
specifier: ^4.0.18
version: 4.0.18(@types/node@25.2.3)(jiti@2.6.1)(jsdom@28.0.0)(sugarss@5.0.1(postcss@8.5.6))
@@ -1287,8 +1287,8 @@ packages:
peerDependencies:
'@types/react': ^19.2.0
'@types/react@19.2.13':
resolution: {integrity: sha512-KkiJeU6VbYbUOp5ITMIc7kBfqlYkKA5KhEHVrGMmUUMt7NeaZg65ojdPk+FtNrBAOXNVM5QM72jnADjM+XVRAQ==}
'@types/react@19.2.14':
resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
'@types/resolve@1.20.6':
resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
@@ -1509,8 +1509,8 @@ packages:
resolution: {integrity: sha512-qIgjcWqLyYfoKDUYt3Gm7PVe2S4AdjA46J1jPIff1p6wUP5WsHA8UfZq7pEdP6YNxqavv+h84oe1+HsJOoU6jQ==}
engines: {node: '>=14.16'}
'@warkypublic/zustandsyncstore@0.0.4':
resolution: {integrity: sha512-LJ+/rxnPeAybcRSVWHzl3dHC35IsqZH1n++g6Xv3fMXX41XPF/bkCMd3lKatqLmQWPwtMPriBSmG4ukm47vaAQ==}
'@warkypublic/zustandsyncstore@1.0.0':
resolution: {integrity: sha512-hvd4Xrn5btEPjJwNgX52ONoZHnAJdF3NcoTK3GJMVrullcZ+tS2W/SCWIa8vTiYBEhdNyavxsNDZT2x/C9GmVg==}
peerDependencies:
react: '>= 19.0.0'
use-sync-external-store: '>= 1.4.0'
@@ -3832,8 +3832,8 @@ packages:
vite:
optional: true
vite-tsconfig-paths@6.1.0:
resolution: {integrity: sha512-kpd3sY9glHIDaq4V/Tlc1Y8WaKtutoc3B525GHxEVKWX42FKfQsXvjFOemu1I8VIN8pNbrMLWVTbW79JaRUxKg==}
vite-tsconfig-paths@6.1.1:
resolution: {integrity: sha512-2cihq7zliibCCZ8P9cKJrQBkfgdvcFkOOc3Y02o3GWUDLgqjWsZudaoiuOwO/gzTzy17cS5F7ZPo4bsnS4DGkg==}
peerDependencies:
vite: '*'
@@ -4677,7 +4677,7 @@ snapshots:
transitivePeerDependencies:
- supports-color
'@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@floating-ui/react': 0.27.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/hooks': 8.3.1(react@19.2.4)
@@ -4685,15 +4685,15 @@ snapshots:
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
react-number-format: 5.4.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
react-remove-scroll: 2.7.1(@types/react@19.2.13)(react@19.2.4)
react-textarea-autosize: 8.5.9(@types/react@19.2.13)(react@19.2.4)
react-remove-scroll: 2.7.1(@types/react@19.2.14)(react@19.2.4)
react-textarea-autosize: 8.5.9(@types/react@19.2.14)(react@19.2.4)
type-fest: 4.41.0
transitivePeerDependencies:
- '@types/react'
'@mantine/dates@8.3.14(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(dayjs@1.11.19)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@mantine/dates@8.3.14(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(dayjs@1.11.19)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@mantine/core': 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/core': 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/hooks': 8.3.1(react@19.2.4)
clsx: 2.1.1
dayjs: 1.11.19
@@ -4704,16 +4704,16 @@ snapshots:
dependencies:
react: 19.2.4
'@mantine/modals@8.3.12(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@mantine/modals@8.3.12(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@mantine/core': 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/core': 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/hooks': 8.3.1(react@19.2.4)
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
'@mantine/notifications@8.3.5(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@mantine/notifications@8.3.5(@mantine/core@8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mantine/hooks@8.3.1(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@mantine/core': 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/core': 8.3.1(@mantine/hooks@8.3.1(react@19.2.4))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@mantine/hooks': 8.3.1(react@19.2.4)
'@mantine/store': 8.3.5(react@19.2.4)
react: 19.2.4
@@ -5134,15 +5134,15 @@ snapshots:
picocolors: 1.1.1
redent: 3.0.0
'@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.13))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@babel/runtime': 7.28.4
'@testing-library/dom': 10.4.1
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
optionalDependencies:
'@types/react': 19.2.13
'@types/react-dom': 19.2.3(@types/react@19.2.13)
'@types/react': 19.2.14
'@types/react-dom': 19.2.3(@types/react@19.2.14)
'@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
dependencies:
@@ -5199,11 +5199,11 @@ snapshots:
dependencies:
undici-types: 7.16.0
'@types/react-dom@19.2.3(@types/react@19.2.13)':
'@types/react-dom@19.2.3(@types/react@19.2.14)':
dependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
'@types/react@19.2.13':
'@types/react@19.2.14':
dependencies:
csstype: 3.2.3
@@ -5516,12 +5516,12 @@ snapshots:
semver: 7.7.3
uuid: 11.1.0
'@warkypublic/zustandsyncstore@0.0.4(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))(zustand@5.0.8(@types/react@19.2.13)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4)))':
'@warkypublic/zustandsyncstore@1.0.0(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))(zustand@5.0.8(@types/react@19.2.14)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4)))':
dependencies:
'@warkypublic/artemis-kit': 1.0.10
react: 19.2.4
use-sync-external-store: 1.5.0(react@19.2.4)
zustand: 5.0.8(@types/react@19.2.13)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))
zustand: 5.0.8(@types/react@19.2.14)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4))
accepts@2.0.0:
dependencies:
@@ -7415,24 +7415,24 @@ snapshots:
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
react-remove-scroll-bar@2.3.8(@types/react@19.2.13)(react@19.2.4):
react-remove-scroll-bar@2.3.8(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4
react-style-singleton: 2.2.3(@types/react@19.2.13)(react@19.2.4)
react-style-singleton: 2.2.3(@types/react@19.2.14)(react@19.2.4)
tslib: 2.8.1
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
react-remove-scroll@2.7.1(@types/react@19.2.13)(react@19.2.4):
react-remove-scroll@2.7.1(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4
react-remove-scroll-bar: 2.3.8(@types/react@19.2.13)(react@19.2.4)
react-style-singleton: 2.2.3(@types/react@19.2.13)(react@19.2.4)
react-remove-scroll-bar: 2.3.8(@types/react@19.2.14)(react@19.2.4)
react-style-singleton: 2.2.3(@types/react@19.2.14)(react@19.2.4)
tslib: 2.8.1
use-callback-ref: 1.3.3(@types/react@19.2.13)(react@19.2.4)
use-sidecar: 1.1.3(@types/react@19.2.13)(react@19.2.4)
use-callback-ref: 1.3.3(@types/react@19.2.14)(react@19.2.4)
use-sidecar: 1.1.3(@types/react@19.2.14)(react@19.2.4)
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
react-responsive-carousel@3.2.23:
dependencies:
@@ -7440,20 +7440,20 @@ snapshots:
prop-types: 15.8.1
react-easy-swipe: 0.0.21
react-style-singleton@2.2.3(@types/react@19.2.13)(react@19.2.4):
react-style-singleton@2.2.3(@types/react@19.2.14)(react@19.2.4):
dependencies:
get-nonce: 1.0.1
react: 19.2.4
tslib: 2.8.1
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
react-textarea-autosize@8.5.9(@types/react@19.2.13)(react@19.2.4):
react-textarea-autosize@8.5.9(@types/react@19.2.14)(react@19.2.4):
dependencies:
'@babel/runtime': 7.28.4
react: 19.2.4
use-composed-ref: 1.4.0(@types/react@19.2.13)(react@19.2.4)
use-latest: 1.3.0(@types/react@19.2.13)(react@19.2.4)
use-composed-ref: 1.4.0(@types/react@19.2.14)(react@19.2.4)
use-latest: 1.3.0(@types/react@19.2.14)(react@19.2.4)
transitivePeerDependencies:
- '@types/react'
@@ -8017,39 +8017,39 @@ snapshots:
dependencies:
punycode: 2.3.1
use-callback-ref@1.3.3(@types/react@19.2.13)(react@19.2.4):
use-callback-ref@1.3.3(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4
tslib: 2.8.1
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
use-composed-ref@1.4.0(@types/react@19.2.13)(react@19.2.4):
use-composed-ref@1.4.0(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
use-isomorphic-layout-effect@1.2.1(@types/react@19.2.13)(react@19.2.4):
use-isomorphic-layout-effect@1.2.1(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
use-latest@1.3.0(@types/react@19.2.13)(react@19.2.4):
use-latest@1.3.0(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4
use-isomorphic-layout-effect: 1.2.1(@types/react@19.2.13)(react@19.2.4)
use-isomorphic-layout-effect: 1.2.1(@types/react@19.2.14)(react@19.2.4)
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
use-sidecar@1.1.3(@types/react@19.2.13)(react@19.2.4):
use-sidecar@1.1.3(@types/react@19.2.14)(react@19.2.4):
dependencies:
detect-node-es: 1.1.0
react: 19.2.4
tslib: 2.8.1
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
use-sync-external-store@1.5.0(react@19.2.4):
dependencies:
@@ -8080,7 +8080,7 @@ snapshots:
- rollup
- supports-color
vite-tsconfig-paths@6.1.0(typescript@5.9.3)(vite@7.3.1(@types/node@25.2.3)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.6))):
vite-tsconfig-paths@6.1.1(typescript@5.9.3)(vite@7.3.1(@types/node@25.2.3)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.6))):
dependencies:
debug: 4.4.3
globrex: 0.1.2
@@ -8267,9 +8267,9 @@ snapshots:
zod@4.1.12: {}
zustand@5.0.8(@types/react@19.2.13)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4)):
zustand@5.0.8(@types/react@19.2.14)(immer@10.1.3)(react@19.2.4)(use-sync-external-store@1.5.0(react@19.2.4)):
optionalDependencies:
'@types/react': 19.2.13
'@types/react': 19.2.14
immer: 10.1.3
react: 19.2.4
use-sync-external-store: 1.5.0(react@19.2.4)