wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-03-15 10:37:52 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

UBERF-9263: Make reactions tooltip reactive (#7849)

Browse Source 
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
This commit is contained in:
Kristina 2025-01-31 16:30:50 +04:00 committed by GitHub
parent 9071a57706
commit b11e17aee0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/ui/src/tooltips.ts
View File

@ -1,5 +1,5 @@
import { type IntlString } from '@hcengineering/platform'
import { derived } from 'svelte/store'
import { derived, get } from 'svelte/store'
import type { AnyComponent, AnySvelteComponent, LabelAndProps, TooltipAlignment } from './types'
import { modalStore } from './modals'
@ -20,7 +20,7 @@ export const tooltipstore = derived(modalStore, (modals) => {
return emptyTooltip
}
const tooltip = modals.filter((m) => m?.type === 'tooltip')
return tooltip.length > 0 ? (tooltip[0] as LabelAndProps) : emptyTooltip
return tooltip.length > 0 ? (tooltip[tooltip.length - 1] as LabelAndProps) : emptyTooltip
})
let toHandler: any
@ -92,6 +92,10 @@ export function tooltip (node: HTMLElement, options?: LabelAndProps): any {
},
destroy () {
const currentTooltip = get(tooltipstore)
if (currentTooltip?.element != null && currentTooltip.element === node) {
closeTooltip()
}
node.removeEventListener('mousemove', show)
node.removeEventListener('mouseleave', hide)
}
@ -117,7 +121,7 @@ export function showTooltip (
props,
anchor,
onUpdate,
kind: kind ?? 'tooltip',
kind,
keys,
type: 'tooltip'
}
@ -127,10 +131,12 @@ export function showTooltip (
if (tooltip.kind !== undefined && storedValue.kind === undefined) {
storedValue.kind = tooltip.kind
}
if (storedValue.kind === undefined) {
}
if (storedValue.kind == null) {
storedValue.kind = 'tooltip'
}
}
old.push(storedValue)
return old
})