windmill-components 1.389.2 → 1.394.3

package/package/components/ObjectStoreConfigSettings.svelte

@@ -114,14 +114,14 @@ async function testConnection() {
 			<input type="text" bind:value={bucket_config.region} />
 		</label>
 		<label class="block pb-2">
-			<span class="text-primary font-semibold text-sm">Access Key ID</span>
+			<span class="text-primary font-semibold text-sm">Access key ID</span>
 			<span class="text-tertiary text-2xs"
 				>If left empty, will be derived automatically from $AWS_ACCESS_KEY_ID, pod or ec2 profile</span
 			>
 			<input type="text" bind:value={bucket_config.access_key} />
 		</label>
 		<label class="block pb-2">
-			<span class="text-primary font-semibold text-sm">Secret Key</span>
+			<span class="text-primary font-semibold text-sm">Secret key</span>
 			<span class="text-tertiary text-2xs"
 				>If left empty, will be derived automatically from $AWS_SECRET_KEY, pod or ec2 profile</span
 			>
@@ -137,20 +137,20 @@ async function testConnection() {
 		<div class="block pb-2">
 			<span class="text-tertiary text-2xs">Disable if using https only policy</span>
 			<div>
-				<Toggle bind:checked={bucket_config.allow_http} options={{ right: 'allow http' }} />
+				<Toggle bind:checked={bucket_config.allow_http} options={{ right: 'Allow http' }} />
 			</div>
 		</div>
 	{:else if bucket_config.type === 'Azure'}
 		<label class="block pb-2">
-			<span class="text-primary font-semibold text-sm">Account Name</span>
+			<span class="text-primary font-semibold text-sm">Account name</span>
 			<input type="text" placeholder="account-name" bind:value={bucket_config.accountName} />
 		</label>
 		<label class="block pb-2">
-			<span class="text-primary font-semibold text-sm">Container Name</span>
+			<span class="text-primary font-semibold text-sm">Container name</span>
 			<input type="text" placeholder="container-name" bind:value={bucket_config.containerName} />
 		</label>
 		<label class="block pb-2">
-			<span class="text-primary font-semibold text-sm">Access Key</span>
+			<span class="text-primary font-semibold text-sm">Access key</span>
 			<input type="password" autocomplete="new-password" bind:value={bucket_config.accessKey} />
 		</label>
 		<label class="block pb-2">

package/package/components/OktaSetting.svelte

@@ -29,6 +29,7 @@ function changeDomain(domain, custom) {
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name="okta" after={true} /></div><Toggle
 			checked={enabled}

package/package/components/Password.svelte

@@ -5,49 +5,44 @@ export let placeholder = '******';
 export let disabled = false;
 export let required = false;
 export let small = false;
-onMount(() => {
-    const passwordToggle = document.querySelector('.js-password-toggle');
-    if (passwordToggle) {
-        passwordToggle.addEventListener('change', function () {
-            const password = document.querySelector('.js-password'), passwordLabel = document.querySelector('.js-password-label');
-            if (password.type === 'password') {
-                password.type = 'text';
-                passwordLabel.innerHTML = 'hide';
-            }
-            else {
-                password.type = 'password';
-                passwordLabel.innerHTML = 'show';
-            }
-            password.focus();
-        });
-    }
-    else {
-        throw Error('Password component is undefined');
-    }
-});
 $: red = required && (password == '' || password == undefined);
+let hideValue = true;
+let randomId = (Math.random() * 10e15).toString(16);
 </script>
 
 <div class="relative w-full {small ? 'max-w-lg' : ''}">
 	<div class="absolute inset-y-0 right-0 flex items-center px-2">
-		<input class="!hidden js-password-toggle" id="toggle" type="checkbox" />
+		<input bind:checked={hideValue} class="!hidden" id={randomId} type="checkbox" />
 		<label
-			class="bg-surface-secondary hover:bg-gray-400 rounded px-2 py-1 text-sm text-tertiary font-mono cursor-pointer js-password-label"
-			for="toggle">show</label
+			class="bg-surface-secondary hover:bg-gray-400 rounded px-2 py-1 text-sm text-tertiary font-mono cursor-pointer"
+			for={randomId}>{hideValue ? 'show' : 'hide'}</label
 		>
 	</div>
-	<input
-		class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
-			? '!border-red-500'
-			: ''} text-sm js-password h-9"
-		id="password"
-		type="password"
-		bind:value={password}
-		on:keydown
-		autocomplete="new-password"
-		{placeholder}
-		{disabled}
-	/>
+	{#if hideValue}
+		<input
+			class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
+				? '!border-red-500'
+				: ''} text-sm h-9"
+			type="password"
+			bind:value={password}
+			on:keydown
+			autocomplete="new-password"
+			{placeholder}
+			{disabled}
+		/>
+	{:else}
+		<input
+			class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
+				? '!border-red-500'
+				: ''} text-sm h-9"
+			type="text"
+			bind:value={password}
+			on:keydown
+			autocomplete="new-password"
+			{placeholder}
+			{disabled}
+		/>
+	{/if}
 </div>
 {#if red}
 	<div class="text-red-600 text-2xs grow">This field is required</div>

package/package/components/RunChart.svelte

@@ -1,15 +1,18 @@
 <script>import { Scatter } from 'svelte-chartjs';
 import 'chartjs-adapter-date-fns';
 import zoomPlugin from 'chartjs-plugin-zoom';
+import Tooltip2 from './Tooltip.svelte';
 import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, CategoryScale, LinearScale, PointElement, TimeScale, LogarithmicScale } from 'chart.js';
 import { createEventDispatcher } from 'svelte';
 import { getDbClockNow } from '../forLater';
+import Button from './common/button/Button.svelte';
 export let jobs = [];
 export let maxIsNow = false;
 export let minTimeSet = undefined;
 export let maxTimeSet = undefined;
 export let selectedIds = [];
 export let canSelect = true;
+export let lastFetchWentToEnd = false;
 const dispatch = createEventDispatcher();
 const SUCCESS_COLOR = '#4ade80';
 // const SUCCESS_COLOR_TRANSPARENT = '#c9b638'
@@ -220,5 +223,18 @@ $: data && scatterOptions && highlightSelectedPoints(selectedIds);
 {maxTime} -->
 <!-- {JSON.stringify(jobs?.map((x) => x.started_at))} -->
 <div class="relative max-h-40">
+	{#if !lastFetchWentToEnd}
+		<div class="absolute top-[-10px] left-[60px]"
+			><Button
+				size="xs"
+				color="transparent"
+				variant="contained"
+				on:click={() => dispatch('loadExtra')}
+				>Load more <Tooltip2
+					>There are more jobs to load but only the first 1000 were fetched</Tooltip2
+				></Button
+			></div
+		>
+	{/if}
 	<Scatter {data} options={scatterOptions} />
 </div>

package/package/components/RunChart.svelte.d.ts

@@ -9,8 +9,10 @@ declare const __propDef: {
         maxTimeSet?: string | undefined;
         selectedIds?: string[] | undefined;
         canSelect?: boolean | undefined;
+        lastFetchWentToEnd?: boolean | undefined;
     };
     events: {
+        loadExtra: CustomEvent<any>;
         zoom: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;

package/package/components/SavedInputs.svelte

@@ -192,7 +192,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 				<div class="w-full flex flex-col gap-1 h-full overflow-y-auto p">
 					{#if savedInputs === undefined}
 						<Skeleton layout={[[8]]} />
-					{:else if savedInputs.length > 0}
+					{:else if savedInputs?.length > 0}
 						{#each savedInputs as i}
 							<button
 								class={classNames(
@@ -293,7 +293,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 				<div class="w-full flex flex-col gap-1 p-0 h-full overflow-y-auto">
 					{#if loading && (jobs == undefined || jobs?.length == 0)}
 						<div class="text-left text-tertiary text-xs">Loading current runs...</div>
-					{:else if jobs.length > 0}
+					{:else if jobs?.length > 0}
 						{#each jobs as i (i.id)}
 							<button
 								class={classNames(
@@ -348,7 +348,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 								</div>
 							</button>
 						{/each}
-						{#if jobs.length == 5}
+						{#if jobs?.length == 5}
 							<div class="text-left text-tertiary text-xs"
 								>... there may be more runs not displayed here as the limit is 5</div
 							>
@@ -361,7 +361,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 				<div class="w-full flex flex-col gap-1 p-0 h-full overflow-y-auto">
 					{#if previousInputs === undefined}
 						<Skeleton layout={[[8]]} />
-					{:else if previousInputs.length > 0}
+					{:else if previousInputs?.length > 0}
 						{#each previousInputs as i (i.id)}
 							<button
 								class={classNames(

package/package/components/ScheduleEditorInner.svelte

@@ -39,6 +39,11 @@ let recoveryHandlerCustomInitialPath = undefined;
 let recoveryHandlerSelected = 'slack';
 let recoveryHandlerItemKind = 'script';
 let recoveryHandlerExtraArgs = {};
+let successHandlerPath = undefined;
+let successHandlerCustomInitialPath = undefined;
+let successHandlerSelected = 'slack';
+let successHandlerItemKind = 'script';
+let successHandlerExtraArgs = {};
 let failedTimes = 1;
 let failedExact = false;
 let recoveredTimes = 1;
@@ -80,6 +85,7 @@ export async function openNew(nis_flow, initial_script_path) {
         showPauseUntil = false;
         let defaultErrorHandlerMaybe = undefined;
         let defaultRecoveryHandlerMaybe = undefined;
+        let defaultSuccessHandlerMaybe = undefined;
         if ($workspaceStore) {
             defaultErrorHandlerMaybe = (await SettingService.getGlobal({
                 key: 'default_error_handler_' + $workspaceStore
@@ -87,6 +93,9 @@ export async function openNew(nis_flow, initial_script_path) {
             defaultRecoveryHandlerMaybe = (await SettingService.getGlobal({
                 key: 'default_recovery_handler_' + $workspaceStore
             }));
+            defaultSuccessHandlerMaybe = (await SettingService.getGlobal({
+                key: 'default_success_handler_' + $workspaceStore
+            }));
         }
         edit = false;
         itemKind = nis_flow ? 'flow' : 'script';
@@ -137,6 +146,22 @@ export async function openNew(nis_flow, initial_script_path) {
             recoveryHandlerSelected = 'slack';
             recoveredTimes = 1;
         }
+        if (defaultSuccessHandlerMaybe !== undefined && defaultSuccessHandlerMaybe !== null) {
+            let splitted = defaultSuccessHandlerMaybe['successHandlerPath'].split('/');
+            successHandlerItemKind = splitted[0];
+            successHandlerPath = splitted.slice(1)?.join('/');
+            successHandlerExtraArgs = defaultSuccessHandlerMaybe['successHandlerExtraArgs'];
+            successHandlerCustomInitialPath = successHandlerPath;
+            successHandlerSelected = isSlackHandler('success', successHandlerPath) ? 'slack' : 'custom';
+            recoveredTimes = defaultSuccessHandlerMaybe['recoveredTimes'];
+        }
+        else {
+            successHandlerPath = undefined;
+            successHandlerItemKind = 'script';
+            successHandlerExtraArgs = {};
+            successHandlerCustomInitialPath = undefined;
+            successHandlerSelected = 'slack';
+        }
         timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     }
     finally {
@@ -232,6 +257,32 @@ async function saveAsDefaultRecoveryHandler(overrideExisting) {
         }
     }
 }
+async function saveAsDefaultSuccessHandler(overrideExisting) {
+    if (!$enterpriseLicense) {
+        sendUserToast(`Setting default success handler is an enterprise edition feature`, true);
+        return;
+    }
+    if ($workspaceStore) {
+        await ScheduleService.setDefaultErrorOrRecoveryHandler({
+            workspace: $workspaceStore,
+            requestBody: {
+                handler_type: 'success',
+                override_existing: overrideExisting,
+                path: successHandlerPath === undefined
+                    ? undefined
+                    : `${successHandlerItemKind}/${successHandlerPath}`,
+                extra_args: successHandlerExtraArgs,
+                number_of_occurence: recoveredTimes
+            }
+        });
+        if (successHandlerPath !== undefined) {
+            sendUserToast(`Default success handler saved to ${successHandlerPath}`, false);
+        }
+        else {
+            sendUserToast(`Default success handler reset`, false);
+        }
+    }
+}
 let can_write = true;
 async function loadSchedule() {
     loading = true;
@@ -290,6 +341,21 @@ async function loadSchedule() {
             recoveryHandlerSelected = 'slack';
             recoveryHandlerExtraArgs = {};
         }
+        if (s.on_success) {
+            let splitted = s.on_success.split('/');
+            successHandlerItemKind = splitted[0];
+            successHandlerPath = splitted.slice(1)?.join('/');
+            successHandlerCustomInitialPath = successHandlerPath;
+            successHandlerExtraArgs = s.on_success_extra_args ?? {};
+            successHandlerSelected = isSlackHandler('success', successHandlerPath) ? 'slack' : 'custom';
+        }
+        else {
+            successHandlerPath = undefined;
+            successHandlerItemKind = 'script';
+            successHandlerCustomInitialPath = undefined;
+            successHandlerSelected = 'slack';
+            successHandlerExtraArgs = {};
+        }
         args = s.args ?? {};
         can_write = canWrite(s.path, s.extra_perms, $userStore);
         tag = s.tag;
@@ -306,6 +372,9 @@ async function scheduleScript() {
     if (recoveryHandlerPath !== undefined && isSlackHandler('recovery', recoveryHandlerPath)) {
         recoveryHandlerExtraArgs['slack'] = '$res:f/slack_bot/bot_token';
     }
+    if (successHandlerPath !== undefined && isSlackHandler('success', successHandlerPath)) {
+        successHandlerExtraArgs['slack'] = '$res:f/slack_bot/bot_token';
+    }
     if (edit) {
         await ScheduleService.updateSchedule({
             workspace: $workspaceStore,
@@ -323,6 +392,10 @@ async function scheduleScript() {
                     : undefined,
                 on_recovery_times: recoveredTimes,
                 on_recovery_extra_args: recoveryHandlerPath ? recoveryHandlerExtraArgs : {},
+                on_success: successHandlerPath
+                    ? `${successHandlerItemKind}/${successHandlerPath}`
+                    : undefined,
+                on_success_extra_args: successHandlerPath ? successHandlerExtraArgs : {},
                 ws_error_handler_muted: wsErrorHandlerMuted,
                 retry: retry,
                 summary: summary != '' ? summary : undefined,
@@ -353,6 +426,10 @@ async function scheduleScript() {
                     : undefined,
                 on_recovery_times: recoveredTimes,
                 on_recovery_extra_args: recoveryHandlerPath ? recoveryHandlerExtraArgs : {},
+                on_success: successHandlerPath
+                    ? `${successHandlerItemKind}/${successHandlerPath}`
+                    : undefined,
+                on_success_extra_args: successHandlerPath ? successHandlerExtraArgs : {},
                 ws_error_handler_muted: wsErrorHandlerMuted,
                 retry: retry,
                 summary: summary != '' ? summary : undefined,
@@ -371,9 +448,12 @@ function isSlackHandler(isSlackHandler, scriptPath) {
         return (scriptPath.startsWith('hub/') &&
             scriptPath.endsWith('/workspace-or-schedule-error-handler-slack'));
     }
-    else {
+    else if (isSlackHandler == 'recovery') {
         return (scriptPath.startsWith('hub/') && scriptPath.endsWith('/schedule-recovery-handler-slack'));
     }
+    else {
+        return scriptPath.startsWith('hub/') && scriptPath.endsWith('/schedule-success-handler-slack');
+    }
 }
 $: {
     if ($workspaceStore) {
@@ -602,6 +682,7 @@ $: !showPauseUntil && (paused_until = undefined);
 						<Tabs bind:selected={optionTabSelected}>
 							<Tab value="error_handler">Error Handler</Tab>
 							<Tab value="recovery_handler">Recovery Handler</Tab>
+							<Tab value="success_handler">Success Handler</Tab>
 							{#if itemKind === 'script'}
 								<Tab value="retries">Retries</Tab>
 								<Tab value="tag">Custom tag</Tab>
@@ -749,7 +830,7 @@ $: !showPauseUntil && (paused_until = undefined);
 									bind:handlerPath={recoveryHandlerPath}
 									customInitialScriptPath={recoveryHandlerCustomInitialPath}
 									slackToggleText="Alert channel when error recovered"
-									customScriptTemplate="/scripts/add?hub=hub%2F2421%2Fwindmill%2Fschedule_recovery_handler_template"
+									customScriptTemplate="/scripts/add?hub=hub%2F2794%2Fwindmill%2Fschedule_recovery_handler_template"
 									bind:customHandlerKind={recoveryHandlerItemKind}
 									bind:handlerExtraArgs={recoveryHandlerExtraArgs}
 								>
@@ -801,6 +882,68 @@ $: !showPauseUntil && (paused_until = undefined);
 									</div>
 								</div>
 							</Section>
+						{:else if optionTabSelected === 'success_handler'}
+							<Section label="Success handler">
+								<svelte:fragment slot="header">
+									<div class="flex flex-row gap-2">
+										{#if !$enterpriseLicense}<span class="text-normal text-2xs">(ee only)</span
+											>{/if}
+									</div>
+								</svelte:fragment>
+								<svelte:fragment slot="action">
+									<div class="flex flex-row items-center text-tertiary text-2xs gap-2">
+										defaults
+										<Dropdown
+											items={[
+												{
+													displayName: `Override future schedules only`,
+													action: () => saveAsDefaultSuccessHandler(false)
+												},
+												{
+													displayName: 'Override all existing',
+													type: 'delete',
+													action: () => saveAsDefaultSuccessHandler(true)
+												}
+											]}
+										>
+											<svelte:fragment>
+												<Save size={12} class="mr-1" />
+												Set as default
+											</svelte:fragment>
+										</Dropdown>
+									</div>
+								</svelte:fragment>
+								<ErrorOrRecoveryHandler
+									isEditable={can_write && !emptyString($enterpriseLicense)}
+									errorOrRecovery="success"
+									bind:handlerSelected={successHandlerSelected}
+									bind:handlerPath={successHandlerPath}
+									customInitialScriptPath={successHandlerCustomInitialPath}
+									slackToggleText="Alert channel when successful"
+									customScriptTemplate="/scripts/add?hub=hub%2F9071%2Fwindmill%2Fschedule_success_handler_template"
+									bind:customHandlerKind={successHandlerItemKind}
+									bind:handlerExtraArgs={successHandlerExtraArgs}
+								>
+									<svelte:fragment slot="custom-tab-tooltip">
+										<Tooltip>
+											<div class="flex gap-20 items-start mt-3">
+												<div class=" text-sm"
+													>The following args will be passed to the success handler:
+													<ul class="mt-1 ml-2">
+														<li><b>path</b>: The path of the script or flow that succeeded.</li>
+														<li><b>is_flow</b>: Whether the runnable is a flow.</li>
+														<li><b>schedule_path</b>: The path of the schedule.</li>
+														<li><b>success_result</b>: The result of the successful job</li>
+														<li
+															><b>success_started_at</b>: The start datetime of the successful job</li
+														>
+													</ul>
+												</div>
+											</div>
+										</Tooltip>
+									</svelte:fragment>
+								</ErrorOrRecoveryHandler>
+							</Section>
 						{:else if optionTabSelected === 'retries'}
 							<Section label="Retries">
 								<svelte:fragment slot="header">

package/package/components/SchemaForm.svelte

@@ -13,7 +13,6 @@ import { createEventDispatcher } from 'svelte';
 import LightweightArgInput from './LightweightArgInput.svelte';
 import { deepEqual } from 'fast-equals';
 import { dragHandleZone } from '@windmill-labs/svelte-dnd-action';
-import { flip } from 'svelte/animate';
 export let schema;
 export let schemaSkippedValues = [];
 export let schemaFieldTooltip = {};
@@ -125,7 +124,7 @@ $: fields = items ?? keys.map((x) => ({ id: x, value: x }));
 	{#if keys.length > 0}
 		{#each fields as item, i (item.id)}
 			{@const argName = item.value}
-			<div animate:flip={{ duration: 200 }}>
+			<div>
 				<!-- svelte-ignore a11y-click-events-have-key-events -->
 				{#if !schemaSkippedValues.includes(argName) && Object.keys(schema?.properties ?? {}).includes(argName)}
 					<!-- svelte-ignore a11y-no-static-element-interactions -->

package/package/components/ScriptBuilder.svelte

@@ -947,6 +947,7 @@ function langToLanguage(lang) {
 				<div class="flex flex-row gap-2 grow max-w-md">
 					<div class="center-center">
 						<button
+							disabled={customUi?.topBar?.settings == false}
 							on:click={async () => {
 								metadataOpen = true
 							}}

package/package/components/TestConnection.svelte

@@ -36,18 +36,36 @@ const scripts = {
     },
     s3: {
         code: `
-import { S3Client } from "https://deno.land/x/s3_lite_client@0.6.1/mod.ts";		
+import * as wmill from "windmill-client"
 
 type S3 = object
 
 export async function main(s3: S3) {
-	const s3client = new S3Client(s3);
-	for await (const obj of s3client.listObjects({ prefix: "/" })) {
-		console.log(obj);
-	}
+	return fetch(process.env["BASE_URL"] + '/api/settings/test_object_storage_config', {
+		method: 'POST',
+		headers: {
+			'Content-Type': 'application/json',
+			Authorization: 'Bearer ' + process.env["WM_TOKEN"],
+		},
+		body: JSON.stringify({
+			type: "S3",
+			bucket: s3.bucket,
+			endpoint: s3.endPoint,
+			port: s3.port,
+			allow_http: !s3.useSSL,
+			access_key: s3.accessKey,
+			secret_key: s3.secretKey,
+			path_style: s3.pathStyle,
+		}),
+	}).then(async (res) => {
+		if (!res.ok) {
+			throw new Error(await res.text())
+		}
+		return res.text()
+	})
 }
 `,
-        lang: 'deno',
+        lang: 'bun',
         argName: 's3'
     },
     graphql: {

package/package/components/TestJobLoader.svelte

@@ -68,6 +68,7 @@ export async function runFlowByPath(path, args) {
 }
 export async function getLogs() {
     if (job) {
+        console.log('getLogs');
         const getUpdate = await JobService.getJobUpdates({
             workspace: workspace,
             id: job.id,
@@ -135,6 +136,7 @@ async function loadTestJob(id) {
         try {
             if (job && `running` in job) {
                 const offset = logOffset == 0 ? (job.logs?.length ? job.logs?.length + 1 : 0) : logOffset;
+                console.log('getLogs');
                 let previewJobUpdates = await JobService.getJobUpdates({
                     workspace: workspace,
                     id,

package/package/components/ZitadelSetting.svelte

@@ -25,6 +25,7 @@ function changeOrg(org) {
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'zitadel'} after={true} /></div><Toggle
 			checked={enabled}

package/package/components/apps/components/display/table/AppAggridInfiniteTable.svelte

@@ -19,7 +19,6 @@ export let initializing = undefined;
 export let render;
 export let customCss = undefined;
 export let actions = undefined;
-export let actionsOrder = undefined;
 let runnableComponent = undefined;
 function clear() {
     setTimeout(() => {

package/package/components/apps/components/display/table/AppAggridInfiniteTable.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../../inputType';
-import type { ComponentCustomCSS, RichConfiguration, RichConfigurations } from '../../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../../types';
 import { type TableAction } from '../../../editor/component';
 import 'ag-grid-community/styles/ag-grid.css';
 import './theme/windmill-theme.css';
@@ -13,7 +13,6 @@ declare const __propDef: {
         render: boolean;
         customCss?: ComponentCustomCSS<'aggridinfinitecomponent'> | undefined;
         actions?: TableAction[] | undefined;
-        actionsOrder?: RichConfiguration | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/apps/components/display/table/AppAggridInfiniteTableEe.svelte

@@ -13,7 +13,6 @@ export let initializing = undefined;
 export let render;
 export let customCss = undefined;
 export let actions = [];
-export let actionsOrder = undefined;
 let loaded = false;
 async function load() {
     await import('ag-grid-enterprise');
@@ -33,7 +32,6 @@ load();
 		{render}
 		{customCss}
 		{actions}
-		{actionsOrder}
 	/>
 {:else}
 	<Loader2 class="animate-spin" />

package/package/components/apps/components/display/table/AppAggridInfiniteTableEe.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../../inputType';
-import type { ComponentCustomCSS, RichConfiguration, RichConfigurations } from '../../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../../types';
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import type { TableAction } from '../../../editor/component';
@@ -14,7 +14,6 @@ declare const __propDef: {
         render: boolean;
         customCss?: ComponentCustomCSS<'aggridinfinitecomponentee'> | undefined;
         actions?: TableAction[] | undefined;
-        actionsOrder?: RichConfiguration | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/apps/components/display/table/AppAggridTable.svelte

@@ -402,6 +402,7 @@ let loading = false;
 let refreshCount = 0;
 let footerRenderCount = 0;
 let computedOrder = undefined;
+let footerHeight = 0;
 </script>
 
 {#if actionsOrder}
@@ -458,7 +459,7 @@ let computedOrder = undefined;
 				on:pointerdown|stopPropagation={() => {
 					$selectedComponent = [id]
 				}}
-				style:height="{clientHeight}px"
+				style:height="{clientHeight - (resolvedConfig.footer ? footerHeight : 0)}px"
 				style:width="{clientWidth}px"
 				class="ag-theme-alpine relative"
 				class:ag-theme-alpine-dark={$darkMode}
@@ -490,7 +491,10 @@ let computedOrder = undefined;
 			</div>
 			{#if resolvedConfig.footer}
 				{#key footerRenderCount}
-					<div class="flex gap-1 w-full justify-between items-center text-sm text-secondary/80 p-2">
+					<div
+						class="flex gap-1 w-full justify-between items-center text-sm text-secondary/80 p-2"
+						bind:clientHeight={footerHeight}
+					>
 						<div>
 							<Popover>
 								<svelte:fragment slot="text">Download</svelte:fragment>