Skip to content

Commit 4071f71

Browse files
ghiscodingghiscoding
committed
chore(deps): update Slickgrid-Universal to v10.8.3
1 parent 5bb2838 commit 4071f71

6 files changed

Lines changed: 238 additions & 176 deletions

File tree

‎package-lock.json‎

Lines changed: 177 additions & 141 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -31,20 +31,20 @@
3131
"@faker-js/faker": "^10.5.0",
3232
"@fnando/sparkline": "^0.3.10",
3333
"@formkit/tempo": "^1.1.0",
34-
"@slickgrid-universal/common": "^10.8.2",
35-
"@slickgrid-universal/composite-editor-component": "^10.8.2",
36-
"@slickgrid-universal/custom-tooltip-plugin": "^10.8.2",
37-
"@slickgrid-universal/excel-export": "^10.8.2",
38-
"@slickgrid-universal/graphql": "^10.8.2",
39-
"@slickgrid-universal/odata": "^10.8.2",
40-
"@slickgrid-universal/pdf-export": "^10.8.2",
41-
"@slickgrid-universal/row-detail-view-plugin": "^10.8.2",
42-
"@slickgrid-universal/rxjs-observable": "^10.8.2",
43-
"@slickgrid-universal/sql": "^10.8.2",
44-
"@slickgrid-universal/text-export": "^10.8.2",
45-
"@slickgrid-universal/vanilla-bundle": "^10.8.2",
46-
"@slickgrid-universal/vanilla-force-bundle": "^10.8.2",
47-
"@slickgrid-universal/web-mcp": "^10.8.2",
34+
"@slickgrid-universal/common": "^10.8.3",
35+
"@slickgrid-universal/composite-editor-component": "^10.8.3",
36+
"@slickgrid-universal/custom-tooltip-plugin": "^10.8.3",
37+
"@slickgrid-universal/excel-export": "^10.8.3",
38+
"@slickgrid-universal/graphql": "^10.8.3",
39+
"@slickgrid-universal/odata": "^10.8.3",
40+
"@slickgrid-universal/pdf-export": "^10.8.3",
41+
"@slickgrid-universal/row-detail-view-plugin": "^10.8.3",
42+
"@slickgrid-universal/rxjs-observable": "^10.8.3",
43+
"@slickgrid-universal/sql": "^10.8.3",
44+
"@slickgrid-universal/text-export": "^10.8.3",
45+
"@slickgrid-universal/vanilla-bundle": "^10.8.3",
46+
"@slickgrid-universal/vanilla-force-bundle": "^10.8.3",
47+
"@slickgrid-universal/web-mcp": "^10.8.3",
4848
"alien-signals": "^3.2.1",
4949
"bulma": "^1.0.4",
5050
"dompurify": "^3.4.11",
@@ -68,9 +68,9 @@
6868
"style-loader": "^4.0.0",
6969
"typescript": "^5.9.3",
7070
"url-loader": "^4.1.1",
71-
"webpack": "^5.106.2",
72-
"webpack-cli": "^7.0.2",
73-
"webpack-dev-server": "^5.2.5"
71+
"webpack": "^5.108.4",
72+
"webpack-cli": "^7.2.0",
73+
"webpack-dev-server": "^5.2.6"
7474
},
7575
"browserslist": [
7676
"baseline widely available"

‎src/examples/example05.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ <h6 class="italic content example-details">
2323
<div class="row mb-1">
2424
<button class="button is-small" data-test="add-500-rows-btn" onclick.trigger="loadData(500)">500 rows</button>
2525
<button class="button is-small" data-test="add-75k-rows-btn" onclick.trigger="loadData(75000)">75k rows</button>
26+
<button class="button is-small" data-test="add-250k-rows-btn" onclick.trigger="loadData(250000)">250k rows</button>
2627
<button onclick.trigger="dynamicallyChangeFilter()" class="button is-small" data-test="change-filter-dynamically">
2728
<span class="mdi mdi-filter-outline"></span>
2829
<span>Dynamically Change Filter (% complete &lt; 40)</span>
@@ -73,6 +74,25 @@ <h6 class="italic content example-details">
7374
<span>Log Hierarchical Structure</span>
7475
</button>
7576
</div>
77+
<div class="row mb-1">
78+
<div class="field has-addons">
79+
<p class="control">
80+
<input id="maxVisibleDepthInput" class="input is-small" type="number" placeholder="Max Visible Depth (e.g. 1)" />
81+
</p>
82+
<p class="control">
83+
<button onclick.trigger="setMaxVisibleDepthFromInput()" class="button is-small is-primary" data-test="set-max-visible-depth-btn">
84+
<span class="mdi mdi-check" aria-hidden="true"></span>
85+
<span style="margin-left: 6px">Set Depth</span>
86+
</button>
87+
</p>
88+
<p class="control">
89+
<button onclick.trigger="clearMaxVisibleDepth()" class="button is-small" data-test="clear-max-visible-depth-btn">
90+
<span class="mdi mdi-close" aria-hidden="true"></span>
91+
<span style="margin-left: 6px">Clear</span>
92+
</button>
93+
</p>
94+
</div>
95+
</div>
7696
</div>
7797
</div>
7898

‎src/examples/example05.scss‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,10 @@
55
.slick-cell {
66
column-gap: 4px;
77
}
8-
}
8+
}
9+
10+
/* limit the demo maxVisibleDepth input size */
11+
#maxVisibleDepthInput {
12+
width: 100%;
13+
max-width: 150px;
14+
}

