@toolbox-web/grid-react 1.2.0 → 1.4.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.
- package/README.md +7 -31
- package/features/index.d.ts.map +1 -1
- package/features/index.js +1 -0
- package/features/row-drag-drop.d.ts +1 -0
- package/features/row-drag-drop.d.ts.map +1 -0
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +532 -406
- package/lib/data-grid.d.ts.map +1 -1
- package/lib/event-props.d.ts +27 -1
- package/lib/event-props.d.ts.map +1 -1
- package/lib/feature-props.d.ts +19 -1
- package/lib/feature-props.d.ts.map +1 -1
- package/lib/portal-manager.d.ts.map +1 -1
- package/lib/react-column-config.d.ts +26 -5
- package/lib/react-column-config.d.ts.map +1 -1
- package/lib/react-grid-adapter.d.ts +51 -3
- package/lib/react-grid-adapter.d.ts.map +1 -1
- package/lib/use-grid-overlay.d.ts +74 -0
- package/lib/use-grid-overlay.d.ts.map +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,7 +15,7 @@ React adapter for `@toolbox-web/grid` data grid component. Provides components a
|
|
|
15
15
|
- ✅ **Render props** - Clean `children` syntax for custom cells
|
|
16
16
|
- ✅ **Type-level defaults** - App-wide renderers/editors via `GridTypeProvider`
|
|
17
17
|
- ✅ **Icon configuration** - App-wide icon overrides via `GridProvider` or `GridIconProvider`
|
|
18
|
-
- ✅ **Hooks API** - `useGrid`
|
|
18
|
+
- ✅ **Hooks API** - `useGrid` for programmatic access
|
|
19
19
|
- ✅ **Ref forwarding** - Access grid instance via `DataGridRef`
|
|
20
20
|
- ✅ **Master-detail** - `GridDetailPanel` for expandable rows
|
|
21
21
|
- ✅ **Tool panels** - `GridToolPanel` for custom sidebar content
|
|
@@ -440,25 +440,6 @@ function MyComponent() {
|
|
|
440
440
|
}
|
|
441
441
|
```
|
|
442
442
|
|
|
443
|
-
### useGridEvent
|
|
444
|
-
|
|
445
|
-
Type-safe event subscription with automatic cleanup:
|
|
446
|
-
|
|
447
|
-
```tsx
|
|
448
|
-
import { DataGrid, useGridEvent, DataGridRef } from '@toolbox-web/grid-react';
|
|
449
|
-
import { useRef } from 'react';
|
|
450
|
-
|
|
451
|
-
function MyComponent() {
|
|
452
|
-
const gridRef = useRef<DataGridRef>(null);
|
|
453
|
-
|
|
454
|
-
useGridEvent(gridRef, 'selection-change', (event) => {
|
|
455
|
-
console.log('Selected:', event.detail.selectedRows);
|
|
456
|
-
});
|
|
457
|
-
|
|
458
|
-
return <DataGrid ref={gridRef} rows={employees} />;
|
|
459
|
-
}
|
|
460
|
-
```
|
|
461
|
-
|
|
462
443
|
## Event Handling
|
|
463
444
|
|
|
464
445
|
### Via Props
|
|
@@ -472,10 +453,6 @@ function MyComponent() {
|
|
|
472
453
|
/>
|
|
473
454
|
```
|
|
474
455
|
|
|
475
|
-
### Via useGridEvent Hook
|
|
476
|
-
|
|
477
|
-
See [useGridEvent](#usegridevent) above.
|
|
478
|
-
|
|
479
456
|
## Type-Level Defaults
|
|
480
457
|
|
|
481
458
|
Define app-wide renderers and editors for custom column types using `GridTypeProvider`:
|
|
@@ -676,13 +653,12 @@ Inject custom CSS into the grid:
|
|
|
676
653
|
|
|
677
654
|
### Exported Hooks
|
|
678
655
|
|
|
679
|
-
| Hook | Description
|
|
680
|
-
| ----------------------- |
|
|
681
|
-
| `useGrid` | Grid ref with ready state and methods
|
|
682
|
-
| `
|
|
683
|
-
| `
|
|
684
|
-
| `
|
|
685
|
-
| `useGridIcons()` | Get icon overrides from context |
|
|
656
|
+
| Hook | Description |
|
|
657
|
+
| ----------------------- | ------------------------------------- |
|
|
658
|
+
| `useGrid` | Grid ref with ready state and methods |
|
|
659
|
+
| `useGridTypeDefaults()` | Get all type defaults from context |
|
|
660
|
+
| `useTypeDefault(type)` | Get defaults for a specific type |
|
|
661
|
+
| `useGridIcons()` | Get icon overrides from context |
|
|
686
662
|
|
|
687
663
|
### Exported Types
|
|
688
664
|
|
package/features/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,aAAa,CAAC;AACrB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC;AACrB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,aAAa,CAAC;AACrB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC;AACrB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC"}
|
package/features/index.js
CHANGED
|
@@ -17,6 +17,7 @@ import "@toolbox-web/grid/features/print";
|
|
|
17
17
|
import "@toolbox-web/grid/features/reorder-columns";
|
|
18
18
|
import "@toolbox-web/grid/features/reorder-rows";
|
|
19
19
|
import "@toolbox-web/grid/features/responsive";
|
|
20
|
+
import "@toolbox-web/grid/features/row-drag-drop";
|
|
20
21
|
import "@toolbox-web/grid/features/selection";
|
|
21
22
|
import "@toolbox-web/grid/features/server-side";
|
|
22
23
|
import "@toolbox-web/grid/features/tooltip";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=row-drag-drop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"row-drag-drop.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/row-drag-drop.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,0CAA0C,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export { GridIconProvider, useGridIcons, type GridIconProviderProps } from './li
|
|
|
13
13
|
export { GridProvider, type GridProviderProps } from './lib/grid-provider';
|
|
14
14
|
export type { ColumnConfig, GridConfig } from './lib/react-column-config';
|
|
15
15
|
export { useGrid, type UseGridReturn } from './lib/use-grid';
|
|
16
|
+
export { useGridOverlay, type UseGridOverlayOptions } from './lib/use-grid-overlay';
|
|
16
17
|
export { GridAdapter } from './lib/react-grid-adapter';
|
|
17
18
|
export type { GridCellContext, GridDetailContext, GridEditorContext, GridToolPanelContext } from './lib/context-types';
|
|
18
19
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/grid-react/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGtG,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGnF,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/grid-react/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGtG,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGnF,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAGpF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}
|