windmill-components 1.642.0 → 1.655.0

package/package/components/OAuthSetting.svelte

@@ -2,64 +2,70 @@
 import CollapseLink from './CollapseLink.svelte';
 import IconedResourceType from './IconedResourceType.svelte';
 import Toggle from './Toggle.svelte';
-import { onMount, untrack } from 'svelte';
+import { untrack } from 'svelte';
 import { enterpriseLicense } from '../stores';
 import Button from './common/button/Button.svelte';
 import TextInput from './text_input/TextInput.svelte';
 import SettingCard from './instanceSettings/SettingCard.svelte';
 let { name, value = $bindable(), login = true, eeOnly = false } = $props();
-let tenant = $state('');
-onMount(() => {
-    try {
-        if (name == 'microsoft' &&
-            value &&
-            value['login_config'] &&
-            typeof value['login_config']['auth_url'] == 'string') {
-            tenant = value['login_config']['auth_url'].split('/')[3];
+// For Microsoft SSO, tenant is embedded in the login_config URLs, so we need
+// a local state + bidirectional sync. For Teams, we bind directly to
+// value['tenant'] in the template — no intermediate state, no effect loops.
+let microsoftTenant = $state('');
+// Sync microsoftTenant from value.login_config whenever value changes.
+// Uses untrack for the write to avoid circular dependencies with the
+// push effect below. Loop termination is guaranteed because
+// URL.split('/')[3] of a URL we constructed with tenant X always yields X.
+$effect(() => {
+    const v = value;
+    untrack(() => {
+        try {
+            if (!v) {
+                if (microsoftTenant !== '')
+                    microsoftTenant = '';
+                return;
+            }
+            if (name == 'microsoft' &&
+                v['login_config'] &&
+                typeof v['login_config']['auth_url'] == 'string') {
+                const urlTenant = v['login_config']['auth_url'].split('/')[3];
+                if (urlTenant !== microsoftTenant) {
+                    microsoftTenant = urlTenant;
+                }
+            }
         }
-        if (name === 'teams' && value?.tenant) {
-            tenant = value.tenant;
+        catch (e) {
+            console.error('Could not set tenantId', e);
         }
-    }
-    catch (e) {
-        console.error('Could not set tenantId', e);
-    }
+    });
 });
-function changeTenantId(tenant) {
-    if (value && tenant) {
-        if (tenant != '') {
-            if (name === 'teams') {
-                value = {
-                    ...value,
-                    tenant
-                };
-            }
-            else {
+// Push microsoftTenant edits back into value.login_config URLs.
+$effect(() => {
+    microsoftTenant;
+    if (name === 'microsoft') {
+        untrack(() => {
+            if (!value)
+                return;
+            if (microsoftTenant !== '') {
                 value = {
                     ...value,
                     login_config: {
-                        auth_url: `https://login.microsoftonline.com/${tenant}/oauth2/v2.0/authorize`,
-                        token_url: `https://login.microsoftonline.com/${tenant}/oauth2/v2.0/token`,
+                        auth_url: `https://login.microsoftonline.com/${microsoftTenant}/oauth2/v2.0/authorize`,
+                        token_url: `https://login.microsoftonline.com/${microsoftTenant}/oauth2/v2.0/token`,
                         userinfo_url: `https://graph.microsoft.com/oidc/userinfo`,
                         scopes: ['openid', 'profile', 'email']
                     }
                 };
             }
-        }
-        else {
-            if (value['login_config']) {
-                delete value['login_config'];
+            else {
+                if (value['login_config']) {
+                    delete value['login_config'];
+                }
             }
-        }
-    }
-}
-let enabled = $derived(value != undefined && !(eeOnly && !$enterpriseLicense));
-$effect(() => {
-    tenant;
-    if (name == 'microsoft' || name == 'teams') {
-        untrack(() => changeTenantId(tenant));
+        });
     }
 });
+let enabled = $derived(value != undefined && !(eeOnly && !$enterpriseLicense));
 </script>
 
 <div class="flex flex-col gap-2">
@@ -72,7 +78,7 @@ $effect(() => {
 			disabled={eeOnly && !$enterpriseLicense}
 			on:change={(e) => {
 				if (e.detail) {
-					if (name === 'teams' || name === 'microsoft') {
+					if (name === 'teams') {
 						value = { id: '', secret: '', tenant: '' }
 					} else {
 						value = { id: '', secret: '' }
@@ -114,7 +120,17 @@ $effect(() => {
 			{#if name == 'microsoft' || name == 'teams'}
 				<label class="flex flex-col gap-1">
 					<span class="text-emphasis font-semibold text-xs">Tenant Id</span>
-					<TextInput inputProps={{ type: 'text', placeholder: 'Tenant Id' }} bind:value={tenant} />
+					{#if name === 'teams'}
+						<TextInput
+							inputProps={{ type: 'text', placeholder: 'Tenant Id' }}
+							bind:value={value['tenant']}
+						/>
+					{:else}
+						<TextInput
+							inputProps={{ type: 'text', placeholder: 'Tenant Id' }}
+							bind:value={microsoftTenant}
+						/>
+					{/if}
 				</label>
 			{:else if login}
 				<label class="flex flex-col gap-1">

package/package/components/OauthExtraParams.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">import { Button } from './common';
 import { X, Plus } from 'lucide-svelte';
-export let extra_params = {};
-let extra_params_vec = Object.entries(extra_params);
+let { extra_params = $bindable() } = $props();
+$effect.pre(() => {
+    if (!extra_params) {
+        extra_params = {};
+    }
+});
+let extra_params_vec = $state(Object.entries(extra_params ?? {}));
 function sync() {
     extra_params = Object.fromEntries(extra_params_vec);
 }
@@ -9,8 +14,8 @@ function sync() {
 
 {#each extra_params_vec as o}
 	<div class="flex flex-row max-w-md mb-2 gap-2">
-		<input type="text" on:keyup={sync} bind:value={o[0]} />
-		<input type="text" on:keyup={sync} bind:value={o[1]} />
+		<input type="text" onkeyup={sync} bind:value={o[0]} />
+		<input type="text" onkeyup={sync} bind:value={o[1]} />
 		<Button
 			variant="subtle"
 			destructive

package/package/components/OauthExtraParams.svelte.d.ts

@@ -1,20 +1,6 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const OauthExtraParams: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     extra_params?: Record<string, string>;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type OauthExtraParams = InstanceType<typeof OauthExtraParams>;
+}
+declare const OauthExtraParams: import("svelte").Component<Props, {}, "extra_params">;
+type OauthExtraParams = ReturnType<typeof OauthExtraParams>;
 export default OauthExtraParams;

package/package/components/OauthScopes.svelte

@@ -1,18 +1,23 @@
 <script lang="ts">import { Button } from './common';
 import { Minus, Plus } from 'lucide-svelte';
-export let scopes = [];
+let { scopes = $bindable() } = $props();
+$effect.pre(() => {
+    if (!scopes) {
+        scopes = [];
+    }
+});
 </script>
 
 {#if scopes && Array.isArray(scopes)}
-	{#each scopes as v}
+	{#each scopes as v, i}
 		<div class="flex flex-row max-w-md mb-2">
-			<input type="text" bind:value={v} />
+			<input type="text" bind:value={scopes[i]} />
 			<Button
 				variant="default"
 				size="xs"
 				btnClasses="mx-6"
 				on:click={() => {
-					scopes = scopes.filter((el) => el != v)
+					scopes = scopes?.filter((el) => el != v)
 				}}
 				startIcon={{ icon: Minus }}
 				iconOnly

package/package/components/OauthScopes.svelte.d.ts

@@ -1,20 +1,6 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const OauthScopes: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     scopes?: string[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type OauthScopes = InstanceType<typeof OauthScopes>;
+}
+declare const OauthScopes: import("svelte").Component<Props, {}, "scopes">;
+type OauthScopes = ReturnType<typeof OauthScopes>;
 export default OauthScopes;

package/package/components/ObjectResourceInput.svelte

@@ -4,14 +4,20 @@ import S3ObjectPicker from './S3ObjectPicker.svelte';
 function isString(value) {
     return typeof value === 'string' || value instanceof String;
 }
-let { format, value = $bindable(), disablePortal = false, showSchemaExplorer = false, selectFirst = false, defaultValue, editor = $bindable(undefined), disabled = false, onClear = undefined } = $props();
+let { format, value = $bindable(), disablePortal = false, showSchemaExplorer = false, selectFirst = false, defaultValue, editor = $bindable(undefined), disabled = false, datatableAsPgResource = false, onClear = undefined } = $props();
 function isResource() {
-    return isString(value) && value.length >= '$res:'.length;
+    return isString(value) && value.startsWith('$res:');
+}
+function isDatatable(val) {
+    return (isString(val) && val.startsWith('datatable://')) || val === 'datatable';
 }
 function valueToPath() {
     if (isResource()) {
         return value.substr('$res:'.length);
     }
+    else if (isDatatable(value)) {
+        return value;
+    }
 }
 </script>
 
@@ -21,6 +27,7 @@ function valueToPath() {
 		<S3ObjectPicker bind:value />
 	{:else if value == undefined || typeof value === 'string'}
 		<ResourcePicker
+			{datatableAsPgResource}
 			{disabled}
 			{selectFirst}
 			{disablePortal}
@@ -31,7 +38,7 @@ function valueToPath() {
 					if (v == undefined) {
 						value = undefined
 					} else {
-						value = `$res:${v}`
+						value = isDatatable(v) ? v : `$res:${v}`
 					}
 				}
 			}

package/package/components/ObjectResourceInput.svelte.d.ts

@@ -9,6 +9,7 @@ interface Props {
     editor?: SimpleEditor | undefined;
     path?: string;
     disabled?: boolean;
+    datatableAsPgResource?: boolean;
     onClear?: () => void;
 }
 declare const ObjectResourceInput: import("svelte").Component<Props, {}, "value" | "editor">;

package/package/components/OnBehalfOfSelector.svelte

@@ -0,0 +1,191 @@
+<script lang="ts" module>/**
+ * Check if an item needs on_behalf_of selection.
+ * Shows the selector when the source item has an on_behalf_of_email set.
+ */
+export function needsOnBehalfOfSelection(kind, sourceEmail) {
+    if (kind !== 'flow' && kind !== 'script' && kind !== 'app' && kind !== 'trigger')
+        return false;
+    return !!sourceEmail;
+}
+</script>
+
+<script lang="ts">import { Check, UserCog, Users, ExternalLink } from 'lucide-svelte';
+import MeltPopover from './meltComponents/Popover.svelte';
+import Modal from './common/modal/Modal.svelte';
+import { userStore } from '../stores';
+import { UserService } from '../gen';
+import TextInput from './text_input/TextInput.svelte';
+let { targetWorkspace, targetEmail, selected, onSelect, kind, canPreserve, customEmail, isDeployment = true } = $props();
+let label = $derived(kind === 'trigger'
+    ? 'Set the user this will be recorded as edited by:'
+    : 'Set the user this will be run on behalf of:');
+let users = $state([]);
+let usersLoaded = $state(false);
+let modalOpen = $state(false);
+let searchQuery = $state('');
+async function loadUsers() {
+    if (usersLoaded)
+        return;
+    try {
+        users = await UserService.listUsers({ workspace: targetWorkspace });
+    }
+    catch {
+        users = [];
+    }
+    usersLoaded = true;
+}
+// Fetch users eagerly so we can resolve usernames for display
+loadUsers();
+function resolveUsername(email) {
+    if (!email)
+        return undefined;
+    return users.find((u) => u.email === email)?.username ?? email;
+}
+let targetUsername = $derived(resolveUsername(targetEmail));
+let customUsername = $derived(resolveUsername(customEmail));
+let activeUsers = $derived(users.filter((u) => !u.disabled));
+let filteredUsers = $derived(searchQuery
+    ? activeUsers.filter((u) => {
+        const q = searchQuery.toLowerCase();
+        return (u.username.toLowerCase().includes(q) ||
+            u.email.toLowerCase().includes(q) ||
+            (u.name?.toLowerCase()?.includes(q) ?? false));
+    })
+    : activeUsers);
+// Preselect "target" when available and user has permission to preserve
+$effect(() => {
+    if (selected === undefined && targetEmail && canPreserve) {
+        onSelect('target');
+    }
+});
+function openModal() {
+    loadUsers();
+    searchQuery = '';
+    modalOpen = true;
+}
+function selectUser(user) {
+    onSelect('custom', user.email, user.username);
+    modalOpen = false;
+}
+let selectedDisplayName = $derived.by(() => {
+    if (selected === 'target')
+        return targetUsername;
+    if (selected === 'me')
+        return $userStore?.username;
+    if (selected === 'custom')
+        return customUsername;
+    return undefined;
+});
+</script>
+
+<MeltPopover placement="bottom" on:openChange={(e) => e.detail && loadUsers()}>
+	{#snippet trigger()}
+	
+			<span class="inline-flex items-center gap-1">
+				<UserCog class="w-4 h-4 {selected ? 'text-green-500' : 'text-yellow-500'}" />
+				{#if selectedDisplayName}
+					<span class="text-xs truncate max-w-24">{selectedDisplayName}</span>
+				{/if}
+			</span>
+		
+	{/snippet}
+	{#snippet content({ close: closePopover })}
+		<div   class="p-3 flex flex-col gap-2 min-w-48">
+			<div class="text-xs font-medium text-secondary mb-1">{label}</div>
+			<!-- Target option -->
+			{#if targetEmail}
+				<button
+					class="flex items-center gap-2 px-2 py-1.5 rounded text-left text-xs hover:bg-surface-hover {!canPreserve
+						? 'opacity-50 cursor-not-allowed'
+						: ''}"
+					disabled={!canPreserve}
+					onclick={() => onSelect('target')}
+				>
+					<Check class="w-3 h-3 {selected === 'target' ? 'opacity-100' : 'opacity-0'}" />
+					<span class="truncate max-w-40">{targetUsername}</span>
+					<span class="text-xs text-tertiary">{isDeployment ? '(target)' : '(current)'}</span>
+				</button>
+			{/if}
+			<!-- Me option -->
+			<button
+				class="flex items-center gap-2 px-2 py-1.5 rounded text-left text-xs hover:bg-surface-hover"
+				onclick={() => onSelect('me')}
+			>
+				<Check class="w-3 h-3 {selected === 'me' ? 'opacity-100' : 'opacity-0'}" />
+				<span class="truncate max-w-40">{$userStore?.username}</span>
+				<span class="text-xs text-tertiary">(me)</span>
+			</button>
+			<!-- Custom / Pick from workspace -->
+			<button
+				class="flex items-center gap-2 px-2 py-1.5 rounded text-left text-xs hover:bg-surface-hover {!canPreserve
+					? 'opacity-50 cursor-not-allowed'
+					: ''}"
+				disabled={!canPreserve}
+				onclick={() => {
+					closePopover()
+					openModal()
+				}}
+			>
+				{#if selected === 'custom' && customUsername}
+					<Check class="w-3 h-3 opacity-100" />
+					<span class="truncate max-w-40">{customUsername}</span>
+					<span class="text-xs text-tertiary">(custom)</span>
+				{:else}
+					<Check class="w-3 h-3 opacity-0" />
+					<Users class="w-3 h-3 text-tertiary" />
+					<span>Pick from workspace&hellip;</span>
+				{/if}
+			</button>
+		</div>
+	{/snippet}
+</MeltPopover>
+
+<!-- User selection modal -->
+<Modal title="Select a user" bind:open={modalOpen} kind="X">
+	<div class="flex flex-col gap-4">
+		<div class="text-xs text-secondary">
+			{#if kind === 'trigger'}
+				Choose the user this trigger will be recorded as edited by {isDeployment ? 'in the target workspace' : 'in this workspace'}.
+			{:else}
+				Choose the user this {kind} will run on behalf of {isDeployment ? 'in the target workspace' : 'in this workspace'}. The selected
+				user's permissions will be used when executing.
+			{/if}
+			<a
+				href="https://www.windmill.dev/docs/core_concepts/roles_and_permissions"
+				target="_blank"
+				rel="noopener noreferrer"
+				class="text-blue-500 hover:underline inline-flex items-center gap-0.5"
+			>
+				Learn more
+				<ExternalLink class="w-3 h-3" />
+			</a>
+		</div>
+
+		<TextInput bind:value={searchQuery} inputProps={{ placeholder: 'Search users...' }} />
+
+		<div class="max-h-60 overflow-y-auto border rounded">
+			{#each filteredUsers as user (user.email)}
+				<button
+					class="w-full flex items-center gap-3 px-3 py-2 text-left text-sm hover:bg-surface-hover border-b last:border-b-0"
+					onclick={() => selectUser(user)}
+				>
+					<div class="flex flex-col min-w-0">
+						<span class="font-medium truncate">{user.username}</span>
+						<span class="text-xs text-tertiary truncate">{user.email}</span>
+					</div>
+					{#if customEmail === user.email && selected === 'custom'}
+						<Check class="w-4 h-4 text-green-500 ml-auto flex-shrink-0" />
+					{/if}
+				</button>
+			{:else}
+				<div class="px-3 py-4 text-sm text-tertiary text-center">
+					{#if !usersLoaded}
+						Loading users&hellip;
+					{:else}
+						No users found
+					{/if}
+				</div>
+			{/each}
+		</div>
+	</div>
+</Modal>

package/package/components/OnBehalfOfSelector.svelte.d.ts

@@ -0,0 +1,21 @@
+export type OnBehalfOfChoice = 'target' | 'me' | 'custom' | undefined;
+/**
+ * Check if an item needs on_behalf_of selection.
+ * Shows the selector when the source item has an on_behalf_of_email set.
+ */
+export declare function needsOnBehalfOfSelection(kind: string, sourceEmail: string | undefined): boolean;
+interface Props {
+    targetWorkspace: string;
+    targetEmail: string | undefined;
+    selected: OnBehalfOfChoice;
+    onSelect: (choice: OnBehalfOfChoice, email?: string, username?: string) => void;
+    kind: string;
+    canPreserve: boolean;
+    /** The email of the custom-selected user (for display) */
+    customEmail?: string | undefined;
+    /** When false, labels say "current" instead of "target" and modal text refers to "this workspace" */
+    isDeployment?: boolean;
+}
+declare const OnBehalfOfSelector: import("svelte").Component<Props, {}, "">;
+type OnBehalfOfSelector = ReturnType<typeof OnBehalfOfSelector>;
+export default OnBehalfOfSelector;

package/package/components/PageHeader.svelte

@@ -1,9 +1,5 @@
 <script lang="ts">import Tooltip from './Tooltip.svelte';
-export let title;
-export let tooltip = '';
-export let documentationLink = undefined;
-export let primary = true;
-export let childrenWrapperDivClasses = '';
+let { title, tooltip = '', documentationLink = undefined, primary = true, childrenWrapperDivClasses = '', children } = $props();
 </script>
 
 <div class="flex flex-row flex-wrap justify-between items-center pb-2 my-4 mr-2 min-h-16">
@@ -29,9 +25,9 @@ export let childrenWrapperDivClasses = '';
 		</span>
 	{/if}
 
-	{#if $$slots.default}
+	{#if children}
 		<div class="my-2 {childrenWrapperDivClasses}">
-			<slot />
+			{@render children?.()}
 		</div>
 	{/if}
 </div>

package/package/components/PageHeader.svelte.d.ts

@@ -1,33 +1,11 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PageHeader: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+interface Props {
     title: string;
     tooltip?: string;
     documentationLink?: string | undefined;
     primary?: boolean;
     childrenWrapperDivClasses?: string;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type PageHeader = InstanceType<typeof PageHeader>;
+    children?: import('svelte').Snippet;
+}
+declare const PageHeader: import("svelte").Component<Props, {}, "">;
+type PageHeader = ReturnType<typeof PageHeader>;
 export default PageHeader;

package/package/components/ParqetCsvTableRenderer.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import { createGrid } from 'ag-grid-community';
+<script lang="ts">import { run } from 'svelte/legacy';
+import { createGrid } from 'ag-grid-community';
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { twMerge } from 'tailwind-merge';
@@ -10,13 +11,10 @@ import { Download } from 'lucide-svelte';
 import { Loader2 } from 'lucide-svelte';
 // import 'ag-grid-community/dist/styles/ag-theme-alpine-dark.css'
 let selectedRowIndex = -1;
-export let s3resource;
-export let storage;
-export let workspaceId;
-export let disable_download = false;
+let { s3resource, storage, workspaceId, disable_download = false } = $props();
 let lastSearch = undefined;
-let nbRows = undefined;
-let csvSeparatorChar = ',';
+let nbRows = $state(undefined);
+let csvSeparatorChar = $state(',');
 let datasource = {
     rowCount: 0,
     getRows: async function (params) {
@@ -83,9 +81,8 @@ function toggleRow(row) {
 function toggleRows(rows) {
     toggleRow(rows[0]);
 }
-let eGui;
-$: eGui && mountGrid();
-let error = undefined;
+let eGui = $state();
+let error = $state(undefined);
 async function mountGrid() {
     if (eGui) {
         try {
@@ -148,7 +145,10 @@ function onSelectionChanged(api) {
         toggleRows(rows);
     }
 }
-let darkMode = false;
+let darkMode = $state(false);
+run(() => {
+    eGui && mountGrid();
+});
 </script>
 
 <DarkModeObserver bind:darkMode />
@@ -160,7 +160,7 @@ let darkMode = false;
 				<label for="csvSeparatorChar" class="text-2xs text-secondary">Separator</label>
 
 				<div class="w-12 ml-2 mr-2">
-					<select class="h-8" bind:value={csvSeparatorChar} on:change={(e) => mountGrid()}>
+					<select class="h-8" bind:value={csvSeparatorChar} onchange={(e) => mountGrid()}>
 						<option value=",">,</option>
 						<option value=";">;</option>
 						<option value="\t">\t</option>

package/package/components/ParqetCsvTableRenderer.svelte.d.ts

@@ -1,25 +1,11 @@
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ParqetCsvTableRenderer: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     s3resource: string;
     storage: string | undefined;
     workspaceId: string | undefined;
     disable_download?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ParqetCsvTableRenderer = InstanceType<typeof ParqetCsvTableRenderer>;
+}
+declare const ParqetCsvTableRenderer: import("svelte").Component<Props, {}, "">;
+type ParqetCsvTableRenderer = ReturnType<typeof ParqetCsvTableRenderer>;
 export default ParqetCsvTableRenderer;