windmill-components 1.473.1 → 1.493.2

package/package/components/search/GlobalSearchModal.svelte

@@ -1,21 +1,21 @@
-<script>import { onDestroy, onMount, tick } from 'svelte';
-import { AppService, FlowService, IndexSearchService, RawAppService, ScriptService } from '../../gen';
-import { clickOutside, displayDateOnly, isMac, sendUserToast } from '../../utils';
-import TimeAgo from '../TimeAgo.svelte';
-import { AlertTriangle, BoxesIcon, CalendarIcon, Code2Icon, DollarSignIcon, HomeIcon, LayoutDashboardIcon, Loader2, PlayIcon, Search, SearchCode } from 'lucide-svelte';
-import JobPreview from '../runs/JobPreview.svelte';
+<script lang="ts">import { onDestroy, onMount, tick } from 'svelte';
+import { AppService, FlowService, RawAppService, ScriptService } from '../../gen';
+import { clickOutside, isMac } from '../../utils';
+import { AlertTriangle, BoxesIcon, CalendarIcon, Code2Icon, Database, DollarSignIcon, HomeIcon, LayoutDashboardIcon, PlayIcon, Route, Search, SearchCode, Unplug } from 'lucide-svelte';
 import Portal from '../Portal.svelte';
 import { twMerge } from 'tailwind-merge';
 import ContentSearchInner from '../ContentSearchInner.svelte';
 import { goto } from '$app/navigation';
 import QuickMenuItem from '../search/QuickMenuItem.svelte';
-import { devopsRole, enterpriseLicense, workspaceStore } from '../../stores';
+import { devopsRole, enterpriseLicense, userStore, workspaceStore } from '../../stores';
 import uFuzzy from '@leeoniya/ufuzzy';
 import BarsStaggered from '../icons/BarsStaggered.svelte';
 import { scroll_into_view_if_needed_polyfill } from '../multiselect/utils';
 import { Alert } from '../common';
 import Popover from '../Popover.svelte';
 import Logs from 'lucide-svelte/icons/logs';
+import { AwsIcon, GoogleCloudIcon, KafkaIcon, MqttIcon, NatsIcon } from '../icons';
+import RunsSearch from './RunsSearch.svelte';
 let open = false;
 let searchTerm = '';
 let textInput;
