@eui/components 17.3.6-snapshot-1717504386226 → 17.3.6-snapshot-1717751602934
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/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-tree/eui-tree.component.mjs +22 -26
- package/eui-tree/eui-tree.component.d.ts +1 -0
- package/eui-tree/eui-tree.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +21 -25
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -65,6 +65,7 @@ export declare class EuiTreeComponent implements OnInit, OnChanges, OnDestroy {
|
|
|
65
65
|
private treeDataRunTimeBackup;
|
|
66
66
|
private runTimeSelectionRecursiveState;
|
|
67
67
|
private selectionModel;
|
|
68
|
+
private tempSelectionModel;
|
|
68
69
|
private _isClickTogglingNode;
|
|
69
70
|
private _isMultiselect;
|
|
70
71
|
private _isSingleSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-tree.component.d.ts","sourceRoot":"","sources":["../../eui-tree/eui-tree.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,YAAY,EAGZ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,SAAS,EAET,SAAS,EAEZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEH,aAAa,EACb,aAAa,EAEb,oBAAoB,EACpB,+BAA+B,EAC/B,uBAAuB,EAEvB,kBAAkB,EAErB,MAAM,kBAAkB,CAAC;AAS1B,OAAO,EAAE,iBAAiB,EAAiB,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAyB,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAmB,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;AAG1F,qBAOa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"eui-tree.component.d.ts","sourceRoot":"","sources":["../../eui-tree/eui-tree.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,YAAY,EAGZ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,SAAS,EAET,SAAS,EAEZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEH,aAAa,EACb,aAAa,EAEb,oBAAoB,EACpB,+BAA+B,EAC/B,uBAAuB,EAEvB,kBAAkB,EAErB,MAAM,kBAAkB,CAAC;AAS1B,OAAO,EAAE,iBAAiB,EAAiB,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAyB,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAmB,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;AAG1F,qBAOa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAwIrD,OAAO,CAAC,iBAAiB;IAAqB,OAAO,CAAC,gBAAgB;IAvIlF,IACW,UAAU,IAAI,MAAM,CAE9B;IACsC,OAAO,SAAc;IACnD,KAAK,EAAE,aAAa,CAAC;IAGrB,eAAe,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAGlC,8BAA8B,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAGjD,2BAA2B,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,SAA6B;IACjD,qBAAqB,SAA0B;IAEA,gBAAgB,EAAE,aAAa,CAAC;IAC7C,qBAAqB,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAIhG,IACI,mBAAmB,IAAI,OAAO,CAEjC;IAED,IAAI,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAE1C;IAED,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IAED,IACI,cAAc,IAAI,OAAO,CAE5B;IAED,IAAI,cAAc,CAAC,KAAK,EAAE,YAAY,EAErC;IAED,IACI,oBAAoB,IAAI,OAAO,CAElC;IAED,IAAI,oBAAoB,CAAC,KAAK,EAAE,YAAY,EAE3C;IAED,IACI,0BAA0B,IAAI,OAAO,CAExC;IAED,IAAI,0BAA0B,CAAC,KAAK,EAAE,YAAY,EAEjD;IAED,IACI,mBAAmB,IAAI,OAAO,CAEjC;IAED,IAAI,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAE1C;IAED,IACI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IAED,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IAED,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IAES,eAAe,wCAA+C;IAC9D,SAAS,8BAAqC;IAC9C,UAAU,8BAAqC;IACzD,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1D,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACxD,UAAU,EAAE,OAAO,CAAC;IACb,GAAG,EAAE,MAAM,CAAqD;IACvE,SAAS,CAAC,aAAa,MAAC;IACxB,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,qBAAqB,CAAuB;IACpD,OAAO,CAAC,8BAA8B,CAAyC;IAC/E,OAAO,CAAC,cAAc,CAAuC;IAC7D,OAAO,CAAC,kBAAkB,CAAuC;IACjE,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,qBAAqB,CAAS;IACtC,OAAO,CAAC,2BAA2B,CAAQ;IAC3C,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,kBAAkB,CAAC;IAC3B,OAAO,CAAC,oBAAoB,CAAC;IAC7B,OAAO,CAAC,UAAU,CAAC;IACnB,OAAO,CAAC,cAAc,CAA0C;gBAE5C,iBAAiB,EAAE,iBAAiB,EAAU,gBAAgB,EAAE,gBAAgB;IAEpG,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAWzC,WAAW,IAAI,IAAI;IASnB,YAAY,IAAI,aAAa;IAI7B,iBAAiB,IAAI,aAAa;IAMlC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,GAAG,GAAG;IAMvD,cAAc,CAAC,IAAI,EAAE,oBAAoB,GAAG,GAAG;IAI/C,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa;IAgBxC,SAAS,IAAI,IAAI;IAKjB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ5B,WAAW,IAAI,IAAI;IAKnB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,0BAA0B,CAAC,EAAE,OAAO,GAAG,IAAI;IA0B/F,eAAe,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAYzC,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAuChE,WAAW,CAAC,eAAe,EAAE,oBAAoB,GAAG,IAAI;IAQxD,YAAY,CAAC,eAAe,EAAE,oBAAoB,GAAG,IAAI;IAOzD,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAoG1C,QAAQ,MAAO,MAAM,QAAQ,oBAAoB,KAAG,OAAO,CAAoD;IAI/G,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI;IAc5C,iCAAiC,CAAC,IAAI,EAAE,MAAM,GAAG,+BAA+B;IAchF,OAAO,CAAC,QAAQ;IAkDhB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iCAAiC;IAoDzC,OAAO,CAAC,iBAAiB;IAsDzB,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,oCAAoC;IAK5C,OAAO,CAAC,oCAAoC;IAqB5C,OAAO,CAAC,6BAA6B;IAmBrC,OAAO,CAAC,sBAAsB;IA6B9B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,qCAAqC;IAY7C,OAAO,CAAC,oCAAoC;IAe5C,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,wBAAwB;yCAj/BvB,gBAAgB;2CAAhB,gBAAgB;CAo/B5B;AAED,qBAmBa,aAAa;yCAAb,aAAa;0CAAb,aAAa,UAzgCb,gBAAgB,uWAAhB,gBAAgB;0CAygChB,aAAa;CAAG"}
|
|
@@ -298,12 +298,15 @@ class EuiTreeComponent {
|
|
|
298
298
|
}
|
|
299
299
|
}
|
|
300
300
|
setAllSelection(isChecked) {
|
|
301
|
+
this.tempSelectionModel = new SelectionModel(true, this.selectionModel.selected, true, (a, b) => a?.path === b?.path);
|
|
301
302
|
this.setIsCheckedForAll(this.treeDataRunTime, isChecked);
|
|
303
|
+
this.selectionModel.setSelection(...this.tempSelectionModel.selected);
|
|
302
304
|
this.changeDetectorRef.markForCheck();
|
|
303
305
|
}
|
|
304
306
|
updateTreeItem(givenTreeItem, path) {
|
|
305
307
|
const treeItem = structuredClone(givenTreeItem);
|
|
306
308
|
if (treeItem && path) {
|
|
309
|
+
this.tempSelectionModel = new SelectionModel(true, this.selectionModel.selected, true, (a, b) => a?.path === b?.path);
|
|
307
310
|
this.setTreeData(path, this.processInputs([treeItem])[0]);
|
|
308
311
|
const pathArr = path.split('.');
|
|
309
312
|
const index = parseInt(pathArr.pop(), 10);
|
|
@@ -317,10 +320,6 @@ class EuiTreeComponent {
|
|
|
317
320
|
const itemRecursiveSelectionState = this.calculateItemSelectionRecursiveState(treeItem);
|
|
318
321
|
this.setRunTimeSelectionRecursiveStateTree(path, itemRecursiveSelectionState);
|
|
319
322
|
this.syncStateChangesAtPath(path);
|
|
320
|
-
// Rendering
|
|
321
|
-
this.changeDetectorRef.detectChanges();
|
|
322
|
-
this.treeComponentInstance.renderNodeChanges([]);
|
|
323
|
-
this.treeComponentInstance.renderNodeChanges(this.treeDataRunTime);
|
|
324
323
|
if (this.cdkTreeControl.isExpanded(treeItemRuntime) && !treeItem.node.isExpanded) {
|
|
325
324
|
this.cdkTreeControl.toggle(treeItemRuntime);
|
|
326
325
|
}
|
|
@@ -331,7 +330,11 @@ class EuiTreeComponent {
|
|
|
331
330
|
this.getInitialSelection(this.getRunTimeTreeItem(path)?.children)?.forEach((runTimeItem) => {
|
|
332
331
|
this.selectTreeItem(this.getRunTimeBackupTreeItem(runTimeItem.path));
|
|
333
332
|
});
|
|
333
|
+
this.selectionModel.setSelection(...this.tempSelectionModel.selected);
|
|
334
|
+
// Rendering
|
|
334
335
|
this.changeDetectorRef.detectChanges();
|
|
336
|
+
this.treeComponentInstance.renderNodeChanges([]);
|
|
337
|
+
this.treeComponentInstance.renderNodeChanges(this.treeDataRunTime);
|
|
335
338
|
}
|
|
336
339
|
}
|
|
337
340
|
onNodeClick(treeRunTimeItem) {
|
|
@@ -351,10 +354,12 @@ class EuiTreeComponent {
|
|
|
351
354
|
const item = this.getTreeItem(path);
|
|
352
355
|
const runTimeBackupTreeItem = this.getRunTimeBackupTreeItem(path);
|
|
353
356
|
const renderedRunTimeTreeItem = this.getRunTimeTreeItem(path);
|
|
354
|
-
const node = item
|
|
357
|
+
const node = item?.node;
|
|
358
|
+
this.tempSelectionModel = new SelectionModel(true, this.selectionModel.selected, true, (a, b) => a?.path === b?.path);
|
|
355
359
|
// console.log(path,item,runTimeTreeItem, renderedRunTimeTreeItem);
|
|
356
360
|
if (this.customNodeSelectFn) {
|
|
357
361
|
this.customNodeSelectFn(path, evt.target.checked, item, new CustomNodeSelectFnHelper(this));
|
|
362
|
+
this.selectionModel.setSelection(...this.tempSelectionModel.selected);
|
|
358
363
|
}
|
|
359
364
|
else if (!node?.selectConfig?.singleSelect) {
|
|
360
365
|
node.isSelected = evt.target.checked;
|
|
@@ -395,6 +400,7 @@ class EuiTreeComponent {
|
|
|
395
400
|
else {
|
|
396
401
|
this.changeDetectorRef.detectChanges();
|
|
397
402
|
}
|
|
403
|
+
this.selectionModel.setSelection(...this.tempSelectionModel.selected);
|
|
398
404
|
}
|
|
399
405
|
else {
|
|
400
406
|
const prevItem = this.selectionModel.selected[0];
|
|
@@ -622,26 +628,18 @@ class EuiTreeComponent {
|
|
|
622
628
|
node.isSelected = isChecked;
|
|
623
629
|
node.isIndeterminate = false;
|
|
624
630
|
if (isChecked) {
|
|
625
|
-
this.
|
|
631
|
+
this.tempSelectionModel.select(runtimeBackupTreeItem);
|
|
626
632
|
}
|
|
627
633
|
else {
|
|
628
|
-
this.
|
|
634
|
+
this.tempSelectionModel.deselect(runtimeBackupTreeItem);
|
|
629
635
|
}
|
|
630
636
|
}
|
|
631
637
|
}
|
|
632
638
|
selectTreeItem(runTimeBackupTreeItem) {
|
|
633
|
-
|
|
634
|
-
if (indexOfItem === -1) {
|
|
635
|
-
this.selectionModel.select(runTimeBackupTreeItem);
|
|
636
|
-
}
|
|
639
|
+
this.tempSelectionModel.select(runTimeBackupTreeItem);
|
|
637
640
|
}
|
|
638
641
|
deselectTreeItem(runTimeTreeItem) {
|
|
639
|
-
|
|
640
|
-
if (indexOfItem > -1) {
|
|
641
|
-
const newSelection = [...this.selectionModel.selected];
|
|
642
|
-
newSelection.splice(indexOfItem, 1);
|
|
643
|
-
this.selectionModel.setSelection(...newSelection);
|
|
644
|
-
}
|
|
642
|
+
this.tempSelectionModel.deselect(runTimeTreeItem);
|
|
645
643
|
}
|
|
646
644
|
createTreeDataRuntime(nodes) {
|
|
647
645
|
return structuredClone(nodes)?.map((item, index) => {
|
|
@@ -673,13 +671,11 @@ class EuiTreeComponent {
|
|
|
673
671
|
const childrenSelectionRecursive = [];
|
|
674
672
|
if (treeItem.children && treeItem.children.length > 0) {
|
|
675
673
|
treeItem.children.forEach((child, index) => {
|
|
676
|
-
|
|
677
|
-
childrenSelectionRecursive[index] = this.calculateItemSelectionRecursiveState(child);
|
|
678
|
-
}
|
|
674
|
+
childrenSelectionRecursive[index] = this.calculateItemSelectionRecursiveState(child);
|
|
679
675
|
});
|
|
680
676
|
}
|
|
681
677
|
const childStates = childrenSelectionRecursive.map((_) => _.selectionRecursiveState);
|
|
682
|
-
const itemState = this.decideSelectionRecursiveState(childStates, treeItem.node.isSelected, treeItem.node?.selectConfig?.recursive, treeItem.node?.selectConfig?.noAutoSelectParent);
|
|
678
|
+
const itemState = treeItem.node.selectable ? this.decideSelectionRecursiveState(childStates, treeItem.node.isSelected, treeItem.node?.selectConfig?.recursive, treeItem.node?.selectConfig?.noAutoSelectParent) : undefined;
|
|
683
679
|
return {
|
|
684
680
|
selectionRecursiveState: itemState,
|
|
685
681
|
children: childrenSelectionRecursive,
|
|
@@ -687,16 +683,16 @@ class EuiTreeComponent {
|
|
|
687
683
|
}
|
|
688
684
|
decideSelectionRecursiveState(childStates = [], isSelected, recursive, noAutoSelectParent) {
|
|
689
685
|
let itemState = 'indeterminate';
|
|
690
|
-
if (isSelected && childStates.every((state) => state === 'allSelected')) {
|
|
686
|
+
if (isSelected && childStates.filter((childStates) => childStates).every((state) => state === 'allSelected')) {
|
|
691
687
|
itemState = 'allSelected';
|
|
692
688
|
}
|
|
693
|
-
else if (!isSelected && childStates.every((state) => state === 'allNotSelected')) {
|
|
689
|
+
else if (!isSelected && childStates.filter((childStates) => childStates).every((state) => state === 'allNotSelected')) {
|
|
694
690
|
itemState = 'allNotSelected';
|
|
695
691
|
}
|
|
696
|
-
else if (recursive && childStates.every((state) => state === 'allSelected') && !isSelected && !noAutoSelectParent) {
|
|
692
|
+
else if (recursive && childStates.filter((childStates) => childStates).every((state) => state === 'allSelected') && !isSelected && !noAutoSelectParent) {
|
|
697
693
|
itemState = 'allSelected';
|
|
698
694
|
}
|
|
699
|
-
else if (recursive && childStates.every((state) => state === 'allNotSelected') && isSelected) {
|
|
695
|
+
else if (recursive && childStates.filter((childStates) => childStates).every((state) => state === 'allNotSelected') && isSelected) {
|
|
700
696
|
itemState = 'allNotSelected';
|
|
701
697
|
}
|
|
702
698
|
return itemState;
|