starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-10-26 00:03:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove unused Popup component

Browse Source
This commit is contained in:
Guilhem
2025-02-18 13:18:42 +00:00
parent 4960f3ce6b
commit d483940297
2 changed files with 0 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/common/index.ts
-1
View File
@@ -9,7 +9,6 @@ export { default as DrawerContent } from './drawer/DrawerContent.svelte'
export { default as Kbd } from './kbd/Kbd.svelte'
export { default as Menu } from './menu/Menu.svelte'
export { default as MenuItem } from './menu/MenuItem.svelte'
export { default as Popup } from './popup/Popup.svelte'
export { default as SecondsInput } from './seconds/SecondsInput.svelte'
export { default as Skeleton } from './skeleton/Skeleton.svelte'
export { default as Tab } from './tabs/Tab.svelte'
frontend/src/lib/components/common/popup/Popup.svelte
-70
View File
@@ -1,70 +0,0 @@
<script lang="ts">
import { Popover, PopoverButton, PopoverPanel, Transition } from '@rgossiaux/svelte-headlessui'
import ConditionalPortal from '../drawer/ConditionalPortal.svelte'
import { createFloatingActions, type ComputeConfig } from 'svelte-floating-ui'
export let floatingConfig: ComputeConfig = {
strategy: 'absolute',
placement: 'bottom-start'
}
export let containerClasses: string = 'rounded-lg shadow-md border p-4 bg-surface'
export let floatingClasses: string = ''
const [floatingRef, floatingContent] = createFloatingActions(floatingConfig)
export let blockOpen = false
export let shouldUsePortal: boolean = true
export let target: string | HTMLElement | undefined = undefined
export let noTransition = false
export let popupHover = false
export let preventPopupClosingOnClickInside = false
export let disabled = false
</script>
<Popover on:close class="leading-none">
<PopoverButton let:open {disabled}>
<div use:floatingRef>
<slot name="button" {open} />
</div>
</PopoverButton>
<ConditionalPortal condition={shouldUsePortal} {target}>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
use:floatingContent
class={`z5000 ${floatingClasses}`}
on:mouseenter={() => {
popupHover = true
}}
on:mouseleave={() => {
popupHover = false
}}
on:click={(e) => preventPopupClosingOnClickInside && e.stopPropagation()}
>
{#if !noTransition}
<Transition
show={blockOpen || undefined}
enter="transition ease-out duration-200"
enterFrom="opacity-0 translate-y-1"
enterTo="opacity-100 translate-y-0"
leave="transition ease-in duration-150"
leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-1"
>
<PopoverPanel let:close static={blockOpen}>
<div class={containerClasses}>
<slot {close} />
</div>
</PopoverPanel>
</Transition>
{:else}
<PopoverPanel focus={false} let:close static={blockOpen}>
<div class={containerClasses}>
<slot {close} />
</div>
</PopoverPanel>
{/if}
</div>
</ConditionalPortal>
</Popover>