@@ -29,49 +29,127 @@ let tab = 'default';
 let switchModeItems = [
     {
         search_id: 'switchto:run-search',
-        label: 'Search across completed runs',
+        label: 'Search across completed runs' + (!$enterpriseLicense ? '' : ' (EE)'),
         action: () => switchMode('runs'),
         shortcutKey: RUNS_PREFIX,
-        icon: Search
+        icon: Search,
+        disabled: false
     },
     {
         search_id: 'switchto:content-search',
         label: 'Search scripts/flows/apps based on content',
         action: () => switchMode('content'),
         shortcutKey: CONTENT_SEARCH_PREFIX,
-        icon: SearchCode
+        icon: SearchCode,
+        disabled: false
+    }
+];
+// These items are searchable but do not appear initially on the menu.
+let hiddenMenuItems = [
+    {
+        search_id: 'nav:http_routes',
+        label: 'Go to HTTP routes',
+        action: (newtab = false) => gotoPage('/routes', newtab),
+        icon: Route,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:web_sockets',
+        label: 'Go to WebSockets',
+        action: (newtab = false) => gotoPage('/websocket_triggers', newtab),
+        icon: Unplug,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:postgres_triggers',
+        label: 'Go to Postgres triggers',
+        action: (newtab = false) => gotoPage('/postgres_triggers', newtab),
+        icon: Database,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:kafka_triggers',
+        label: 'Go to Kafka triggers' + (!$enterpriseLicense ? '' : ' (EE)'),
+        action: (newtab = false) => gotoPage('/kafka_triggers', newtab),
+        icon: KafkaIcon,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:nats_triggers',
+        label: 'Go to NATS triggers' + (!$enterpriseLicense ? '' : ' (EE)'),
+        action: (newtab = false) => gotoPage('/nats_triggers', newtab),
+        icon: NatsIcon,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:sqs_triggers',
+        label: 'Go to SQS triggers' + (!$enterpriseLicense ? '' : ' (EE)'),
+        action: (newtab = false) => gotoPage('/sqs_triggers', newtab),
+        icon: AwsIcon,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:gcp_pub_sub',
+        label: 'Go to GCP Pub/Sub' + (!$enterpriseLicense ? '' : ' (EE)'),
+        action: (newtab = false) => gotoPage('/gcp_triggers', newtab),
+        icon: GoogleCloudIcon,
+        disabled: $userStore?.operator
+    },
+    {
+        search_id: 'nav:mqtt_triggers',
+        label: 'Go to MQTT triggers',
+        action: (newtab = false) => gotoPage('/mqtt_triggers', newtab),
+        icon: MqttIcon,
+        disabled: $userStore?.operator
     }
 ];
 let defaultMenuItems = [
-    { search_id: 'nav:home', label: 'Go to Home', action: () => gotoPage('/'), icon: HomeIcon },
-    { search_id: 'nav:runs', label: 'Go to Runs', action: () => gotoPage('/runs'), icon: PlayIcon },
+    {
+        search_id: 'nav:home',
+        label: 'Go to Home',
+        action: (newtab = false) => gotoPage('/', newtab),
+        icon: HomeIcon,
+        disabled: false
+    },
+    {
+        search_id: 'nav:runs',
+        label: 'Go to Runs',
+        action: (newtab = false) => gotoPage('/runs', newtab),
+        icon: PlayIcon,
+        disabled: false
+    },
     {
         search_id: 'nav:variables',
         label: 'Go to Variables',
-        action: () => gotoPage('/variables'),
-        icon: DollarSignIcon
+        action: (newtab = false) => gotoPage('/variables', newtab),
+        icon: DollarSignIcon,
+        disabled: false
     },
     {
         search_id: 'nav:resources',
         label: 'Go to Resources',
-        action: () => gotoPage('/resources'),
-        icon: BoxesIcon
+        action: (newtab = false) => gotoPage('/resources', newtab),
+        icon: BoxesIcon,
+        disabled: false
     },
     {
-        search_id: 'nav:schedules',
+        search_id: 'nav:schedules_triggers',
         label: 'Go to Schedules',
-        action: () => gotoPage('/schedules'),
-        icon: CalendarIcon
+        action: (newtab = false) => gotoPage('/schedules', newtab),
+        icon: CalendarIcon,
+        disabled: false
     },
     ...switchModeItems,
     {
         search_id: 'nav:service_logs',
         label: 'Explore windmill service logs',
-        action: () => gotoPage('/service_logs'),
+        action: (newtab = false) => gotoPage('/service_logs', newtab),
         shortcutKey: LOGS_PREFIX,
-        icon: Logs
+        icon: Logs,
+        disabled: !$devopsRole
     }
 ];
