windmill-components 1.555.1 → 1.558.2

package/package/components/apps/components/display/dbtable/queries/select.js

@@ -1,3 +1,4 @@
+import { wrapDucklakeQuery } from '../../../../../dbOps';
 import { buildParameters } from '../utils';
 import { getLanguageByResourceType, buildVisibleFieldList } from '../utils';
 function makeSnowflakeSelectQuery(table, columnDefs, whereClause, options) {
@@ -183,31 +184,34 @@ function coerceToNumber(value) {
     }
     return 0;
 }
-export function getSelectInput(resource, table, columnDefs, whereClause, dbType, options) {
-    if (!resource || !table || !columnDefs) {
-        return undefined;
-    }
-    if (columnDefs.length === 0) {
+export function getSelectInput(dbInput, table, columnDefs, whereClause, options) {
+    if ((dbInput.type == 'ducklake' && !dbInput.ducklake) ||
+        (dbInput.type == 'database' && !dbInput.resourcePath) ||
+        !table ||
+        !columnDefs?.length) {
         return undefined;
     }
+    const dbType = dbInput.type === 'ducklake' ? 'duckdb' : dbInput.resourceType;
+    let content = makeSelectQuery(table, columnDefs, whereClause, dbType, options);
+    if (dbInput.type === 'ducklake')
+        content = wrapDucklakeQuery(content, dbInput.ducklake);
     const getRunnable = {
         name: 'AppDbExplorer',
         type: 'runnableByName',
-        inlineScript: {
-            content: makeSelectQuery(table, columnDefs, whereClause, dbType, options),
-            language: getLanguageByResourceType(dbType)
-        }
+        inlineScript: { content, language: getLanguageByResourceType(dbType) }
     };
     const getQuery = {
         runnable: getRunnable,
-        fields: {
-            database: {
-                type: 'static',
-                value: resource,
-                fieldType: 'object',
-                format: `resource-${dbType}`
+        fields: dbInput.type === 'database'
+            ? {
+                database: {
+                    type: 'static',
+                    value: `$res:${dbInput.resourcePath}`,
+                    fieldType: 'object',
+                    format: `resource-${dbType}`
+                }
             }
-        },
+            : {},
         type: 'runnable',
         fieldType: 'object',
         hideRefreshButton: true

package/package/components/apps/components/display/dbtable/queries/update.d.ts

@@ -1,4 +1,5 @@
 import type { AppInput } from '../../../../inputType';
+import { type DbInput } from '../../../../../dbOps';
 import { type ColumnDef, type DbType } from '../utils';
 export declare function makeUpdateQuery(table: string, column: {
     datatype: string;
@@ -7,4 +8,4 @@ export declare function makeUpdateQuery(table: string, column: {
     datatype: string;
     field: string;
 }[], dbType: DbType): string;
-export declare function getUpdateInput(resource: string, table: string, column: ColumnDef, columns: ColumnDef[], dbType: DbType): AppInput | undefined;
+export declare function getUpdateInput(dbInput: DbInput, table: string, column: ColumnDef, columns: ColumnDef[]): AppInput | undefined;

package/package/components/apps/components/display/dbtable/queries/update.js

@@ -1,3 +1,4 @@
+import { wrapDucklakeQuery } from '../../../../../dbOps';
 import { getLanguageByResourceType, buildParameters } from '../utils';
 export function makeUpdateQuery(table, column, columns, dbType) {
     let query = buildParameters([
@@ -52,15 +53,21 @@ export function makeUpdateQuery(table, column, columns, dbType) {
             throw new Error('Unsupported database type');
     }
 }
-export function getUpdateInput(resource, table, column, columns, dbType) {
-    if (!resource || !table) {
+export function getUpdateInput(dbInput, table, column, columns) {
+    if ((dbInput.type == 'ducklake' && !dbInput.ducklake) ||
+        (dbInput.type == 'database' && !dbInput.resourcePath) ||
+        !table) {
         return undefined;
     }
+    const dbType = dbInput.type === 'ducklake' ? 'duckdb' : dbInput.resourceType;
+    let query = makeUpdateQuery(table, column, columns, dbType);
+    if (dbInput.type === 'ducklake')
+        query = wrapDucklakeQuery(query, dbInput.ducklake);
     const updateRunnable = {
         name: 'AppDbExplorer',
         type: 'runnableByName',
         inlineScript: {
-            content: makeUpdateQuery(table, column, columns, dbType),
+            content: query,
             language: getLanguageByResourceType(dbType),
             schema: {
                 $schema: 'https://json-schema.org/draft/2020-12/schema',
@@ -72,14 +79,16 @@ export function getUpdateInput(resource, table, column, columns, dbType) {
     };
     const updateQuery = {
         runnable: updateRunnable,
-        fields: {
-            database: {
-                type: 'static',
-                value: resource,
-                fieldType: 'object',
-                format: `resource-${dbType}`
+        fields: dbInput.type === 'database'
+            ? {
+                database: {
+                    type: 'static',
+                    value: `$res:${dbInput.resourcePath}`,
+                    fieldType: 'object',
+                    format: `resource-${dbType}`
+                }
             }
-        },
+            : {},
         type: 'runnable',
         fieldType: 'object'
     };

package/package/components/apps/components/display/dbtable/utils.d.ts

@@ -86,6 +86,6 @@ export declare function buildParameters(columns: Array<{
     datatype: string;
 }>, databaseType: string): string;
 export declare function getPrimaryKeys(tableMetadata?: TableMetadata): string[];
-export declare function getTablesByResource(schema: Partial<Record<string, DBSchema>>, dbType: DbType | undefined, resourcePath: string, workspace: string): Promise<string[]>;
+export declare function getTablesByResource(schema: Partial<Record<string, DBSchema>>, dbType: DbType | undefined, dbPath: string, workspace: string): Promise<string[]>;
 export declare function dbSupportsSchemas(dbType: DbType): boolean;
 export declare function datatypeHasLength(datatype: string): boolean;

package/package/components/apps/components/display/dbtable/utils.js

@@ -578,7 +578,7 @@ export function buildVisibleFieldList(columnDefs, dbType) {
             case 'duckdb':
                 return `"${column?.field}"`; // DuckDB uses double quotes for identifiers
             default:
-                throw new Error('Unsupported database type');
+                throw new Error('Unsupported database type: ' + dbType);
         }
     });
 }
@@ -621,7 +621,7 @@ export function getPrimaryKeys(tableMetadata) {
     }
     return r ?? [];
 }
-export async function getTablesByResource(schema, dbType, resourcePath, workspace) {
+export async function getTablesByResource(schema, dbType, dbPath, workspace) {
     const s = Object.values(schema)?.[0];
     switch (dbType) {
         case 'ms_sql_server': {
@@ -638,7 +638,7 @@ export async function getTablesByResource(schema, dbType, resourcePath, workspac
         case 'mysql': {
             const resourceObj = (await ResourceService.getResourceValue({
                 workspace,
-                path: resourcePath
+                path: dbPath.split('$res:')[1]
             }));
             const paths = [];
             for (const key in s?.schema) {
@@ -690,6 +690,15 @@ export async function getTablesByResource(schema, dbType, resourcePath, workspac
             }
             return paths;
         }
+        case 'duckdb': {
+            const paths = [];
+            for (const key in s?.schema) {
+                for (const subKey in s.schema[key]) {
+                    paths.push(`${subKey}`);
+                }
+            }
+            return paths;
+        }
         default:
             return [];
     }

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

@@ -16,7 +16,8 @@ import { ColumnIdentity } from '../dbtable/utils';
 import AppAggridTableActions from './AppAggridTableActions.svelte';
 import Popover from '../../../../Popover.svelte';
 import { stateSnapshot, withProps } from '../../../../../svelte5Utils.svelte';
-let { id, customCss = undefined, containerHeight = undefined, resolvedConfig, datasource, componentState = $bindable(undefined), outputs, allowDelete, actions = [], result = undefined, allowColumnDefsActions = true } = $props();
+import { get } from 'svelte/store';
+let { id, customCss = undefined, containerHeight = undefined, resolvedConfig, datasource, componentState = $bindable(undefined), outputs, allowDelete, actions = [], result = undefined, allowColumnDefsActions = true, onChange = undefined } = $props();
 let inputs = {};
 const context = getContext('AppViewerContext');
 const contextPanel = getContext('ContextPanel');
@@ -51,6 +52,12 @@ function toggleRows(rows) {
 let clientHeight = $state();
 let clientWidth = $state();
 const dispatch = createEventDispatcher();
+function fireOnChange() {
+    let runnableComponents = get(context.runnableComponents);
+    if (onChange) {
+        onChange.forEach((id) => runnableComponents?.[id]?.cb?.forEach((cb) => cb()));
+    }
+}
 function onCellValueChanged(event) {
     let dataCell = event.newValue;
     outputs?.newChange?.set({
@@ -70,6 +77,7 @@ function onCellValueChanged(event) {
         columnDef: event.colDef
     });
     resolvedConfig?.extraConfig?.['defaultColDef']?.['onCellValueChanged']?.(event);
+    fireOnChange();
 }
 let api = $state(undefined);
 let eGui = $state();

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

@@ -17,6 +17,7 @@ interface Props {
     actions?: TableAction[];
     result?: any[] | undefined;
     allowColumnDefsActions?: boolean;
+    onChange?: string[] | 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> & {

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

@@ -14,7 +14,7 @@ import InitializeComponent from '../../helpers/InitializeComponent.svelte';
 import DebouncedInput from '../../helpers/DebouncedInput.svelte';
 import RunnableComponent from '../../helpers/RunnableComponent.svelte';
 import { CancelablePromise } from '../../../../../gen';
-let { id, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = undefined } = $props();
+let { id, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = undefined, onChange = undefined } = $props();
 let runnableComponent = $state(undefined);
 function clear() {
     setTimeout(() => {
@@ -181,6 +181,7 @@ let ignoreFirst = true;
 			{result}
 			{actions}
 			allowDelete={false}
+			{onChange}
 			bind:this={aggrid}
 		/>
 	</div>

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

@@ -12,6 +12,7 @@ interface Props {
     render: boolean;
     customCss?: ComponentCustomCSS<'aggridinfinitecomponent'> | undefined;
     actions?: TableAction[] | undefined;
+    onChange?: string[] | undefined;
 }
 declare const AppAggridInfiniteTable: import("svelte").Component<Props, {}, "initializing">;
 type AppAggridInfiniteTable = ReturnType<typeof AppAggridInfiniteTable>;

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

@@ -5,7 +5,7 @@
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { Loader2 } from 'lucide-svelte';
 import AppAggridInfiniteTable from './AppAggridInfiniteTable.svelte';
-let { id, license, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = [] } = $props();
+let { id, license, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = [], onChange = undefined } = $props();
 let loaded = $state(false);
 async function load() {
     await import('ag-grid-enterprise');
@@ -25,6 +25,7 @@ load();
 		{render}
 		{customCss}
 		{actions}
+		{onChange}
 	/>
 {:else}
 	<Loader2 class="animate-spin" />

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

@@ -12,6 +12,7 @@ interface Props {
     render: boolean;
     customCss?: ComponentCustomCSS<'aggridinfinitecomponentee'> | undefined;
     actions?: TableAction[];
+    onChange?: string[] | undefined;
 }
 declare const AppAggridInfiniteTableEe: import("svelte").Component<Props, {}, "initializing">;
 type AppAggridInfiniteTableEe = ReturnType<typeof AppAggridInfiniteTableEe>;

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

@@ -22,7 +22,8 @@ import Popover from '../../../../Popover.svelte';
 import { Button } from '../../../../common';
 import InputValue from '../../helpers/InputValue.svelte';
 import { stateSnapshot, withProps } from '../../../../../svelte5Utils.svelte';
-let { id, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = undefined, actionsOrder = undefined } = $props();
+import { get } from 'svelte/store';
+let { id, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = undefined, actionsOrder = undefined, onChange = undefined } = $props();
 const context = getContext('AppViewerContext');
 const contextPanel = getContext('ContextPanel');
 const iterContext = getContext('ListWrapperContext');
@@ -115,6 +116,12 @@ function toggleRows(rows) {
 }
 let clientHeight = $state(0);
 let clientWidth = $state(0);
+function fireOnChange() {
+    let runnableComponents = get(context.runnableComponents);
+    if (onChange) {
+        onChange.forEach((id) => runnableComponents?.[id]?.cb?.forEach((cb) => cb()));
+    }
+}
 function onCellValueChanged(event) {
     if (result) {
         let dataCell = event.newValue;
@@ -134,6 +141,7 @@ function onCellValueChanged(event) {
         let data = { ...result[idx] };
         outputs?.selectedRow?.set(data);
         resolvedConfig?.extraConfig?.['defaultColDef']?.['onCellValueChanged']?.(event);
+        fireOnChange();
     }
 }
 let extraConfig = $state(deepCloneWithFunctions(resolvedConfig.extraConfig));

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

@@ -13,6 +13,7 @@ interface Props {
     customCss?: ComponentCustomCSS<'aggridcomponent'> | undefined;
     actions?: TableAction[] | undefined;
     actionsOrder?: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 }
 declare const AppAggridTable: import("svelte").Component<Props, {}, "initializing">;
 type AppAggridTable = ReturnType<typeof AppAggridTable>;

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

@@ -5,7 +5,7 @@
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-alpine.css';
 import { Loader2 } from 'lucide-svelte';
-let { id, license, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = [], actionsOrder = undefined } = $props();
+let { id, license, componentInput, configuration, initializing = $bindable(undefined), render, customCss = undefined, actions = [], actionsOrder = undefined, onChange = undefined } = $props();
 let loaded = $state(false);
 async function load() {
     await import('ag-grid-enterprise');
@@ -26,6 +26,7 @@ load();
 		{customCss}
 		{actions}
 		{actionsOrder}
+		{onChange}
 	/>
 {:else}
 	<Loader2 class="animate-spin" />

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

@@ -13,6 +13,7 @@ interface Props {
     customCss?: ComponentCustomCSS<'aggridcomponent'> | undefined;
     actions?: TableAction[];
     actionsOrder?: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 }
 declare const AppAggridTableEe: import("svelte").Component<Props, {}, "initializing">;
 type AppAggridTableEe = ReturnType<typeof AppAggridTableEe>;

package/package/components/apps/components/helpers/RunnableComponent.svelte

@@ -314,6 +314,7 @@ export async function buildRequestBody(dynamicArgsOverride) {
                 nonStaticRunnableInputs[k] = '$ctx:' + ctxMatch[1];
             }
             else {
+                // console.log('k', k)
                 nonStaticRunnableInputs[k] = await inputValues[k]?.computeExpr();
             }
             if (isEditor && field?.type == 'evalv2' && field.allowUserResources) {
@@ -328,6 +329,7 @@ export async function buildRequestBody(dynamicArgsOverride) {
         }
     }
     const oneOfRunnableInputs = isEditor ? collectOneOfFields(fields, $app) : {};
+    // console.log(JSON.stringify({ id, nonStaticRunnableInputs, inputValues }))
     const requestBody = {
         args: nonStaticRunnableInputs,
         component: id,
@@ -519,7 +521,7 @@ onDestroy(() => {
     }
 });
 let lastJobId = $state(undefined);
-let inputValues = $state({});
+let inputValues = {};
 function updateBgRuns(loading) {
     if (loading) {
         bgRuns.update((runs) => [...runs, id]);

package/package/components/apps/components/inputs/AppDateInput.svelte

@@ -60,6 +60,7 @@ $effect.pre(() => {
     else {
         outputs?.result.set(undefined);
     }
+    console.log('outputs?.result', outputs?.result.peak());
     untrack(() => fireOnChange());
 });
 </script>

package/package/components/apps/editor/AppEditor.svelte

@@ -1000,7 +1000,12 @@ const unsavedConfirmationModal_render = $derived(unsavedConfirmationModal);
 						<div class="relative flex flex-col h-full"></div>
 					{:else}
 						<Pane bind:size={rightPanelSize} minSize={15} maxSize={33}>
-							<div bind:clientWidth={$runnableJob.width} class="relative flex flex-col h-full">
+							<!-- svelte-ignore a11y_no_static_element_interactions -->
+							<div
+								bind:clientWidth={$runnableJob.width}
+								class="relative flex flex-col h-full"
+								onkeydown={(e) => e.stopPropagation()}
+							>
 								<Tabs bind:selected={selectedTab} wrapperClass="!min-h-[42px]" class="!h-full">
 									<Popover disappearTimeout={0} notClickable placement="bottom">
 										{#snippet text()}

package/package/components/apps/editor/AppEditorHeader.svelte

@@ -114,35 +114,39 @@ async function computeTriggerables() {
             const dbType = config?.type?.selected;
             let pg = config?.type?.configuration?.[dbType];
             if (pg && dbType) {
-                const { table, resource } = pg;
+                const { table, resource, ducklake } = pg;
                 const tableValue = table.value;
-                const resourceValue = resource.value;
+                const dbPath = resource?.value.split('$res:')[1] ??
+                    ducklake?.value?.split('ducklake://')[1];
                 const columnDefs = c.configuration.columnDefs.value;
                 const whereClause = c.configuration.whereClause.value;
-                if (tableValue && resourceValue && columnDefs) {
+                if (tableValue && dbPath && columnDefs) {
+                    let dbInput = ducklake
+                        ? { type: 'ducklake', ducklake: dbPath }
+                        : { type: 'database', resourcePath: dbPath, resourceType: dbType };
                     r.push({
-                        input: getSelectInput(resourceValue, tableValue, columnDefs, whereClause, dbType),
+                        input: getSelectInput(dbInput, tableValue, columnDefs, whereClause),
                         id: x.id
                     });
                     r.push({
-                        input: getCountInput(resourceValue, tableValue, dbType, columnDefs, whereClause),
+                        input: getCountInput(dbInput, tableValue, columnDefs, whereClause),
                         id: x.id + '_count'
                     });
                     r.push({
-                        input: getInsertInput(tableValue, columnDefs, resourceValue, dbType),
+                        input: getInsertInput(dbInput, tableValue, columnDefs),
                         id: x.id + '_insert'
                     });
                     let primaryColumns = getPrimaryKeys(columnDefs);
                     let columns = columnDefs?.filter((x) => primaryColumns.includes(x.field));
                     r.push({
-                        input: getDeleteInput(resourceValue, tableValue, columns, dbType),
+                        input: getDeleteInput(dbInput, tableValue, columns),
                         id: x.id + '_delete'
                     });
                     columnDefs
                         .filter((col) => col.editable || config.allEditable.value)
                         .forEach((column) => {
                         r.push({
-                            input: getUpdateInput(resourceValue, tableValue, column, columns, dbType),
+                            input: getUpdateInput(dbInput, tableValue, column, columns),
                             id: x.id + '_update'
                         });
                     });

package/package/components/apps/editor/AppJobsDrawer.svelte

@@ -160,8 +160,8 @@ $effect(() => {
 										{#if job?.args}
 											<div class="p-2">
 												<JobArgs
-													id={job.id}
-													workspace={job.workspace_id ?? $workspaceStore ?? 'no_w'}
+													id={job?.id}
+													workspace={job?.workspace_id ?? $workspaceStore ?? 'no_w'}
 													args={job?.args}
 												/>
 											</div>
@@ -185,12 +185,12 @@ $effect(() => {
 													/>
 												</Pane>
 												<Pane size={50} minSize={10} class="text-sm text-secondary">
-													{#if job != undefined && 'result' in job && job.result != undefined}<div
+													{#if job != undefined && 'result' in job && job?.result != undefined}<div
 															class="relative h-full px-2"
 															><DisplayResult
 																workspaceId={$workspaceStore}
 																jobId={selectedJobId}
-																result={job.result}
+																result={job?.result}
 															/></div
 														>
 													{:else if testIsLoading}
@@ -206,7 +206,7 @@ $effect(() => {
 												{#if jobResult?.transformer}
 													<Pane size={50} minSize={10} class="text-sm text-secondary p-2">
 														<div class="font-bold">Transformer results</div>
-														{#if job != undefined && 'result' in job && job.result != undefined}
+														{#if job != undefined && 'result' in job && job?.result != undefined}
 															<div class="relative h-full px-2">
 																<DisplayResult
 																	workspaceId={$workspaceStore}

package/package/components/apps/editor/component/ComponentInner.svelte

@@ -217,6 +217,7 @@ const chunk9Components = new Set(['verticalsplitpanescomponent']);
 				customCss={component.customCss}
 				actions={component.actions ?? []}
 				actionsOrder={component.actionsOrder ?? undefined}
+				onChange={component.onChange}
 				{render}
 			/>
 		{:else if component.type === 'aggridcomponentee'}
@@ -229,6 +230,7 @@ const chunk9Components = new Set(['verticalsplitpanescomponent']);
 				customCss={component.customCss}
 				actions={component.actions ?? []}
 				actionsOrder={component.actionsOrder ?? undefined}
+				onChange={component.onChange}
 				{render}
 			/>
 		{:else if component.type === 'aggridinfinitecomponent'}
@@ -239,6 +241,7 @@ const chunk9Components = new Set(['verticalsplitpanescomponent']);
 				componentInput={component.componentInput}
 				customCss={component.customCss}
 				actions={component.actions ?? []}
+				onChange={component.onChange}
 				{render}
 			/>
 		{:else if component.type === 'aggridinfinitecomponentee'}
@@ -251,6 +254,7 @@ const chunk9Components = new Set(['verticalsplitpanescomponent']);
 				customCss={component.customCss}
 				actions={component.actions ?? []}
 				{render}
+				onChange={component.onChange}
 			/>
 		{:else if component.type === 'alertcomponent'}
 			<AppAlert

package/package/components/apps/editor/component/components.d.ts

@@ -103,20 +103,24 @@ export type TableComponent = BaseComponent<'tablecomponent'> & {
 export type AggridComponent = BaseComponent<'aggridcomponent'> & {
     actions: TableAction[];
     actionsOrder: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 };
 export type AggridComponentEe = BaseComponent<'aggridcomponentee'> & {
     license: string;
     actions: TableAction[];
     actionsOrder: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 };
 export type AggridInfiniteComponent = BaseComponent<'aggridinfinitecomponent'> & {
     actions: TableAction[];
     actionsOrder: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 };
 export type AggridInfiniteComponentEe = BaseComponent<'aggridinfinitecomponentee'> & {
     actions: TableAction[];
     license: string;
     actionsOrder: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 };
 export type DisplayComponent = BaseComponent<'displaycomponent'>;
 export type JobIdDisplayComponent = BaseComponent<'jobiddisplaycomponent'>;
@@ -195,6 +199,7 @@ export type DBExplorerComponent = BaseComponent<'dbexplorercomponent'> & {
     columns: RichConfiguration;
     actions: TableAction[];
     actionsOrder: RichConfiguration | undefined;
+    onChange?: string[] | undefined;
 };
 export type S3FileInputComponent = BaseComponent<'s3fileinputcomponent'> & {
     onFileChange?: string[];
@@ -4197,6 +4202,7 @@ export declare const components: {
                         readonly snowflake: "Snowflake";
                         readonly bigquery: "BigQuery";
                         readonly snowflake_oauth: "Snowflake OAuth";
+                        readonly ducklake: "Ducklake";
                     };
                     readonly configuration: {
                         readonly postgresql: {
@@ -4250,6 +4256,16 @@ export declare const components: {
                                 readonly value: undefined;
                             };
                         };
+                        readonly ducklake: {
+                            readonly ducklake: StaticAppInput;
+                            readonly table: {
+                                readonly fieldType: "select";
+                                readonly subFieldType: "db-table";
+                                readonly type: "static";
+                                readonly selectOptions: readonly [];
+                                readonly value: undefined;
+                            };
+                        };
                     };
                 };
                 readonly columnDefs: StaticAppInput;

package/package/components/apps/editor/component/components.js

@@ -3369,7 +3369,8 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                         ms_sql_server: 'MS SQL Server',
                         snowflake: 'Snowflake',
                         bigquery: 'BigQuery',
-                        snowflake_oauth: 'Snowflake OAuth'
+                        snowflake_oauth: 'Snowflake OAuth',
+                        ducklake: 'Ducklake'
                     },
                     configuration: {
                         postgresql: {
@@ -3448,6 +3449,21 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                                 selectOptions: [],
                                 value: undefined
                             }
+                        },
+                        ducklake: {
+                            ducklake: {
+                                type: 'static',
+                                fieldType: 'ducklake',
+                                subFieldType: 'ducklake',
+                                value: ''
+                            },
+                            table: {
+                                fieldType: 'select',
+                                subFieldType: 'db-table',
+                                type: 'static',
+                                selectOptions: [],
+                                value: undefined
+                            }
                         }
                     }
                 },

package/package/components/apps/editor/settingsPanel/AGChartRichEditor.svelte.d.ts

@@ -4,6 +4,6 @@ interface Props {
     xData?: RichConfiguration | undefined;
     id: string;
 }
-declare const AgChartRichEditor: import("svelte").Component<Props, {}, "datasets" | "xData">;
-type AgChartRichEditor = ReturnType<typeof AgChartRichEditor>;
-export default AgChartRichEditor;
+declare const AGChartRichEditor: import("svelte").Component<Props, {}, "datasets" | "xData">;
+type AGChartRichEditor = ReturnType<typeof AGChartRichEditor>;
+export default AGChartRichEditor;

package/package/components/apps/editor/settingsPanel/CSSMigrationModal.svelte.d.ts

@@ -2,8 +2,8 @@ import { type AppComponent } from '../component';
 interface Props {
     component: AppComponent | undefined;
 }
-declare const CssMigrationModal: import("svelte").Component<Props, {
+declare const CSSMigrationModal: import("svelte").Component<Props, {
     open: () => void;
 }, "component">;
-type CssMigrationModal = ReturnType<typeof CssMigrationModal>;
-export default CssMigrationModal;
+type CSSMigrationModal = ReturnType<typeof CSSMigrationModal>;
+export default CSSMigrationModal;

package/package/components/apps/editor/settingsPanel/ChartJSRichEditor.svelte.d.ts

@@ -4,6 +4,6 @@ interface Props {
     xData?: RichConfiguration | undefined;
     id: string;
 }
-declare const ChartJsRichEditor: import("svelte").Component<Props, {}, "datasets" | "xData">;
-type ChartJsRichEditor = ReturnType<typeof ChartJsRichEditor>;
-export default ChartJsRichEditor;
+declare const ChartJSRichEditor: import("svelte").Component<Props, {}, "datasets" | "xData">;
+type ChartJSRichEditor = ReturnType<typeof ChartJSRichEditor>;
+export default ChartJSRichEditor;