Skip to content

Commit 9793e0b

Browse files
georgianastasovgeorgianastasov
committed
Update samples and versions
1 parent fa22655 commit 9793e0b

6 files changed

Lines changed: 63 additions & 48 deletions

File tree

‎samples/grids/grid/disabled-summaries/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,12 @@
99
"lint": "eslint ./src/**/*.{ts,tsx}"
1010
},
1111
"dependencies": {
12-
"igniteui-react": "18.7.7",
13-
"igniteui-react-core": "18.7.7",
14-
"igniteui-react-datasources": "18.7.7",
15-
"igniteui-react-grids": "18.7.7",
16-
"igniteui-react-inputs": "18.7.7",
17-
"igniteui-react-layouts": "18.7.7",
12+
"igniteui-react": "18.8.0",
13+
"igniteui-react-core": "18.8.0",
14+
"igniteui-react-datasources": "18.8.0",
15+
"igniteui-react-grids": "18.8.0",
16+
"igniteui-react-inputs": "18.8.0",
17+
"igniteui-react-layouts": "18.8.0",
1818
"lit-html": "^3.2.0",
1919
"react": "^18.3.1",
2020
"react-dom": "^18.3.1",

‎samples/grids/grid/disabled-summaries/src/index.tsx‎

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,8 @@ export default class Sample extends React.Component<any, any> {
114114
const columnState: any | undefined = this.state.columns.find((c: any) => c.field === column.field);
115115

116116
this.setState({
117-
currentColumn: columnState!
117+
currentColumn: columnState!,
118+
checkboxStates: [],
118119
}, () => {
119120
this.updateCheckboxes();
120121
this.dialog?.show();
@@ -194,10 +195,8 @@ export default class Sample extends React.Component<any, any> {
194195
currentColumn: { ...currentColumn, disabledSummaries: updatedDisabledSummaries },
195196
columns: updatedColumns,
196197
}, () => {
197-
this.updateCheckboxes();
198198
this.grid.markForCheck();
199199
});
200-
201200
};
202201

203202
disableAllSummaries = () => {
@@ -273,7 +272,7 @@ export default class Sample extends React.Component<any, any> {
273272
key={checkbox.key}
274273
className="summaries-dialog-item"
275274
checked={checkbox.checked}
276-
onChange={() => this.toggleSummary(checkbox.key)}
275+
onClick={() => this.toggleSummary(checkbox.key)}
277276
>
278277
<span>{checkbox.label}</span>
279278
</IgrCheckbox>
@@ -292,12 +291,18 @@ export default class Sample extends React.Component<any, any> {
292291
height="700px"
293292
width="100%"
294293
>
295-
<IgrColumn field="ProductID" header="ProductID" hasSummary={true} disabledSummaries={col.disabledSummaries}></IgrColumn>
296-
<IgrColumn field="ProductName" header="Product Name" hasSummary={true} disabledSummaries={col.disabledSummaries}></IgrColumn>
297-
<IgrColumn field="UnitPrice" header="Unit Price" hasSummary={true} dataType="number" disabledSummaries={col.disabledSummaries}></IgrColumn>
298-
<IgrColumn field="UnitsInStock" header="Units In Stock" hasSummary={true} dataType="number" summaries={UnitsInStockSummary} disabledSummaries={col.disabledSummaries}></IgrColumn>
299-
<IgrColumn field="Discontinued" header="Discontinued" hasSummary={true} summaries={DiscontinuedSummary} disabledSummaries={col.disabledSummaries}></IgrColumn>
300-
<IgrColumn field="OrderDate" header="Order Date" hasSummary={true} dataType="date" disabledSummaries={col.disabledSummaries}></IgrColumn>
294+
<IgrColumn field="ProductID" header="ProductID"
295+
hasSummary={true} disabledSummaries={this.state.columns.find((col: any) => col.field === "ProductID")?.disabledSummaries}></IgrColumn>
296+
<IgrColumn field="ProductName" header="Product Name"
297+
hasSummary={true} disabledSummaries={this.state.columns.find((col: any) => col.field === "ProductName")?.disabledSummaries}></IgrColumn>
298+
<IgrColumn field="UnitPrice" header="Unit Price" dataType="number"
299+
hasSummary={true} disabledSummaries={this.state.columns.find((col: any) => col.field === "UnitPrice")?.disabledSummaries}></IgrColumn>
300+
<IgrColumn field="UnitsInStock" header="Units In Stock" dataType="number"
301+
hasSummary={true} summaries={UnitsInStockSummary} disabledSummaries={this.state.columns.find((col: any) => col.field === "UnitsInStock")?.disabledSummaries}></IgrColumn>
302+
<IgrColumn field="Discontinued" header="Discontinued"
303+
hasSummary={true} summaries={DiscontinuedSummary} disabledSummaries={this.state.columns.find((col: any) => col.field === "Discontinued")?.disabledSummaries}></IgrColumn>
304+
<IgrColumn field="OrderDate" header="Order Date" dataType="date"
305+
hasSummary={true} disabledSummaries={this.state.columns.find((col: any) => col.field === "OrderDate")?.disabledSummaries}></IgrColumn>
301306
</IgrGrid>
302307
</div>
303308
</div>

‎samples/grids/hierarchical-grid/disabled-summaries/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,12 @@
99
"lint": "eslint ./src/**/*.{ts,tsx}"
1010
},
1111
"dependencies": {
12-
"igniteui-react": "18.7.7",
13-
"igniteui-react-core": "18.7.7",
14-
"igniteui-react-datasources": "18.7.7",
15-
"igniteui-react-grids": "18.7.7",
16-
"igniteui-react-inputs": "18.7.7",
17-
"igniteui-react-layouts": "18.7.7",
12+
"igniteui-react": "18.8.0",
13+
"igniteui-react-core": "18.8.0",
14+
"igniteui-react-datasources": "18.8.0",
15+
"igniteui-react-grids": "18.8.0",
16+
"igniteui-react-inputs": "18.8.0",
17+
"igniteui-react-layouts": "18.8.0",
1818
"lit-html": "^3.2.0",
1919
"react": "^18.3.1",
2020
"react-dom": "^18.3.1",

‎samples/grids/hierarchical-grid/disabled-summaries/src/index.tsx‎

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,8 @@ export default class Sample extends React.Component<any, any> {
105105
const columnState: any | undefined = this.state.columns.find((c: any) => c.field === column.field);
106106

107107
this.setState({
108-
currentColumn: columnState!
108+
currentColumn: columnState!,
109+
checkboxStates: [],
109110
}, () => {
110111
this.updateCheckboxes();
111112
this.dialog?.show();
@@ -185,10 +186,8 @@ export default class Sample extends React.Component<any, any> {
185186
currentColumn: { ...currentColumn, disabledSummaries: updatedDisabledSummaries },
186187
columns: updatedColumns,
187188
}, () => {
188-
this.updateCheckboxes();
189189
this.hierarchicalGrid.markForCheck();
190190
});
191-
192191
};
193192

194193
disableAllSummaries = () => {
@@ -264,7 +263,7 @@ export default class Sample extends React.Component<any, any> {
264263
key={checkbox.key}
265264
className="summaries-dialog-item"
266265
checked={checkbox.checked}
267-
onChange={() => this.toggleSummary(checkbox.key)}
266+
onClick={() => this.toggleSummary(checkbox.key)}
268267
>
269268
<span>{checkbox.label}</span>
270269
</IgrCheckbox>
@@ -284,31 +283,36 @@ export default class Sample extends React.Component<any, any> {
284283
<IgrColumn
285284
field="Artist"
286285
header="Artist"
287-
hasSummary="true">
286+
hasSummary="true"
287+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Artist")?.disabledSummaries}>
288288
</IgrColumn>
289289
<IgrColumn
290290
field="Photo"
291291
header="Photo"
292292
dataType="Image"
293293
hasSummary="true"
294-
summaries={GrammySummary}>
294+
summaries={GrammySummary}
295+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Photo")?.disabledSummaries}>
295296
</IgrColumn>
296297
<IgrColumn
297298
field="Debut"
298299
header="Debut"
299-
hasSummary="true">
300+
hasSummary="true"
301+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Debut")?.disabledSummaries}>
300302
</IgrColumn>
301303
<IgrColumn
302304
field="GrammyNominations"
303305
header="Grammy Nominations"
304306
dataType="Number"
305-
hasSummary="true">
307+
hasSummary="true"
308+
disabledSummaries={this.state.columns.find((col: any) => col.field === "GrammyNominations")?.disabledSummaries}>
306309
</IgrColumn>
307310
<IgrColumn
308311
field="GrammyAwards"
309312
header="Grammy Awards"
310313
dataType="Number"
311-
hasSummary="true">
314+
hasSummary="true"
315+
disabledSummaries={this.state.columns.find((col: any) => col.field === "GrammyAwards")?.disabledSummaries}>
312316
</IgrColumn>
313317
<IgrRowIsland
314318
childDataKey="Albums"

‎samples/grids/tree-grid/disabled-summaries/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,12 @@
99
"lint": "eslint ./src/**/*.{ts,tsx}"
1010
},
1111
"dependencies": {
12-
"igniteui-react": "18.7.7",
13-
"igniteui-react-core": "18.7.7",
14-
"igniteui-react-datasources": "18.7.7",
15-
"igniteui-react-grids": "18.7.7",
16-
"igniteui-react-inputs": "18.7.7",
17-
"igniteui-react-layouts": "18.7.7",
12+
"igniteui-react": "18.8.0",
13+
"igniteui-react-core": "18.8.0",
14+
"igniteui-react-datasources": "18.8.0",
15+
"igniteui-react-grids": "18.8.0",
16+
"igniteui-react-inputs": "18.8.0",
17+
"igniteui-react-layouts": "18.8.0",
1818
"lit-html": "^3.2.0",
1919
"react": "^18.3.1",
2020
"react-dom": "^18.3.1",

‎samples/grids/tree-grid/disabled-summaries/src/index.tsx‎

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -182,7 +182,8 @@ export default class Sample extends React.Component<any, any> {
182182
const columnState: any | undefined = this.state.columns.find((c: any) => c.field === column.field);
183183

184184
this.setState({
185-
currentColumn: columnState!
185+
currentColumn: columnState!,
186+
checkboxStates: [],
186187
}, () => {
187188
this.updateCheckboxes();
188189
this.dialog?.show();
@@ -262,10 +263,8 @@ export default class Sample extends React.Component<any, any> {
262263
currentColumn: { ...currentColumn, disabledSummaries: updatedDisabledSummaries },
263264
columns: updatedColumns,
264265
}, () => {
265-
this.updateCheckboxes();
266266
this.treeGrid.markForCheck();
267267
});
268-
269268
};
270269

271270
disableAllSummaries = () => {
@@ -341,7 +340,7 @@ export default class Sample extends React.Component<any, any> {
341340
key={checkbox.key}
342341
className="summaries-dialog-item"
343342
checked={checkbox.checked}
344-
onChange={() => this.toggleSummary(checkbox.key)}
343+
onClick={() => this.toggleSummary(checkbox.key)}
345344
>
346345
<span>{checkbox.label}</span>
347346
</IgrCheckbox>
@@ -362,44 +361,51 @@ export default class Sample extends React.Component<any, any> {
362361
<IgrColumn
363362
field="ID"
364363
header="Order ID"
365-
hasSummary="true">
364+
hasSummary="true"
365+
disabledSummaries={this.state.columns.find((col: any) => col.field === "ID")?.disabledSummaries}>
366366
</IgrColumn>
367367
<IgrColumn
368368
field="Name"
369369
header="Order Product"
370-
hasSummary="true">
370+
hasSummary="true"
371+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Name")?.disabledSummaries}>
371372
</IgrColumn>
372373
<IgrColumn
373374
field="Units"
374375
header="Units"
375376
dataType="Number"
376377
hasSummary="true"
377-
summaries={UnitsSummary}>
378+
summaries={UnitsSummary}
379+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Units")?.disabledSummaries}>
378380
</IgrColumn>
379381
<IgrColumn
380382
field="UnitPrice"
381383
header="Unit Price"
382384
dataType="Number"
383-
hasSummary="true">
385+
hasSummary="true"
386+
disabledSummaries={this.state.columns.find((col: any) => col.field === "UnitPrice")?.disabledSummaries}>
384387
</IgrColumn>
385388
<IgrColumn
386389
field="Price"
387390
header="Price"
388391
dataType="Number"
389-
hasSummary="true">
392+
hasSummary="true"
393+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Price")?.disabledSummaries}>
390394
</IgrColumn>
391395
<IgrColumn
392396
field="Delivered"
393397
header="Delivered"
394398
dataType="Boolean"
395399
hasSummary="true"
396-
summaries={DeliveredSummary}>
400+
summaries={DeliveredSummary}
401+
disabledSummaries={this.state.columns.find((col: any) => col.field === "Delivered")?.disabledSummaries}>
397402
</IgrColumn>
398403
<IgrColumn
399404
field="OrderDate"
400405
header="Order Date"
401406
dataType="Date"
402-
hasSummary="true">
407+
hasSummary="true"
408+
disabledSummaries={this.state.columns.find((col: any) => col.field === "OrderDate")?.disabledSummaries}>
403409
</IgrColumn>
404410
</IgrTreeGrid>
405411
</div>

0 commit comments

Comments
 (0)