diff --git a/packages/ketchup-react/package.json b/packages/ketchup-react/package.json index 15c87da845..3237bc8134 100644 --- a/packages/ketchup-react/package.json +++ b/packages/ketchup-react/package.json @@ -1,6 +1,6 @@ { "name": "@sme.up/ketchup-react", - "version": "2.0.0", + "version": "6.6.0", "exports": "./dist/index.js", "types": "dist/index.d.ts", "keywords": [ diff --git a/packages/ketchup/src/components/kup-tree/kup-tree.tsx b/packages/ketchup/src/components/kup-tree/kup-tree.tsx index 127cb35213..b217fc659c 100644 --- a/packages/ketchup/src/components/kup-tree/kup-tree.tsx +++ b/packages/ketchup/src/components/kup-tree/kup-tree.tsx @@ -366,6 +366,7 @@ export class KupTree { */ private columnMenuCard: HTMLKupCardElement = null; private treeWrapperRef: KupScrollOnHoverElement; + private selectedColumn: string = ''; private clickTimeout: any[] = []; private globalFilterTimeout: number; private footer: { [index: string]: number }; @@ -1048,11 +1049,6 @@ export class KupTree { (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE && !treeNodeData.expandable) ) { - const td = e - ? this.getEventPath(e.target).find((el) => { - if (el.tagName === 'TD') return el; - }) - : null; // If this TreeNode is not disabled, then it can be selected and an event is emitted if (treeNodeData && !treeNodeData.disabled) { this.selectedNode = treeNodePath @@ -1067,6 +1063,7 @@ export class KupTree { columnName: this.selectedColumn, }); } + this.selectedColumn = ''; } // If KupTreeExpansionMode.NODE then click is a collapse/expand click @@ -1585,18 +1582,12 @@ export class KupTree { // When can be expanded OR selected if (!treeNodeData.disabled) { - treeNodeOptions['onClick'] = (e: MouseEvent) => { - // Note: event must be cloned - // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target). - const clone: GenericObject = {}; - for (const key in e) { - clone[key] = e[key]; - } + treeNodeOptions['onClick'] = () => { this.clickTimeout.push( setTimeout( - () => + (e: MouseEvent) => this.hdlTreeNodeClick( - clone as MouseEvent, + e, treeNodeData, treeNodePath ), @@ -1609,10 +1600,6 @@ export class KupTree { // When a tree node is displayed as a table let treeNodeCells: JSX.Element[] | null = null; let visibleCols = this.getVisibleColumns(); - - const _hasTooltip: boolean = !this.kupManager.objects.isEmptyKupObj( - treeNodeData.obj - ); if (this.showColumns && visibleCols && visibleCols.length) { treeNodeCells = []; // Renders all the cells