windmill-components 1.339.2 → 1.352.0

package/package/components/schema/SchemaFormDND.svelte

@@ -0,0 +1,75 @@
+<script>import { createEventDispatcher } from 'svelte';
+import { dragHandle } from '@windmill-labs/svelte-dnd-action';
+import SchemaForm from '../SchemaForm.svelte';
+import { GripVertical } from 'lucide-svelte';
+import { deepEqual } from 'fast-equals';
+export let dndType = undefined;
+export let schema;
+export let args = {};
+export let prettifyHeader = false;
+export let lightweightMode = false;
+export let onlyMaskPassword = false;
+export let disablePortal = false;
+export let disabled = false;
+const dispatch = createEventDispatcher();
+const flipDurationMs = 200;
+let items = computeItems();
+let dragDisabled = true;
+$: schema && dragDisabled && updateItems();
+function computeItems() {
+    return ((schema?.order ?? Object.keys(schema?.properties ?? {}) ?? []).map((key) => ({
+        id: key,
+        value: key
+    })) ?? []);
+}
+function updateItems() {
+    const newItems = computeItems();
+    if (!deepEqual(newItems, items)) {
+        items = newItems;
+    }
+}
+function handleConsider(e) {
+    dragDisabled = false;
+    const { items: newItems } = e.detail;
+    items = newItems;
+}
+function handleFinalize(e) {
+    const { items: newItems } = e.detail;
+    dragDisabled = true;
+    items = newItems;
+    dispatch('reorder', items.map((item) => item.value));
+}
+</script>
+
+<!-- {JSON.stringify(schema)}
+{dragDisabled} -->
+<!-- {JSON.stringify(items)} -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+<SchemaForm
+	on:click
+	on:change
+	on:reorder
+	on:consider={handleConsider}
+	on:finalize={handleFinalize}
+	{lightweightMode}
+	{args}
+	{prettifyHeader}
+	{onlyMaskPassword}
+	{disablePortal}
+	{disabled}
+	bind:schema
+	dndConfig={{
+		items,
+		flipDurationMs,
+		dropTargetStyle: {},
+		type: dndType ?? 'top-level'
+	}}
+	{items}
+>
+	<svelte:fragment slot="actions">
+		<div class="w-4 h-8 cursor-move ml-2 handle" aria-label="drag-handle" use:dragHandle>
+			<GripVertical size={16} />
+		</div>
+	</svelte:fragment>
+</SchemaForm>