‎src/examples/example05.ts‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -280,6 +280,9 @@ export default class Example05 {
280280
indentMarginLeft: 15,
281281
initiallyCollapsed: true,
282282

283+
// when `maxVisibleDepth` is defined, any tree node with a level greater than this number will be hidden from the grid display (but not removed from the dataset)
284+
// maxVisibleDepth: 2,
285+
283286
// you can optionally sort by a different column and/or sort direction
284287
// this is the recommend approach, unless you are 100% that your original array is already sorted (in most cases it's not)
285288
// initialSort: {
@@ -398,6 +401,20 @@ export default class Example05 {
398401
this.sgb.filterService.updateFilters([{ columnId: 'percentComplete', operator: '<', searchTerms: [40] }]);
399402
}
400403

404+
setMaxVisibleDepthFromInput() {
405+
const input = document.querySelector('#maxVisibleDepthInput') as HTMLInputElement;
406+
if (!input) return;
407+
const value = parseInt(input.value, 10);
408+
const maxVisibleDepth = Number.isFinite(value) ? value : undefined;
409+
this.sgb.treeDataService.setMaxVisibleDepth(maxVisibleDepth as number | undefined);
410+
}
411+
412+
clearMaxVisibleDepth() {
413+
const input = document.querySelector('#maxVisibleDepthInput') as HTMLInputElement;
414+
if (input) input.value = '';
415+
this.sgb.treeDataService.clearMaxVisibleDepth();
416+
}
417+
401418
logHierarchicalStructure() {
402419
console.log('hierarchical array', this.sgb.treeDataService.datasetHierarchical);
403420
}

‎src/examples/example07.ts‎

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -612,27 +612,10 @@ export default class Example07 {
612612
// you can dynamically add your column to your column definitions
613613
// and then use the spread operator [...cols] OR slice to force the framework to review the changes
614614
this.sgb.columnDefinitions.push(newCol);
615-
616-
// NOTE if you use an Extensions (Checkbox Selector, Row Detail, ...) that modifies the column definitions in any way
617-
// you MUST use "getAllColumnDefinitions()" from the GridService, using this will be ALL columns including the 1st column that is created internally
618-
// for example if you use the Checkbox Selector (row selection), you MUST use the code below
619-
/*
620-
const allOriginalColumns = this.sgb.gridService.getAllColumnDefinitions();
621-
allOriginalColumns.push(newCol);
622-
this.sgb.columnDefinitions = [...allOriginalColumns]; // (or use slice) reassign to column definitions for framework to do dirty checking
623-
*/
624615
}
625616

626617
dynamicallyRemoveLastColumn() {
627618
this.sgb.columnDefinitions.pop();
628-
629-
/*
630-
const allColumns = this.slickerGridInstance.gridService.getAllColumnDefinitions();
631-
// remove your column from the full set of columns
632-
// and use slice or spread [...] to trigger a dirty change
633-
allOriginalColumns.pop();
634-
this.sgb.columnDefinitions = allOriginalColumns.slice();
635-
*/
636619
}
637620

638621
hideFinishColumnDynamically() {

0 commit comments

Comments
 (0)