@bryntum/grid-react-thin 7.1.1 → 7.1.3
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 +229 -22
- package/lib/BryntumGrid.d.ts +19 -9
- package/lib/BryntumGrid.js +2 -0
- package/lib/BryntumGrid.js.map +1 -1
- package/lib/BryntumGridBase.d.ts +19 -9
- package/lib/BryntumGridBase.js +2 -0
- package/lib/BryntumGridBase.js.map +1 -1
- package/lib/BryntumTreeGrid.d.ts +19 -9
- package/lib/BryntumTreeGrid.js +2 -0
- package/lib/BryntumTreeGrid.js.map +1 -1
- package/lib/WrapperHelper.js +1 -1
- package/lib/WrapperHelper.js.map +1 -1
- package/package.json +1 -1
- package/src/BryntumGrid.tsx +42 -24
- package/src/BryntumGridBase.tsx +42 -24
- package/src/BryntumTreeGrid.tsx +42 -24
- package/src/WrapperHelper.tsx +2 -1
package/README.md
CHANGED
|
@@ -1,52 +1,259 @@
|
|
|
1
|
-
|
|
1
|
+
<br>
|
|
2
|
+
<br>
|
|
3
|
+
|
|
4
|
+
<p align="center">
|
|
5
|
+
<a href="https://bryntum.com/" rel="noopener" target="_blank">
|
|
6
|
+
<img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
|
|
7
|
+
</a>
|
|
8
|
+
     