package/package/components/schema/SchemaFormDND.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+import type { Schema } from '../../common';
+declare const __propDef: {
+    props: {
+        dndType?: string | undefined;
+        schema: Schema;
+        args?: Record<string, any> | undefined;
+        prettifyHeader?: boolean | undefined;
+        lightweightMode?: boolean | undefined;
+        onlyMaskPassword?: boolean | undefined;
+        disablePortal?: boolean | undefined;
+        disabled?: boolean | undefined;
+    };
+    events: {
+        click: CustomEvent<any>;
+        change: CustomEvent<any>;
+        reorder: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SchemaFormDndProps = typeof __propDef.props;
+export type SchemaFormDndEvents = typeof __propDef.events;
+export type SchemaFormDndSlots = typeof __propDef.slots;
+export default class SchemaFormDnd extends SvelteComponent<SchemaFormDndProps, SchemaFormDndEvents, SchemaFormDndSlots> {
+}
+export {};

package/package/components/table/AutoDataTable.svelte

@@ -4,46 +4,22 @@ import Cell from './Cell.svelte';
 import DataTable from './DataTable.svelte';
 import Head from './Head.svelte';
 import Row from './Row.svelte';
-import { pluralize, sendUserToast } from '../../utils';
+import { pluralize } from '../../utils';
 import Badge from '../common/badge/Badge.svelte';
-import { isEmail, isLink } from './tableUtils';
+import { computeStructuredObjectsAndHeaders, convertJsonToCsv, isEmail, isLink } from './tableUtils';
 import Popover from '../Popover.svelte';
 import DarkModeObserver from '../DarkModeObserver.svelte';
-import Button from '../common/button/Button.svelte';
-import { Parser } from '@json2csv/plainjs';
+import DownloadCsv from './DownloadCsv.svelte';
 export let objects = [];
 let currentPage = 1;
 let perPage = 25;
 let search = '';
-$: structuredObjects = computeStructuredObjects(objects);
+let structuredObjects = [];
 let headers = [];
-function computeStructuredObjects(objects) {
-    if (Array.isArray(objects)) {
-        let nextId = 1;
-        let hds = [];
-        let objs = objects.map((obj) => {
-            let rowData = obj && typeof obj == 'object' ? obj : {};
-            if (Array.isArray(rowData)) {
-                rowData = Object.fromEntries(rowData.map((x, i) => ['col' + i, x]));
-            }
-            let ks = Object.keys(rowData);
-            ks.forEach((x) => {
-                if (!hds.includes(x)) {
-                    hds.push(x);
-                }
-            });
-            return {
-                _id: nextId++,
-                rowData
-            };
-        });
-        headers = hds;
-        return objs;
-    }
-    else {
-        headers = [];
-        return [];
-    }
+$: recomputeObjectsAndHeaders(objects);
+function recomputeObjectsAndHeaders(objects) {
+    ;
+    [headers, structuredObjects] = computeStructuredObjectsAndHeaders(objects);
 }
 function adjustCurrentPage() {
     const totalItems = objects.length;
@@ -53,32 +29,39 @@ function adjustCurrentPage() {
     }
 }
 $: perPage && adjustCurrentPage();
-$: data = structuredObjects
-    .filter(({ rowData }) => search == undefined ||
-    search == '' ||
-    Object.values(rowData).some((value) => JSON.stringify(value).toLowerCase().includes(search.toLowerCase())))
-    .sort((a, b) => {
-    if (!activeSorting)
-        return 0;
-    const valA = a.rowData[activeSorting.column];
-    const valB = b.rowData[activeSorting.column];
-    const isAsc = activeSorting.direction === 'asc';
-    if (valA == undefined || valA == null) {
-        return isAsc ? -1 : 1;
-    }
-    if (valB == undefined || valB == null) {
-        return isAsc ? 1 : -1;
-    }
-    if (isAsc) {
-        return valA > valB ? 1 : -1;
+$: data = computeData(structuredObjects, activeSorting, search);
+let activeSorting = undefined;
+function computeData(structuredObjects, activeSorting, search) {
+    let objects = structuredObjects;
+    if (search != undefined && search != '') {
+        objects = objects.filter((obj) => Object.values(obj.rowData).some((value) => JSON.stringify(value).toLowerCase().includes(search.toLowerCase())));
     }
-    else {
-        return valA > valB ? -1 : 1;
+    if (activeSorting) {
+        objects = objects.sort((a, b) => {
+            if (!activeSorting)
+                return 0;
+            const valA = a.rowData[activeSorting.column];
+            const valB = b.rowData[activeSorting.column];
+            const isAsc = activeSorting.direction === 'asc';
+            if (valA == undefined || valA == null) {
+                return isAsc ? -1 : 1;
+            }
+            if (valB == undefined || valB == null) {
+                return isAsc ? 1 : -1;
+            }
+            if (isAsc) {
+                return valA > valB ? 1 : -1;
+            }
+            else {
+                return valA > valB ? -1 : 1;
+            }
+        });
     }
-});
+    return objects;
+}
 $: slicedData = data.slice((currentPage - 1) * perPage, currentPage * perPage);
-let activeSorting = undefined;
 let selection = [];
+let colSelection = [];
 // Function to handle individual row checkbox change
 function handleCheckboxChange(rowId) {
     if (selection.includes(rowId)) {
@@ -92,15 +75,18 @@ function handleCheckboxChange(rowId) {
 }
 // Function to handle select all checkbox change
 function handleSelectAllChange() {
-    if (selection.length === 0 || selection.length < slicedData.length) {
+    if (selection.length === 0 ||
+        (selection.length < slicedData.length &&
+            (colSelection.length === 0 || colSelection.length < headers.length))) {
         // Select all rows
         selection = slicedData.map((row) => row._id);
+        colSelection = [...headers];
     }
     else {
         // Deselect all rows
         selection = [];
+        colSelection = [];
     }
-    selection = [...selection];
 }
 let renderCount = 0;
 const badgeColors = ['gray', 'blue', 'green', 'yellow', 'indigo'];
@@ -118,14 +104,14 @@ let wrapperWidth = 0;
 // 	let typof = typeof value
 // 	return (value != undefined && typof === 'string') || typof === 'number' || typof === 'boolean'
 // }
-function convertJsonToCsv(arr) {
-    try {
-        const parser = new Parser({});
-        const csv = parser.parse(arr);
-        return csv;
+function handleColumnSelected(key) {
+    if (colSelection.includes(key)) {
+        // Remove the id from the colSelection array
+        colSelection = colSelection.filter((id) => id !== key);
     }
-    catch (err) {
-        throw new Error('An error occured when generating CSV:' + err);
+    else {
+        // Add the id to the colSelection array
+        colSelection = [...colSelection, key];
     }
 }
 </script>
@@ -144,45 +130,34 @@ function convertJsonToCsv(arr) {
 				{/if}
 			</div>
 			<div class="flex flex-row items-center gap-2">
-				<Button
-					size="xs"
-					color="light"
-					startIcon={{ icon: Download }}
-					on:click={() => {
-						try {
-							const csvContent = convertJsonToCsv(
-								structuredObjects
-									.filter(({ _id }) => {
-										if (selection.length > 0) {
-											return selection.includes(_id)
-										} else {
-											return true
-										}
-									})
-									.map((obj) => obj.rowData)
-							)
-
-							const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
-							const url = URL.createObjectURL(blob)
-							const link = document.createElement('a')
-							link.setAttribute('href', url)
-							link.setAttribute('download', 'data.csv')
-							link.style.visibility = 'hidden'
-							document.body.appendChild(link)
-							link.click()
-
-							document.body.removeChild(link)
-						} catch (err) {
-							sendUserToast(err, true)
-						}
+				<DownloadCsv
+					getContent={() => {
+						return convertJsonToCsv(
+							selection.length > 0
+								? structuredObjects
+										.filter(({ _id }) => selection.includes(_id))
+										.map((obj) =>
+											colSelection.length == 0
+												? obj.rowData
+												: Object.fromEntries(
+														Object.entries(obj.rowData).filter(([key, _]) =>
+															colSelection.includes(key)
+														)
+												  )
+										)
+								: colSelection.length == 0
+								? objects
+								: objects.map((obj) =>
+										Object.fromEntries(
+											Object.entries(obj).filter(([key, _]) => colSelection.includes(key))
+										)
+								  )
+						)
 					}}
-				>
-					{#if selection.length > 0}
-						Download selected as CSV
-					{:else}
-						Download as CSV
-					{/if}
-				</Button>
+					customText={selection.length > 0 || colSelection.length > 0
+						? 'Download selected as CSV'
+						: undefined}
+				/>
 				<Dropdown
 					items={() => {
 						const actions = [
@@ -211,6 +186,7 @@ function convertJsonToCsv(arr) {
 								displayName: 'Clear selection',
 								icon: Columns,
 								action: () => {
+									colSelection = []
 									selection = []
 									renderCount++
 								}
@@ -294,14 +270,20 @@ function convertJsonToCsv(arr) {
 												<MoveVertical size="16" class=" hover:text-gray-600 text-gray-400" />
 											</button>
 										{/if}
+										<input
+											type="checkbox"
+											class="!w-4 !h-4"
+											checked={colSelection.includes(key)}
+											on:change={() => handleColumnSelected(key)}
+										/>
 									</div>
 								</Cell>
 							{/each}
 						</tr>
 					</Head>
 					<tbody class="divide-y">
-						{#each slicedData as { _id, rowData }, index (index)}
-							<Row dividable selected={selection.includes(_id)}>
+						{#each slicedData.filter((x) => x) as { _id, rowData }, index (index)}
+							<Row dividable selected={selection.includes(_id) && colSelection.length == 0}>
 								<Cell first={true} last={false} class="w-6">
 									<input
 										type="checkbox"
@@ -312,7 +294,11 @@ function convertJsonToCsv(arr) {
 								</Cell>
 								{#each headers as key, index}
 									{@const value = rowData[key]}
-									<Cell last={index == Object.values(rowData ?? {}).length - 1}>
+									<Cell
+										selected={colSelection.includes(key) &&
+											(selection.length == 0 || selection.includes(_id))}
+										last={index == Object.values(rowData ?? {}).length - 1}
+									>
 										{#if Array.isArray(value) && value.length === 0}
 											<div />
 										{:else if Array.isArray(value) && typeof value?.[0] === 'string'}

package/package/components/table/Cell.svelte

@@ -5,6 +5,7 @@ export let last = false;
 export let numeric = false;
 export let head = false;
 export let shouldStopPropagation = false;
+export let selected = false;
 export let sticky = false;
 let Tag = head ? 'th' : 'td';
 const { size } = getContext('datatable');
@@ -31,7 +32,9 @@ const { size } = getContext('datatable');
 		sticky ? `!p-0 sticky ${first ? 'left-0' : 'right-0'}` : 'px-2 py-3.5',
 		size === 'sm' ? 'px-1.5 py-2.5' : '',
 		size === 'lg' ? 'px-3 py-4' : '',
-		size === 'xs' ? 'px-1 py-1.5' : ''
+		size === 'xs' ? 'px-1 py-1.5' : '',
+		selected ? 'bg-blue-50 dark:bg-blue-900/50' : '',
+		'transition-all'
 	)}
 >
 	{#if sticky}

package/package/components/table/Cell.svelte.d.ts

@@ -7,6 +7,7 @@ declare const __propDef: {
         numeric?: boolean | undefined;
         head?: boolean | undefined;
         shouldStopPropagation?: boolean | undefined;
+        selected?: boolean | undefined;
         sticky?: boolean | undefined;
     };
     events: {

package/package/components/table/DownloadCsv.svelte

@@ -0,0 +1,30 @@
+<script>import { Download } from 'lucide-svelte';
+import { Button } from '../common';
+import { sendUserToast } from '../../toast';
+export let getContent;
+export let customText = undefined;
+</script>
+
+<Button
+	size="xs"
+	color="light"
+	startIcon={{ icon: Download }}
+	on:click={() => {
+		try {
+			const blob = new Blob([getContent()], { type: 'text/csv;charset=utf-8;' })
+			const url = URL.createObjectURL(blob)
+			const link = document.createElement('a')
+			link.setAttribute('href', url)
+			link.setAttribute('download', 'data.csv')
+			link.style.visibility = 'hidden'
+			document.body.appendChild(link)
+			link.click()
+
+			document.body.removeChild(link)
+		} catch (err) {
+			sendUserToast(err, true)
+		}
+	}}
+>
+	{customText || 'Download as CSV'}
+</Button>

package/package/components/table/DownloadCsv.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        getContent: () => string;
+        customText?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DownloadCsvProps = typeof __propDef.props;
+export type DownloadCsvEvents = typeof __propDef.events;
+export type DownloadCsvSlots = typeof __propDef.slots;
+export default class DownloadCsv extends SvelteComponent<DownloadCsvProps, DownloadCsvEvents, DownloadCsvSlots> {
+}
+export {};

package/package/components/table/tableUtils.d.ts

@@ -1,2 +1,10 @@
 export declare function isLink(value: string): boolean;
 export declare function isEmail(value: string): boolean;
+export declare function computeStructuredObjectsAndHeaders(objects: Array<Record<string, any>>): [
+    string[],
+    {
+        _id: number;
+        rowData: Record<string, any>;
+    }[]
+];
+export declare function convertJsonToCsv(arr: Array<Record<string, any>>): string;

package/package/components/table/tableUtils.js

@@ -1,6 +1,43 @@
+import { Parser } from '@json2csv/plainjs';
 export function isLink(value) {
     return value?.startsWith('http://') || value?.startsWith('https://');
 }
 export function isEmail(value) {
     return value?.includes('@');
 }
+export function computeStructuredObjectsAndHeaders(objects) {
+    if (Array.isArray(objects)) {
+        let nextId = 1;
+        let hds = [];
+        let objs = objects.map((obj) => {
+            let rowData = obj && typeof obj == 'object' ? obj : {};
+            if (Array.isArray(rowData)) {
+                rowData = Object.fromEntries(rowData.map((x, i) => ['col' + i, x]));
+            }
+            let ks = Object.keys(rowData);
+            ks.forEach((x) => {
+                if (!hds.includes(x)) {
+                    hds.push(x);
+                }
+            });
+            return {
+                _id: nextId++,
+                rowData
+            };
+        });
+        return [hds, objs];
+    }
+    else {
+        return [[], []];
+    }
+}
+export function convertJsonToCsv(arr) {
+    try {
+        const parser = new Parser({});
+        const csv = parser.parse(arr);
+        return csv;
+    }
+    catch (err) {
+        throw new Error('An error occured when generating CSV:' + err);
+    }
+}

package/package/consts.js

@@ -63,7 +63,9 @@ export const POSTGRES_TYPES = [
     'JSON',
     'JSON[]',
     'JSONB',
-    'JSONB[]'
+    'JSONB[]',
+    'BYTEA',
+    'BYTEA[]'
 ];
 export const MYSQL_TYPES = [
     'varchar',

package/package/deno_fetch.d.ts.txt

@@ -410,6 +410,12 @@ interface Console {
     log(...data: any[]): void;
 }
 
+
+declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): number;
+declare function setInterval(callback: (...args: any[]) => void, ms: number, ...args: any[]): number;
+declare function clearTimeout(timeoutId: number): void;
+declare function clearInterval(intervalId: number): void;
+
 declare var console: Console;
 
 declare var process: Process

package/package/gen/core/OpenAPI.js

@@ -21,7 +21,7 @@ export const OpenAPI = {
     PASSWORD: undefined,
     TOKEN: undefined,
     USERNAME: undefined,
-    VERSION: '1.336.1',
+    VERSION: '1.352.0',
     WITH_CREDENTIALS: false,
     interceptors: {
         request: new Interceptors(),

package/package/gen/schemas.gen.d.ts

@@ -407,6 +407,12 @@ export declare const $QueuedJob: {
         readonly priority: {
             readonly type: "integer";
         };
+        readonly self_wait_time_ms: {
+            readonly type: "number";
+        };
+        readonly aggregate_wait_time_ms: {
+            readonly type: "number";
+        };
     };
     readonly required: readonly ["id", "running", "canceled", "job_kind", "permissioned_as", "is_flow_step", "email", "visible_to_owner", "tag"];
 };
@@ -517,6 +523,12 @@ export declare const $CompletedJob: {
                 readonly type: "string";
             };
         };
+        readonly self_wait_time_ms: {
+            readonly type: "number";
+        };
+        readonly aggregate_wait_time_ms: {
+            readonly type: "number";
+        };
     };
     readonly required: readonly ["id", "created_by", "duration_ms", "created_at", "started_at", "success", "canceled", "job_kind", "permissioned_as", "is_flow_step", "is_skipped", "email", "visible_to_owner", "tag"];
 };
@@ -1078,6 +1090,13 @@ export declare const $Resource: {
                 readonly type: "boolean";
             };
         };
+        readonly created_by: {
+            readonly type: "string";
+        };
+        readonly edited_at: {
+            readonly type: "string";
+            readonly format: "date-time";
+        };
     };
     readonly required: readonly ["path", "resource_type", "is_oauth"];
 };
@@ -1121,6 +1140,13 @@ export declare const $ListableResource: {
         readonly account: {
             readonly type: "number";
         };
+        readonly created_by: {
+            readonly type: "string";
+        };
+        readonly edited_at: {
+            readonly type: "string";
+            readonly format: "date-time";
+        };
     };
     readonly required: readonly ["path", "resource_type", "is_oauth", "is_linked", "is_refreshed"];
 };
@@ -1137,6 +1163,13 @@ export declare const $ResourceType: {
         readonly description: {
             readonly type: "string";
         };
+        readonly created_by: {
+            readonly type: "string";
+        };
+        readonly edited_at: {
+            readonly type: "string";
+            readonly format: "date-time";
+        };
     };
     readonly required: readonly ["name"];
 };
@@ -1432,6 +1465,16 @@ export declare const $Folder: {
                 readonly type: "boolean";
             };
         };
+        readonly summary: {
+            readonly type: "string";
+        };
+        readonly created_by: {
+            readonly type: "string";
+        };
+        readonly edited_at: {
+            readonly type: "string";
+            readonly format: "date-time";
+        };
     };
     readonly required: readonly ["name", "owners", "extra_perms"];
 };
@@ -1478,6 +1521,18 @@ export declare const $WorkerPing: {
         readonly occupancy_rate: {
             readonly type: "number";
         };
+        readonly memory: {
+            readonly type: "number";
+        };
+        readonly vcpus: {
+            readonly type: "number";
+        };
+        readonly memory_usage: {
+            readonly type: "number";
+        };
+        readonly wm_memory_usage: {
+            readonly type: "number";
+        };
     };
     readonly required: readonly ["worker", "worker_instance", "ping_at", "started_at", "ip", "jobs_executed", "worker_group", "wm_version"];
 };
@@ -1960,6 +2015,27 @@ export declare const $LargeFileStorage: {
         readonly public_resource: {
             readonly type: "boolean";
         };
+        readonly secondary_storage: {
+            readonly type: "object";
+            readonly additionalProperties: {
+                readonly type: "object";
+                readonly properties: {
+                    readonly type: {
+                        readonly type: "string";
+                        readonly enum: readonly ["S3Storage", "AzureBlobStorage", "AzureWorkloadIdentity", "S3AwsOidc"];
+                    };
+                    readonly s3_resource_path: {
+                        readonly type: "string";
+                    };
+                    readonly azure_blob_resource_path: {
+                        readonly type: "string";
+                    };
+                    readonly public_resource: {
+                        readonly type: "boolean";
+                    };
+                };
+            };
+        };
     };
 };
 export declare const $WindmillLargeFile: {