+let defaultMenuItemsWithHidden = [...defaultMenuItems, ...hiddenMenuItems];
 let itemMap = {
     default: defaultMenuItems,
     'switch-mode': switchModeItems,
@@ -108,6 +186,7 @@ function removePrefix(str, prefix) {
 let opts = {};
 let uf = new uFuzzy(opts);
 let defaultMenuItemLabels = defaultMenuItems.map((item) => item.label);
+let defaultMenuItemAndHiddenLabels = defaultMenuItemsWithHidden.map((item) => item.label);
 let switchModeItemLabels = switchModeItems.map((item) => item.label);
 function fuzzyFilter(filter, items, itemsPlainText) {
     if (filter === '') {
@@ -130,11 +209,7 @@ function fuzzyFilter(filter, items, itemsPlainText) {
     }
     return r;
 }
-let debounceTimeout = undefined;
-const debouncePeriod = 1000;
-let loadingCompletedRuns = false;
 let queryParseErrors = [];
-let indexMetadata = {};
 async function handleSearch() {
     queryParseErrors = [];
     if (tab !== 'default' &&
@@ -155,36 +230,21 @@ async function handleSearch() {
         _switchMode('content');
     }
     if (tab === 'default') {
-        itemMap['default'] = fuzzyFilter(searchTerm, defaultMenuItems, defaultMenuItemLabels);
+        if (searchTerm === '')
+            itemMap['default'] = fuzzyFilter(searchTerm, defaultMenuItems, defaultMenuItemLabels);
+        else
+            itemMap['default'] = fuzzyFilter(searchTerm, defaultMenuItemsWithHidden, defaultMenuItemAndHiddenLabels);
         if (combinedItems) {
             itemMap['default'] = itemMap['default'].concat(fuzzyFilter(searchTerm, combinedItems, combinedItems.map((i) => `${i.path} ${i.summary}`)));
         }
+        itemMap['default'] = itemMap['default'].filter((e) => !e.disabled);
     }
     if (tab === 'switch-mode') {
         itemMap['switch-mode'] = fuzzyFilter(removePrefix(searchTerm, SWITCH_MODE_PREFIX), switchModeItems, switchModeItemLabels);
     }
     if (tab === 'runs') {
-        const s = removePrefix(searchTerm, RUNS_PREFIX);
-        clearTimeout(debounceTimeout);
-        loadingCompletedRuns = true;
-        debounceTimeout = setTimeout(async () => {
-            clearTimeout(debounceTimeout);
-            let searchResults;
-            try {
-                searchResults = await IndexSearchService.searchJobsIndex({
-                    searchQuery: s,
-                    workspace: $workspaceStore
-                });
-                itemMap['runs'] = searchResults.hits;
-                queryParseErrors = searchResults.query_parse_errors;
-                indexMetadata = searchResults.index_metadata;
-            }
-            catch (e) {
-                sendUserToast(e.body, true);
-            }
-            loadingCompletedRuns = false;
-            selectedItem = selectItem(0);
-        }, debouncePeriod);
+        await tick();
+        runsSearch?.handleRunSearch(removePrefix(searchTerm, RUNS_PREFIX));
     }
     selectedItem = selectItem(0);
 }
@@ -248,7 +308,7 @@ function switchMode(mode) {
     switchPrompt(mode);
     textInput.focus();
 }
-function gotoWindmillItemPage(e) {
+function gotoWindmillItemPage(e, newtab = false) {
     let path;
     switch (e.type) {
         case 'flow':
@@ -266,12 +326,17 @@ function gotoWindmillItemPage(e) {
         default:
             path = '/';
     }
-    gotoPage(path);
+    gotoPage(path, newtab);
 }
-function gotoPage(path) {
-    open = false;
+function gotoPage(path, newtab = false) {
     searchTerm = '';
-    goto(path);
+    if (!newtab) {
+        open = false;
+        goto(path);
+    }
+    else {
+        window.open(path, "_blank");
+    }
 }
 let mouseMoved = false;
 function handleMouseMove() {
@@ -398,6 +463,10 @@ function maxModalHeight(tab) {
         return 'max-h-[60vh]';
     }
 }
+let runsSearch;
+let runSearchRemainingCount = undefined;
+let runSearchTotalCount = undefined;
+let indexMetadata = undefined;
 </script>
 
 {#if open}
@@ -450,13 +519,15 @@ function maxModalHeight(tab) {
 				</div>
 				<div class="overflow-y-auto relative {maxModalHeight(tab)}">
 					{#if tab === 'default' || tab === 'switch-mode'}
-						{@const items = (itemMap[tab] ?? []).filter((e) => defaultMenuItems.includes(e))}
+						{@const items = (itemMap[tab] ?? []).filter((e) =>
+							defaultMenuItemsWithHidden.includes(e)
+						)}
 						{#if items.length > 0}
 							<div class={tab === 'switch-mode' ? 'p-2' : 'p-2 border-b'}>
 								{#each items as el}
 									<QuickMenuItem
-										on:select={el?.action}
-										on:hover={() => (selectedItem = el)}
+										onselect={(shift) => el?.action(shift)}
+										onhover={() => (selectedItem = el)}
 										id={el?.search_id}
 										hovered={el?.search_id === selectedItem?.search_id}
 										label={el?.label}
@@ -477,8 +548,10 @@ function maxModalHeight(tab) {
 								</div>
 								{#each (itemMap[tab] ?? []).filter((e) => (combinedItems ?? []).includes(e)) as el}
 									<QuickMenuItem
-										on:select={() => gotoWindmillItemPage(el)}
-										on:hover={() => (selectedItem = el)}
+										onselect={(shift) => {
+											gotoWindmillItemPage(el, shift)
+										}}
+										onhover={() => (selectedItem = el)}
 										id={el?.search_id}
 										hovered={el?.path === selectedItem?.path}
 										label={(el.summary ? `${el.summary} - ` : '') +
@@ -515,7 +588,7 @@ function maxModalHeight(tab) {
 								</Alert>
 							{:else}
 								<QuickMenuItem
-									on:select={() =>
+									onselect={() =>
 										gotoPage(
 											`/service_logs?query=${encodeURIComponent(removePrefix(searchTerm, '!'))}`
 										)}
@@ -529,141 +602,20 @@ function maxModalHeight(tab) {
 							{/if}
 						</div>
 					{:else if tab === 'runs'}
-						<div class="flex h-full p-2 divide-x">
-							{#if loadingCompletedRuns}
-								<div class="flex w-full justify-center items-center h-48">
-									<div class="text-tertiary text-center">
-										<Loader2 size={34} class="animate-spin" />
-									</div>
-								</div>
-							{:else if itemMap['runs'] && itemMap['runs'].length > 0}
-								<div class="w-4/12 overflow-y-auto max-h-[70vh]">
-									{#each itemMap['runs'] ?? [] as r}
-										<QuickMenuItem
-											on:hover={() => {
-												selectedItem = r
-												selectedWorkspace = r?.document.workspace_id[0]
-											}}
-											on:select={() => {
-												open = false
-												goto(`/run/${r?.document.id[0]}`)
-											}}
-											id={r?.document.id[0]}
-											hovered={selectedItem && r?.document.id[0] === selectedItem?.document.id[0]}
-											icon={r?.icon}
-											containerClass="rounded-md px-2 py-1 my-2"
-											bind:mouseMoved
-										>
-											<svelte:fragment slot="itemReplacement">
-												<div
-													class={twMerge(
-														`w-full flex flex-row items-center gap-4 transition-all`,
-														r?.document.id === selectedItem?.document?.id ? 'bg-surface-hover' : ''
-													)}
-												>
-													<div
-														class="rounded-full w-2 h-2 {r?.document.success[0]
-															? 'bg-green-400'
-															: 'bg-red-400'}"
-													/>
-													<div class="flex flex-col gap-2">
-														<div class="text-xs"> {r?.document.script_path} </div>
-														<div class="flex flex-row gap-2">
-															<div
-																class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
-															>
-																{displayDateOnly(new Date(r?.document.created_at[0]))}
-															</div>
-															<div
-																class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
-															>
-																<TimeAgo date={r?.document.created_at[0] ?? ''} />
-															</div>
-														</div>
-													</div>
-												</div>
-											</svelte:fragment>
-										</QuickMenuItem>
-									{/each}
-								</div>
-								<div class="w-8/12 max-h-[70vh]">
-									{#if selectedItem === undefined}
-										Select a result to preview
-									{:else}
-										<div class="h-[95%] overflow-y-scroll">
-											<JobPreview
-												id={selectedItem?.document?.id[0]}
-												workspace={selectedWorkspace}
-											/>
-										</div>
-									{/if}
-									<div class="flex flex-row pt-3 pl-4 items-center text-xs text-secondary">
-										{#if indexMetadata.indexed_until}
-											<span class="px-2">
-												Most recently indexed job was created at <TimeAgo
-													agoOnlyIfRecent
-													date={indexMetadata.indexed_until || ''}
-												/>
-											</span>
-										{/if}
-										{#if indexMetadata.lost_lock_ownership}
-											<Popover notClickable placement="top">
-												<AlertTriangle size={16} class="text-gray-500" />
-												<svelte:fragment slot="text">
-													The current indexer is no longer indexing new jobs. This is most likely
-													because of an ongoing deployment and indexing will resume once it's
-													complete.
-												</svelte:fragment>
-											</Popover>
-										{/if}
-									</div>
-								</div>
-							{:else}
-								<div class="flex flex-col w-full justify-center items-center h-48">
-									<div class="text-tertiary text-center">
-										{#if searchTerm === RUNS_PREFIX}
-											<div class="text-2xl font-bold">Enter your search terms</div>
-											<div class="text-sm"
-												>Start typing to do full-text search across completed runs</div
-											>
-										{:else}
-											<div class="text-2xl font-bold">No runs found</div>
-											<div class="text-sm">There were no completed runs that match your query</div>
-										{/if}
-										<div class="text-sm">
-											Note that new runs might take a while to become searchable (by default ~5min)
-										</div>
-										{#if !$enterpriseLicense}
-											<div class="py-6" />
-
-											<Alert title="This is an EE feature" type="warning">
-												Full-text search on jobs is only available on EE.
-											</Alert>
-										{/if}
-									</div>
-									<div class="flex flex-row pt-10 text-xs text-secondary">
-										{#if indexMetadata.indexed_until}
-											<span class="px-2">
-												Most recently indexed job was created at <TimeAgo
-													agoOnlyIfRecent
-													date={indexMetadata.indexed_until}
-												/>
-											</span>
-										{/if}
-										{#if indexMetadata.lost_lock_ownership}
-											<Popover notClickable placement="top">
-												<AlertTriangle size={16} class="text-gray-500" />
-												<svelte:fragment slot="text">
-													The current indexer is no longer indexing new jobs. This is most likely
-													because of an ongoing deployment and indexing will resume once it's
-													complete.
-												</svelte:fragment>
-											</Popover>
-										{/if}
-									</div>
-								</div>
-							{/if}
-						</div>
+								<RunsSearch
+												bind:queryParseErrors
+												bind:this={runsSearch}
+												bind:selectedItem
+												bind:selectedWorkspace
+												bind:mouseMoved
+												bind:loadedRuns={itemMap['runs']}
+												bind:open
+												{selectItem}
+												searchTerm={removePrefix(searchTerm, RUNS_PREFIX)}
+												bind:runSearchRemainingCount
+												bind:runSearchTotalCount
+												bind:indexMetadata
+								/>
 					{/if}
 				</div>
 			</div>

package/package/components/search/GlobalSearchModal.svelte.d.ts

@@ -1,17 +1,22 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        openSearchWithPrefilledText?: ((text?: string) => Promise<void>) | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GlobalSearchModalProps = typeof __propDef.props;
-export type GlobalSearchModalEvents = typeof __propDef.events;
-export type GlobalSearchModalSlots = typeof __propDef.slots;
-export default class GlobalSearchModal extends SvelteComponent<GlobalSearchModalProps, GlobalSearchModalEvents, GlobalSearchModalSlots> {
-    get openSearchWithPrefilledText(): (text?: string | undefined) => Promise<void>;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const GlobalSearchModal: $$__sveltets_2_IsomorphicComponent<{
+    openSearchWithPrefilledText?: (text?: string) => Promise<void>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    openSearchWithPrefilledText: (text?: string) => Promise<void>;
+}, string>;
+type GlobalSearchModal = InstanceType<typeof GlobalSearchModal>;
+export default GlobalSearchModal;

package/package/components/search/QuickMenuItem.svelte

@@ -1,14 +1,7 @@
-<script>import { isMac } from '../../utils';
-import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+<script lang="ts">import { isMac } from '../../utils';
+import { onDestroy, onMount } from 'svelte';
 import { twMerge } from 'tailwind-merge';
-export let hovered = false;
-export let id;
-export let label = '';
-export let icon = undefined;
-export let shortcutKey = undefined;
-export let containerClass = undefined;
-export let mouseMoved = false;
-const dispatch = createEventDispatcher();
+// const dispatch = createEventDispatcher()
 onMount(() => {
     window.addEventListener('keydown', handleKeydown);
 });
@@ -18,14 +11,15 @@ onDestroy(() => {
 async function handleKeydown(event) {
     if (hovered && event.key === 'Enter') {
         event.preventDefault();
-        runAction();
+        if (onkeyboardSpecificSelect) {
+            onkeyboardSpecificSelect(event.shiftKey || event.ctrlKey);
+        }
+        else {
+            onselect(event.shiftKey || event.ctrlKey);
+        }
     }
 }
-function runAction() {
-    dispatch('select');
-}
-export let kbdClass = '';
-export let small = true;
+let { hovered = false, id, label = '', icon = undefined, shortcutKey = undefined, containerClass = undefined, mouseMoved = $bindable(false), kbdClass = $bindable(''), small = true, itemReplacement, onselect = () => { }, onhover = () => { }, onkeyboardSpecificSelect } = $props();
 if (small) {
     kbdClass = twMerge(kbdClass, '!text-[10px]  px-1', false && isMac() ? '!text-lg ' : 'text-xs', 'leading-none');
 }
@@ -34,31 +28,33 @@ else {
 }
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
-<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<!-- svelte-ignore a11y_click_events_have_key_events -->
 <div
 	{id}
-	on:click|stopPropagation={runAction}
-	on:mouseenter={() => {
+	onclick={(e) => {
+		e.stopImmediatePropagation()
+		onselect(e.shiftKey || e.ctrlKey)
+	}}
+	onmouseenter={() => {
 		if (mouseMoved) {
-			dispatch('hover')
+			onhover()
 		}
-		mouseMoved=false
+		mouseMoved = false
 	}}
 	class={twMerge(
-		`rounded-md w-full transition-all cursor-pointer ${
-			hovered ? 'bg-surface-hover' : ''
-		}`,
+		`rounded-md w-full transition-all cursor-pointer ${hovered ? 'bg-surface-hover' : ''}`,
 		containerClass
 	)}
 >
-	{#if $$slots.itemReplacement}
-		<slot name="itemReplacement" />
+	{#if itemReplacement}
+		{@render itemReplacement?.()}
 	{:else}
 		<div class="flex flex-row gap-2 items-center px-2 py-1.5 rounded-md pr-6 text-sm">
 			<div class="w-4">
 				{#if icon}
-					<svelte:component this={icon} size={16} />
+					{@const SvelteComponent = icon}
+					<SvelteComponent size={16} />
 				{:else if shortcutKey != undefined}
 					<div class="font-bold flex items-center justify-center w-full">
 						<span

package/package/components/search/QuickMenuItem.svelte.d.ts

@@ -1,29 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        hovered?: boolean | undefined;
-        id: string;
-        label?: string | undefined;
-        icon?: any;
-        shortcutKey?: string | undefined;
-        containerClass?: string | undefined;
-        mouseMoved?: boolean | undefined;
-        kbdClass?: string | undefined;
-        small?: boolean | undefined;
-    };
-    events: {
-        hover: CustomEvent<any>;
-        select: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        itemReplacement: {};
-    };
-};
-export type QuickMenuItemProps = typeof __propDef.props;
-export type QuickMenuItemEvents = typeof __propDef.events;
-export type QuickMenuItemSlots = typeof __propDef.slots;
-export default class QuickMenuItem extends SvelteComponent<QuickMenuItemProps, QuickMenuItemEvents, QuickMenuItemSlots> {
+interface Props {
+    hovered?: boolean;
+    id: string;
+    label?: string;
+    icon?: any;
+    shortcutKey?: string | undefined;
+    containerClass?: string | undefined;
+    mouseMoved?: boolean;
+    kbdClass?: string;
+    small?: boolean;
+    itemReplacement?: import('svelte').Snippet;
+    onselect?: (shift: boolean) => void;
+    onkeyboardSpecificSelect?: (shift: boolean) => void;
+    onhover?: () => void;
 }
-export {};
+declare const QuickMenuItem: import("svelte").Component<Props, {}, "kbdClass" | "mouseMoved">;
+type QuickMenuItem = ReturnType<typeof QuickMenuItem>;
+export default QuickMenuItem;