|
|
9
|
+
<img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="100">
|
|
10
|
+
</p>
|
|
11
|
+
|
|
12
|
+
<br>
|
|
13
|
+
|
|
14
|
+
# React wrapper for Bryntum Grid Thin packages
|
|
2
15
|
|
|
3
16
|
This package contains a wrapper that encapsulates Bryntum Grid and turns it into a React component, exposing
|
|
4
17
|
configuration options, properties, features, and events.
|
|
5
18
|
|
|
6
|
-
|
|
19
|
+
> **Thin Package:** This is a thin wrapper package designed for applications that use multiple Bryntum products.
|
|
20
|
+
> Thin packages exclude bundled dependencies to avoid duplication. For details, see
|
|
21
|
+
> [React Multiple Products](https://bryntum.com/products/grid/docs/guide/Grid/integration/react/multiple-products).
|
|
22
|
+
|
|
23
|
+
## Version Requirement
|
|
24
|
+
|
|
25
|
+
* React: `18` or higher
|
|
26
|
+
* TypeScript: `4.2` or higher
|
|
27
|
+
* Vite `5` or higher
|
|
28
|
+
|
|
29
|
+
## Package Contents
|
|
30
|
+
|
|
31
|
+
| Path | Description |
|
|
32
|
+
|--------|------------------------------------------------|
|
|
33
|
+
| `lib/` | React wrapper components (BryntumGrid etc.) |
|
|
34
|
+
| `src/` | Original source files |
|
|
35
|
+
|
|
36
|
+
## Installation
|
|
37
|
+
|
|
38
|
+
### React Wrapper
|
|
39
|
+
|
|
40
|
+
```bash
|
|
41
|
+
npm install @bryntum/grid-react-thin@latest
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### Component Package (Required)
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
npm install @bryntum/grid-thin@latest
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Try Bryntum Online Demos
|
|
51
|
+
|
|
52
|
+
* [View Online React Demos](https://bryntum.com/products/grid/examples/?framework=react)
|
|
53
|
+
|
|
54
|
+
## Quick Start
|
|
55
|
+
|
|
56
|
+
Replace your `App.tsx` with the following:
|
|
57
|
+
|
|
58
|
+
```typescript
|
|
59
|
+
import { BryntumGrid } from '@bryntum/grid-react';
|
|
60
|
+
import { gridProps } from './GridConfig';
|
|
61
|
+
import './App.scss';
|
|
62
|
+
|
|
63
|
+
function App() {
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<BryntumGrid
|
|
67
|
+
{...gridProps}
|
|
68
|
+
/>
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
export default App;
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Create a `GridConfig.ts` file in the `src/` directory with the following content:
|
|
76
|
+
|
|
77
|
+
```typescript
|
|
78
|
+
import { BryntumGridProps } from '@bryntum/grid-react';
|
|
79
|
+
|
|
80
|
+
export const gridProps: BryntumGridProps = {
|
|
81
|
+
columns : [
|
|
82
|
+
{
|
|
83
|
+
text : 'Name',
|
|
84
|
+
field : 'name',
|
|
85
|
+
flex : 1,
|
|
86
|
+
editor : {
|
|
87
|
+
type : 'textfield',
|
|
88
|
+
required : true
|
|
89
|
+
}
|
|
90
|
+
}, {
|
|
91
|
+
text : 'Age',
|
|
92
|
+
field : 'age',
|
|
93
|
+
width : 100,
|
|
94
|
+
type : 'number'
|
|
95
|
+
}, {
|
|
96
|
+
text : 'City',
|
|
97
|
+
field : 'city',
|
|
98
|
+
flex : 1
|
|
99
|
+
}, {
|
|
100
|
+
text : 'Food',
|
|
101
|
+
field : 'food',
|
|
102
|
+
flex : 1
|
|
103
|
+
}, {
|
|
104
|
+
text : 'Color',
|
|
105
|
+
field : 'color',
|
|
106
|
+
width : 80,
|
|
107
|
+
type : 'column',
|
|
108
|
+
renderer : ({ cellElement, value }) => {
|
|
109
|
+
cellElement.style.color = value;
|
|
110
|
+
cellElement.style.fontWeight = '700';
|
|
111
|
+
return value;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
],
|
|
7
115
|
|
|
8
|
-
|
|
9
|
-
|
|
116
|
+
data : [
|
|
117
|
+
{ id : 1, name : 'Don A Taylor', age : 30, city : 'Moscow', food : 'Salad', color : 'Black' },
|
|
118
|
+
{ id : 2, name : 'John B Adams', age : 65, city : 'Paris', food : 'Bolognese', color : 'Orange' },
|
|
119
|
+
{ id : 3, name : 'John Doe', age : 40, city : 'London', food : 'Fish and Chips', color : 'Blue' },
|
|
120
|
+
{ id : 4, name : 'Maria Garcia', age : 28, city : 'Madrid', food : 'Paella', color : 'Green' },
|
|
121
|
+
{ id : 5, name : 'Li Wei', age : 35, city : 'Beijing', food : 'Dumplings', color : 'Yellow' },
|
|
122
|
+
{ id : 6, name : 'Sara Johnson', age : 32, city : 'Sydney', food : 'Sushi', color : 'Purple' },
|
|
123
|
+
{ id : 7, name : 'Lucas Brown', age : 22, city : 'Toronto', food : 'Poutine', color : 'Orange' },
|
|
124
|
+
{ id : 8, name : 'Emma Wilson', age : 27, city : 'Paris', food : 'Croissant', color : 'Pink' },
|
|
125
|
+
{ id : 9, name : 'Ivan Petrov', age : 45, city : 'St. Petersburg', food : 'Borscht', color : 'Grey' },
|
|
126
|
+
{ id : 10, name : 'Zhang Ming', age : 50, city : 'Shanghai', food : 'Hot Pot', color : 'Purple' },
|
|
127
|
+
{ id : 11, name : 'Sophia Martinez', age : 20, city : 'Mexico City', food : 'Tacos', color : 'Crimson' },
|
|
128
|
+
{ id : 12, name : 'Noah Smith', age : 55, city : 'Cape Town', food : 'Biltong', color : 'Turquoise' },
|
|
129
|
+
{ id : 13, name : 'Isabella Jones', age : 33, city : 'Rio de Janeiro', food : 'Feijoada', color : 'Magenta' },
|
|
130
|
+
{ id : 14, name : 'Ethan Taylor', age : 29, city : 'Chicago', food : 'Deep-Dish Pizza', color : 'Cyan' },
|
|
131
|
+
{ id : 15, name : 'Olivia Brown', age : 37, city : 'Berlin', food : 'Schnitzel', color : 'Maroon' },
|
|
132
|
+
{ id : 16, name : 'Mia Wilson', age : 26, city : 'Rome', food : 'Pasta', color : 'Olive' },
|
|
133
|
+
{ id : 17, name : 'Jacob Miller', age : 60, city : 'Amsterdam', food : 'Stroopwafel', color : 'Lime' },
|
|
134
|
+
{ id : 18, name : 'Chloe Davis', age : 23, city : 'Los Angeles', food : 'Burger', color : 'Teal' },
|
|
135
|
+
{ id : 19, name : 'Aiden Martinez', age : 48, city : 'Buenos Aires', food : 'Asado', color : 'Violet' },
|
|
136
|
+
{ id : 20, name : 'Liam Lee', age : 38, city : 'Seoul', food : 'Kimchi', color : 'Indigo' },
|
|
137
|
+
{ id : 21, name : 'Sophie Kim', age : 21, city : 'Tokyo', food : 'Ramen', color : 'Pink' },
|
|
138
|
+
{ id : 22, name : 'Alexander Nguyen', age : 41, city : 'Hanoi', food : 'Pho', color : 'Coral' },
|
|
139
|
+
{ id : 23, name : 'Ella Patel', age : 19, city : 'Mumbai', food : 'Curry', color : 'Amber' },
|
|
140
|
+
{ id : 24, name : 'James O Connor', age : 34, city : 'Dublin', food : 'Irish Stew', color : 'Green' },
|
|
141
|
+
{ id : 25, name : 'Isabelle Chen', age : 31, city : 'Hong Kong', food : 'Dim Sum', color : 'Brown' }
|
|
142
|
+
]
|
|
143
|
+
};
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
## Project Structure
|
|
10
147
|
|
|
11
|
-
|
|
12
|
-
detailed information on the sign-up/login process.
|
|
148
|
+
### Product Dependencies
|
|
13
149
|
|
|
14
|
-
|
|
150
|
+
API packages:
|
|
15
151
|
|
|
16
|
-
|
|
17
|
-
|
|
152
|
+
```json
|
|
153
|
+
{
|
|
154
|
+
"dependencies": {
|
|
155
|
+
"@bryntum/core-thin": "7.1.3",
|
|
156
|
+
"@bryntum/grid-thin": "7.1.3"
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
```
|
|
18
160
|
|
|
19
|
-
|
|
161
|
+
Framework wrapper packages:
|
|
20
162
|
|
|
21
|
-
|
|
163
|
+
```json
|
|
164
|
+
{
|
|
165
|
+
"dependencies": {
|
|
166
|
+
"@bryntum/core-react-thin": "7.1.3",
|
|
167
|
+
"@bryntum/grid-react-thin": "7.1.3"
|
|
168
|
+
}
|
|
169
|
+
}
|
|
22
170
|
```
|
|
23
171
|
|
|
24
|
-
|
|
172
|
+
### Product Configuration
|
|
173
|
+
|
|
174
|
+
```typescript
|
|
175
|
+
import { BryntumGridProps } from '@bryntum/grid-react-thin';
|
|
176
|
+
|
|
177
|
+
const gridProps : BryntumGridProps = {
|
|
178
|
+
// Grid configuration
|
|
179
|
+
};
|
|
25
180
|
```
|
|
26
181
|
|
|
27
|
-
|
|
182
|
+
### Product Styling
|
|
183
|
+
|
|
184
|
+
**SCSS/CSS:**
|
|
185
|
+
|
|
186
|
+
```css
|
|
187
|
+
/* FontAwesome is used for icons */
|
|
188
|
+
@import '@bryntum/core-thin/fontawesome/css/fontawesome.css';
|
|
189
|
+
@import "@bryntum/core-thin/fontawesome/css/solid.css";
|
|
190
|
+
/* Structural CSS */
|
|
191
|
+
@import '@bryntum/core-thin/core.css';
|
|
192
|
+
@import '@bryntum/grid-thin/grid.css';
|
|
193
|
+
/* Theme */
|
|
194
|
+
@import '@bryntum/core-thin/svalbard-light.css';
|
|
28
195
|
```
|
|
29
196
|
|
|
30
|
-
|
|
197
|
+
### Product Localization
|
|
198
|
+
|
|
199
|
+
```javascript
|
|
200
|
+
import '@bryntum/grid-thin/lib/localization/De.js'
|
|
31
201
|
```
|
|
32
202
|
|
|
33
|
-
|
|
203
|
+
## Integration Guide
|
|
204
|
+
|
|
205
|
+
For details on installing and using this package, see the
|
|
206
|
+
[React Integration Guide](https://bryntum.com/products/grid/docs/guide/Grid/integration/react/guide).
|
|
34
207
|
|
|
35
|
-
|
|
36
|
-
[React Integration Guide](https://bryntum.com/docs/pkgOnlineName/guide/Grid/integration/react/guide)
|
|
208
|
+
## Wrappers
|
|
37
209
|
|
|
38
|
-
|
|
210
|
+
React wrappers encapsulate Bryntum components as native React components, exposing all configuration options,
|
|
211
|
+
properties, features, and events through React-familiar patterns like props and callbacks.
|
|
212
|
+
|
|
213
|
+
Visit [Wrappers documentation](https://bryntum.com/products/grid/docs/guide/Grid/integration/react/guide#wrappers) for the complete list of available
|
|
214
|
+
wrapper components.
|
|
215
|
+
|
|
216
|
+
## Features
|
|
217
|
+
|
|
218
|
+
Features are optional modules that extend Bryntum Grid functionality. Each feature is suffixed with `Feature` and
|
|
219
|
+
can be enabled and configured through standard React props.
|
|
220
|
+
|
|
221
|
+
Visit [Features documentation](https://bryntum.com/products/grid/docs/guide/Grid/integration/react/guide#features) for the complete list of available
|
|
222
|
+
features and their configuration options.
|
|
223
|
+
|
|
224
|
+
## Explore All Bryntum Products
|
|
225
|
+
|
|
226
|
+
* [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
|
|
227
|
+
* [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
|
|
228
|
+
* [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
|
|
229
|
+
* [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
|
|
230
|
+
* [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
|
|
231
|
+
* [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
|
|
232
|
+
|
|
233
|
+
Explore our comprehensive collection of demos:
|
|
234
|
+
|
|
235
|
+
| Product | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg" alt="JavaScript" width="30"><br>JavaScript | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="30"><br>React | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="30"><br>Vue | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="30"><br>Angular |
|
|
236
|
+
|-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
|
|
237
|
+
| **Grid** | [Grid JavaScript demos](https://bryntum.com/products/grid/examples/?framework=javascript) | [Grid React demos](https://bryntum.com/products/grid/examples/?framework=react) | [Grid Vue demos](https://bryntum.com/products/grid/examples/?framework=vue) | [Grid Angular demos](https://bryntum.com/products/grid/examples/?framework=angular) |
|
|
238
|
+
| **Scheduler** | [Scheduler JavaScript demos](https://bryntum.com/products/scheduler/examples/?framework=javascript) | [Scheduler React demos](https://bryntum.com/products/scheduler/examples/?framework=react) | [Scheduler Vue demos](https://bryntum.com/products/scheduler/examples/?framework=vue) | [Scheduler Angular demos](https://bryntum.com/products/scheduler/examples/?framework=angular) |
|
|
239
|
+
| **Scheduler Pro** | [Scheduler Pro JavaScript demos](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [Scheduler Pro React demos](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [Scheduler Pro Vue demos](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [Scheduler Pro Angular demos](https://bryntum.com/products/schedulerpro/examples/?framework=angular) |
|
|
240
|
+
| **Gantt** | [Gantt JavaScript demos](https://bryntum.com/products/gantt/examples/?framework=javascript) | [Gantt React demos](https://bryntum.com/products/gantt/examples/?framework=react) | [Gantt Vue demos](https://bryntum.com/products/gantt/examples/?framework=vue) | [Gantt Angular demos](https://bryntum.com/products/gantt/examples/?framework=angular) |
|
|
241
|
+
| **Calendar** | [Calendar JavaScript demos](https://bryntum.com/products/calendar/examples/?framework=javascript) | [Calendar React demos](https://bryntum.com/products/calendar/examples/?framework=react) | [Calendar Vue demos](https://bryntum.com/products/calendar/examples/?framework=vue) | [Calendar Angular demos](https://bryntum.com/products/calendar/examples/?framework=angular) |
|
|
242
|
+
| **TaskBoard** | [TaskBoard JavaScript demos](https://bryntum.com/products/taskboard/examples/?framework=javascript) | [TaskBoard React demos](https://bryntum.com/products/taskboard/examples/?framework=react) | [TaskBoard Vue demos](https://bryntum.com/products/taskboard/examples/?framework=vue) | [TaskBoard Angular demos](https://bryntum.com/products/taskboard/examples/?framework=angular) |
|
|
243
|
+
|
|
244
|
+
## Online references
|
|
39
245
|
|
|
40
|
-
* [Bryntum npm repository guide](https://bryntum.com/products/grid/docs/guide/Grid/npm-repository)
|
|
41
246
|
* [Bryntum Grid documentation](https://bryntum.com/products/grid/docs/)
|
|
42
247
|
* [Bryntum Grid examples](https://bryntum.com/products/grid/examples/)
|
|
43
|
-
* [Bryntum support Forum](https://forum.bryntum.com/)
|
|
44
|
-
* [Contacts us](https://bryntum.com/contact/)
|
|
45
248
|
|
|
46
|
-
|
|
249
|
+
* [Bryntum Support Forum](https://forum.bryntum.com/)
|
|
250
|
+
* [Contact us](https://bryntum.com/contact/)
|
|
251
|
+
|
|
252
|
+
## License and copyright
|
|
47
253
|
|
|
48
254
|
This wrapper depends on Bryntum Grid, which is commercial software and requires a paid license.
|
|
49
255
|
Please visit the [Bryntum Grid End User License](https://bryntum.com/products/grid/license/) for the full text of the license.
|
|
50
256
|
|
|
51
257
|
Copyright © 2009-2026, Bryntum
|
|
52
258
|
All rights reserved.
|
|
259
|
+
|
package/lib/BryntumGrid.d.ts
CHANGED
|
@@ -186,6 +186,11 @@ export declare type BryntumGridProps = {
|
|
|
186
186
|
field: string;
|
|
187
187
|
value: any;
|
|
188
188
|
}) => Promise<boolean> | boolean | void) | string;
|
|
189
|
+
onBeforeColumnCollapseToggle?: ((event: {
|
|
190
|
+
source: GridBase;
|
|
191
|
+
column: Column;
|
|
192
|
+
collapsed: boolean;
|
|
193
|
+
}) => void) | string;
|
|
189
194
|
onBeforeColumnDragStart?: ((event: {
|
|
190
195
|
source: Grid;
|
|
191
196
|
column: Column;
|
|
@@ -249,16 +254,16 @@ export declare type BryntumGridProps = {
|
|
|
249
254
|
text: string;
|
|
250
255
|
}) => Promise<boolean> | boolean | void) | string;
|
|
251
256
|
onBeforePdfExport?: ((event: {
|
|
252
|
-
config:
|
|
257
|
+
config: PdfExportConfig;
|
|
253
258
|
}) => Promise<boolean> | boolean | void) | string;
|
|
254
259
|
onBeforeRenderRow?: ((event: {
|
|
255
|
-
source:
|
|
260
|
+
source: GridBase;
|
|
256
261
|
row: Row;
|
|
257
262
|
record: Model;
|
|
258
263
|
recordIndex: number;
|
|
259
264
|
}) => void) | string;
|
|
260
265
|
onBeforeRenderRows?: ((event: {
|
|
261
|
-
source:
|
|
266
|
+
source: GridBase;
|
|
262
267
|
}) => void) | string;
|
|
263
268
|
onBeforeRowCollapse?: ((event: {
|
|
264
269
|
record: Model;
|
|
@@ -404,6 +409,11 @@ export declare type BryntumGridProps = {
|
|
|
404
409
|
source: Grid;
|
|
405
410
|
record: Model;
|
|
406
411
|
}) => void) | string;
|
|
412
|
+
onColumnCollapseToggle?: ((event: {
|
|
413
|
+
source: GridBase;
|
|
414
|
+
column: Column;
|
|
415
|
+
collapsed: boolean;
|
|
416
|
+
}) => void) | string;
|
|
407
417
|
onColumnDrag?: ((event: {
|
|
408
418
|
source: Grid;
|
|
409
419
|
column: Column;
|
|
@@ -456,7 +466,7 @@ export declare type BryntumGridProps = {
|
|
|
456
466
|
entityName: string;
|
|
457
467
|
}) => void) | string;
|
|
458
468
|
onDataChange?: ((event: {
|
|
459
|
-
source:
|
|
469
|
+
source: GridBase;
|
|
460
470
|
store: Store;
|
|
461
471
|
action: 'remove' | 'removeAll' | 'add' | 'clearchanges' | 'filter' | 'update' | 'dataset' | 'replace';
|
|
462
472
|
record: Model;
|
|
@@ -648,13 +658,13 @@ export declare type BryntumGridProps = {
|
|
|
648
658
|
}) => void) | string;
|
|
649
659
|
onRecompose?: (() => void) | string;
|
|
650
660
|
onRenderRow?: ((event: {
|
|
651
|
-
source:
|
|
661
|
+
source: GridBase;
|
|
652
662
|
row: Row;
|
|
653
663
|
record: Model;
|
|
654
664
|
recordIndex: number;
|
|
655
665
|
}) => void) | string;
|
|
656
666
|
onRenderRows?: ((event: {
|
|
657
|
-
source:
|
|
667
|
+
source: GridBase;
|
|
658
668
|
}) => void) | string;
|
|
659
669
|
onResize?: ((event: {
|
|
660
670
|
source: Widget;
|
|
@@ -693,7 +703,7 @@ export declare type BryntumGridProps = {
|
|
|
693
703
|
event: MouseEvent;
|
|
694
704
|
}) => void) | string;
|
|
695
705
|
onScroll?: ((event: {
|
|
696
|
-
source:
|
|
706
|
+
source: GridBase;
|
|
697
707
|
scrollTop: number;
|
|
698
708
|
}) => void) | string;
|
|
699
709
|
onSelectionChange?: ((event: {
|
|
@@ -750,11 +760,11 @@ export declare type BryntumGridProps = {
|
|
|
750
760
|
editorContext: RowEditorContext;
|
|
751
761
|
}) => void) | string;
|
|
752
762
|
onSubGridCollapse?: ((event: {
|
|
753
|
-
source:
|
|
763
|
+
source: GridBase;
|
|
754
764
|
subGrid: SubGrid;
|
|
755
765
|
}) => void) | string;
|
|
756
766
|
onSubGridExpand?: ((event: {
|
|
757
|
-
source:
|
|
767
|
+
source: GridBase;
|
|
758
768
|
subGrid: SubGrid;
|
|
759
769
|
}) => void) | string;
|
|
760
770
|
onToggleGroup?: ((event: {
|
package/lib/BryntumGrid.js
CHANGED
|
@@ -191,6 +191,7 @@ BryntumGrid.propertyConfigNames = [
|
|
|
191
191
|
'onBeforeCellEditStart',
|
|
192
192
|
'onBeforeCellRangeDelete',
|
|
193
193
|
'onBeforeCellRangeEdit',
|
|
194
|
+
'onBeforeColumnCollapseToggle',
|
|
194
195
|
'onBeforeColumnDragStart',
|
|
195
196
|
'onBeforeColumnDropFinalize',
|
|
196
197
|
'onBeforeColumnResize',
|
|
@@ -231,6 +232,7 @@ BryntumGrid.propertyConfigNames = [
|
|
|
231
232
|
'onCellMouseOver',
|
|
232
233
|
'onCollapse',
|
|
233
234
|
'onCollapseNode',
|
|
235
|
+
'onColumnCollapseToggle',
|
|
234
236
|
'onColumnDrag',
|
|
235
237
|
'onColumnDragStart',
|
|
236
238
|
'onColumnDrop',
|
package/lib/BryntumGrid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BryntumGrid.js","sourceRoot":"","sources":["../src/BryntumGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAA4oB,IAAI,EAAo1B,MAAM,oBAAoB,CAAC;AAEtgD,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAu
|
|
1
|
+
{"version":3,"file":"BryntumGrid.js","sourceRoot":"","sources":["../src/BryntumGrid.tsx"],"names":[],"mappings":"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"}
|
package/lib/BryntumGridBase.d.ts
CHANGED
|
@@ -185,6 +185,11 @@ export declare type BryntumGridBaseProps = {
|
|
|
185
185
|
field: string;
|
|
186
186
|
value: any;
|
|
187
187
|
}) => Promise<boolean> | boolean | void) | string;
|
|
188
|
+
onBeforeColumnCollapseToggle?: ((event: {
|
|
189
|
+
source: GridBase;
|
|
190
|
+
column: Column;
|
|
191
|
+
collapsed: boolean;
|
|
192
|
+
}) => void) | string;
|
|
188
193
|
onBeforeColumnDragStart?: ((event: {
|
|
189
194
|
source: Grid;
|
|
190
195
|
column: Column;
|
|
@@ -248,16 +253,16 @@ export declare type BryntumGridBaseProps = {
|
|
|
248
253
|
text: string;
|
|
249
254
|
}) => Promise<boolean> | boolean | void) | string;
|
|
250
255
|
onBeforePdfExport?: ((event: {
|
|
251
|
-
config:
|
|
256
|
+
config: PdfExportConfig;
|
|
252
257
|
}) => Promise<boolean> | boolean | void) | string;
|
|
253
258
|
onBeforeRenderRow?: ((event: {
|
|
254
|
-
source:
|
|
259
|
+
source: GridBase;
|
|
255
260
|
row: Row;
|
|
256
261
|
record: Model;
|
|
257
262
|
recordIndex: number;
|
|
258
263
|
}) => void) | string;
|
|
259
264
|
onBeforeRenderRows?: ((event: {
|
|
260
|
-
source:
|
|
265
|
+
source: GridBase;
|
|
261
266
|
}) => void) | string;
|
|
262
267
|
onBeforeRowCollapse?: ((event: {
|
|
263
268
|
record: Model;
|
|
@@ -403,6 +408,11 @@ export declare type BryntumGridBaseProps = {
|
|
|
403
408
|
source: Grid;
|
|
404
409
|
record: Model;
|
|
405
410
|
}) => void) | string;
|
|
411
|
+
onColumnCollapseToggle?: ((event: {
|
|
412
|
+
source: GridBase;
|
|
413
|
+
column: Column;
|
|
414
|
+
collapsed: boolean;
|
|
415
|
+
}) => void) | string;
|
|
406
416
|
onColumnDrag?: ((event: {
|
|
407
417
|
source: Grid;
|
|
408
418
|
column: Column;
|
|
@@ -455,7 +465,7 @@ export declare type BryntumGridBaseProps = {
|
|
|
455
465
|
entityName: string;
|
|
456
466
|
}) => void) | string;
|
|
457
467
|
onDataChange?: ((event: {
|
|
458
|
-
source:
|
|
468
|
+
source: GridBase;
|
|
459
469
|
store: Store;
|
|
460
470
|
action: 'remove' | 'removeAll' | 'add' | 'clearchanges' | 'filter' | 'update' | 'dataset' | 'replace';
|
|
461
471
|
record: Model;
|
|
@@ -647,13 +657,13 @@ export declare type BryntumGridBaseProps = {
|
|
|
647
657
|
}) => void) | string;
|
|
648
658
|
onRecompose?: (() => void) | string;
|
|
649
659
|
onRenderRow?: ((event: {
|
|
650
|
-
source:
|
|
660
|
+
source: GridBase;
|
|
651
661
|
row: Row;
|
|
652
662
|
record: Model;
|
|
653
663
|
recordIndex: number;
|
|
654
664
|
}) => void) | string;
|
|
655
665
|
onRenderRows?: ((event: {
|
|
656
|
-
source:
|
|
666
|
+
source: GridBase;
|
|
657
667
|
}) => void) | string;
|
|
658
668
|
onResize?: ((event: {
|
|
659
669
|
source: Widget;
|
|
@@ -692,7 +702,7 @@ export declare type BryntumGridBaseProps = {
|
|
|
692
702
|
event: MouseEvent;
|
|
693
703
|
}) => void) | string;
|
|
694
704
|
onScroll?: ((event: {
|
|
695
|
-
source:
|
|
705
|
+
source: GridBase;
|
|
696
706
|
scrollTop: number;
|
|
697
707
|
}) => void) | string;
|
|
698
708
|
onSelectionChange?: ((event: {
|
|
@@ -749,11 +759,11 @@ export declare type BryntumGridBaseProps = {
|
|
|
749
759
|
editorContext: RowEditorContext;
|
|
750
760
|
}) => void) | string;
|
|
751
761
|
onSubGridCollapse?: ((event: {
|
|
752
|
-
source:
|
|
762
|
+
source: GridBase;
|
|
753
763
|
subGrid: SubGrid;
|
|
754
764
|
}) => void) | string;
|
|
755
765
|
onSubGridExpand?: ((event: {
|
|
756
|
-
source:
|
|
766
|
+
source: GridBase;
|
|
757
767
|
subGrid: SubGrid;
|
|
758
768
|
}) => void) | string;
|
|
759
769
|
onToggleGroup?: ((event: {
|
package/lib/BryntumGridBase.js
CHANGED
|
@@ -189,6 +189,7 @@ BryntumGridBase.propertyConfigNames = [
|
|
|
189
189
|
'onBeforeCellEditStart',
|
|
190
190
|
'onBeforeCellRangeDelete',
|
|
191
191
|
'onBeforeCellRangeEdit',
|
|
192
|
+
'onBeforeColumnCollapseToggle',
|
|
192
193
|
'onBeforeColumnDragStart',
|
|
193
194
|
'onBeforeColumnDropFinalize',
|
|
194
195
|
'onBeforeColumnResize',
|
|
@@ -229,6 +230,7 @@ BryntumGridBase.propertyConfigNames = [
|
|
|
229
230
|
'onCellMouseOver',
|
|
230
231
|
'onCollapse',
|
|
231
232
|
'onCollapseNode',
|
|
233
|
+
'onColumnCollapseToggle',
|
|
232
234
|
'onColumnDrag',
|
|
233
235
|
'onColumnDragStart',
|
|
234
236
|
'onColumnDrop',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BryntumGridBase.js","sourceRoot":"","sources":["../src/BryntumGridBase.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAkpB,QAAQ,EAA80B,MAAM,oBAAoB,CAAC;AAE1gD,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAs
|
|
1
|
+
{"version":3,"file":"BryntumGridBase.js","sourceRoot":"","sources":["../src/BryntumGridBase.tsx"],"names":[],"mappings":"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"}
|
package/lib/BryntumTreeGrid.d.ts
CHANGED
|
@@ -186,6 +186,11 @@ export declare type BryntumTreeGridProps = {
|
|
|
186
186
|
field: string;
|
|
187
187
|
value: any;
|
|
188
188
|
}) => Promise<boolean> | boolean | void) | string;
|
|
189
|
+
onBeforeColumnCollapseToggle?: ((event: {
|
|
190
|
+
source: GridBase;
|
|
191
|
+
column: Column;
|
|
192
|
+
collapsed: boolean;
|
|
193
|
+
}) => void) | string;
|
|
189
194
|
onBeforeColumnDragStart?: ((event: {
|
|
190
195
|
source: Grid;
|
|
191
196
|
column: Column;
|
|
@@ -249,16 +254,16 @@ export declare type BryntumTreeGridProps = {
|
|
|
249
254
|
text: string;
|
|
250
255
|
}) => Promise<boolean> | boolean | void) | string;
|
|
251
256
|
onBeforePdfExport?: ((event: {
|
|
252
|
-
config:
|
|
257
|
+
config: PdfExportConfig;
|
|
253
258
|
}) => Promise<boolean> | boolean | void) | string;
|
|
254
259
|
onBeforeRenderRow?: ((event: {
|
|
255
|
-
source:
|
|
260
|
+
source: GridBase;
|
|
256
261
|
row: Row;
|
|
257
262
|
record: Model;
|
|
258
263
|
recordIndex: number;
|
|
259
264
|
}) => void) | string;
|
|
260
265
|
onBeforeRenderRows?: ((event: {
|
|
261
|
-
source:
|
|
266
|
+
source: GridBase;
|
|
262
267
|
}) => void) | string;
|
|
263
268
|
onBeforeRowCollapse?: ((event: {
|
|
264
269
|
record: Model;
|
|
@@ -404,6 +409,11 @@ export declare type BryntumTreeGridProps = {
|
|
|
404
409
|
source: Grid;
|
|
405
410
|
record: Model;
|
|
406
411
|
}) => void) | string;
|
|
412
|
+
onColumnCollapseToggle?: ((event: {
|
|
413
|
+
source: GridBase;
|
|
414
|
+
column: Column;
|
|
415
|
+
collapsed: boolean;
|
|
416
|
+
}) => void) | string;
|
|
407
417
|
onColumnDrag?: ((event: {
|
|
408
418
|
source: Grid;
|
|
409
419
|
column: Column;
|
|
@@ -456,7 +466,7 @@ export declare type BryntumTreeGridProps = {
|
|
|
456
466
|
entityName: string;
|
|
457
467
|
}) => void) | string;
|
|
458
468
|
onDataChange?: ((event: {
|
|
459
|
-
source:
|
|
469
|
+
source: GridBase;
|
|
460
470
|
store: Store;
|
|
461
471
|
action: 'remove' | 'removeAll' | 'add' | 'clearchanges' | 'filter' | 'update' | 'dataset' | 'replace';
|
|
462
472
|
record: Model;
|
|
@@ -648,13 +658,13 @@ export declare type BryntumTreeGridProps = {
|
|
|
648
658
|
}) => void) | string;
|
|
649
659
|
onRecompose?: (() => void) | string;
|
|
650
660
|
onRenderRow?: ((event: {
|
|
651
|
-
source:
|
|
661
|
+
source: GridBase;
|
|
652
662
|
row: Row;
|
|
653
663
|
record: Model;
|
|
654
664
|
recordIndex: number;
|
|
655
665
|
}) => void) | string;
|
|
656
666
|
onRenderRows?: ((event: {
|
|
657
|
-
source:
|
|
667
|
+
source: GridBase;
|
|
658
668
|
}) => void) | string;
|
|
659
669
|
onResize?: ((event: {
|
|
660
670
|
source: Widget;
|
|
@@ -693,7 +703,7 @@ export declare type BryntumTreeGridProps = {
|
|
|
693
703
|
event: MouseEvent;
|
|
694
704
|
}) => void) | string;
|
|
695
705
|
onScroll?: ((event: {
|
|
696
|
-
source:
|
|
706
|
+
source: GridBase;
|
|
697
707
|
scrollTop: number;
|
|
698
708
|
}) => void) | string;
|
|
699
709
|
onSelectionChange?: ((event: {
|
|
@@ -750,11 +760,11 @@ export declare type BryntumTreeGridProps = {
|
|
|
750
760
|
editorContext: RowEditorContext;
|
|
751
761
|
}) => void) | string;
|
|
752
762
|
onSubGridCollapse?: ((event: {
|
|
753
|
-
source:
|
|
763
|
+
source: GridBase;
|
|
754
764
|
subGrid: SubGrid;
|
|
755
765
|
}) => void) | string;
|
|
756
766
|
onSubGridExpand?: ((event: {
|
|
757
|
-
source:
|
|
767
|
+
source: GridBase;
|
|
758
768
|
subGrid: SubGrid;
|
|
759
769
|
}) => void) | string;
|
|
760
770
|
onToggleGroup?: ((event: {
|
package/lib/BryntumTreeGrid.js
CHANGED
|
@@ -190,6 +190,7 @@ BryntumTreeGrid.propertyConfigNames = [
|
|
|
190
190
|
'onBeforeCellEditStart',
|
|
191
191
|
'onBeforeCellRangeDelete',
|
|
192
192
|
'onBeforeCellRangeEdit',
|
|
193
|
+
'onBeforeColumnCollapseToggle',
|
|
193
194
|
'onBeforeColumnDragStart',
|
|
194
195
|
'onBeforeColumnDropFinalize',
|
|
195
196
|
'onBeforeColumnResize',
|
|
@@ -230,6 +231,7 @@ BryntumTreeGrid.propertyConfigNames = [
|
|
|
230
231
|
'onCellMouseOver',
|
|
231
232
|
'onCollapse',
|
|
232
233
|
'onCollapseNode',
|
|
234
|
+
'onColumnCollapseToggle',
|
|
233
235
|
'onColumnDrag',
|
|
234
236
|
'onColumnDragStart',
|
|
235
237
|
'onColumnDrop',
|