windmill-components 1.352.9 → 1.362.0

package/package/components/runs/RunsTable.svelte

@@ -5,6 +5,7 @@ import Tooltip from '../Tooltip.svelte';
 import { AlertTriangle } from 'lucide-svelte';
 import Popover from '../Popover.svelte';
 import { workspaceStore } from '../../stores';
+import { twMerge } from 'tailwind-merge';
 //import InfiniteLoading from 'svelte-infinite-loading'
 export let jobs = undefined;
 export let externalJobs = [];
@@ -105,6 +106,23 @@ function infiniteHandler({ detail: { loaded, error, complete } }) {
     }
 }
 */
+function isJobCancelable(j) {
+    return j.type === 'QueuedJob' && !j.schedule_path;
+}
+let allSelected = false;
+function selectAll() {
+    if (allSelected) {
+        allSelected = false;
+        selectedIds = [];
+    }
+    else {
+        allSelected = true;
+        selectedIds = jobs?.filter(isJobCancelable).map((j) => j.id) ?? [];
+    }
+}
+let cancelableJobCount = 0;
+$: isSelectingJobsToCancel && (allSelected = selectedIds.length === cancelableJobCount);
+$: isSelectingJobsToCancel && (cancelableJobCount = jobs?.filter(isJobCancelable).length ?? 0);
 function jobCountString(jobCount) {
     const jc = jobCount;
     const isTruncated = jc >= 1000;
@@ -126,38 +144,54 @@ const dispatch = createEventDispatcher();
 	id="runs-table-wrapper"
 	bind:clientWidth={containerWidth}
 >
-	<div
-		class="flex flex-row bg-surface-secondary sticky top-0 w-full p-2 pr-4"
-		bind:clientHeight={header}
-	>
-		{#if showExternalJobs && externalJobs.length > 0}
-			<div class="w-1/12 text-2xs">
-				<div class="flex flex-row">
-					{jobs && jobCountString(jobs.length + externalJobs.length)}<Tooltip
-						>{externalJobs.length} jobs obscured</Tooltip
-					>
+	<div bind:clientHeight={header}>
+		{#if isSelectingJobsToCancel && cancelableJobCount != 0}
+			<!-- svelte-ignore a11y-click-events-have-key-events -->
+			<!-- svelte-ignore a11y-no-static-element-interactions -->
+			<div
+				class={twMerge(
+					'hover:bg-surface-hover bg-surface-primary cursor-pointer',
+					allSelected ? 'bg-blue-50 dark:bg-blue-900/50' : '',
+					'flex flex-row items-center sticky w-full p-2 pr-4 top-0 font-semibold border-t text-sm'
+				)}
+				on:click={selectAll}
+			>
+				<div class="px-2">
+					<input on:focus type="checkbox" checked={allSelected} />
 				</div>
+				Select all
 			</div>
-		{:else if $workspaceStore !== 'admins' && omittedObscuredJobs}
-			<div class="w-1/12 text-2xs flex flex-row">
-				{jobs && jobCountString(jobs.length)}
-				<Popover>
-					<AlertTriangle size={16} class="ml-0.5 text-yellow-500" />
-					<svelte:fragment slot="text">
-						Too specific filtering may have caused the omission of obscured jobs. This is done for
-						security reasons. To see obscured jobs, try removing some filters.
-					</svelte:fragment>
-				</Popover>
-			</div>
-		{:else}
-			<div class="w-1/12 text-2xs">{jobs && jobCountString(jobs.length)}</div>
-		{/if}
-		<div class="w-4/12 text-xs font-semibold">Timestamp</div>
-		<div class="w-4/12 text-xs font-semibold">Path</div>
-		{#if containsLabel}
-			<div class="w-3/12 text-xs font-semibold">Label</div>
 		{/if}
-		<div class="w-3/12 text-xs font-semibold">Triggered by</div>
+		<div class="flex flex-row bg-surface-secondary sticky top-0 w-full p-2 pr-4">
+			{#if showExternalJobs && externalJobs.length > 0}
+				<div class="w-1/12 text-2xs">
+					<div class="flex flex-row">
+						{jobs && jobCountString(jobs.length + externalJobs.length)}<Tooltip
+							>{externalJobs.length} jobs obscured</Tooltip
+						>
+					</div>
+				</div>
+			{:else if $workspaceStore !== 'admins' && omittedObscuredJobs}
+				<div class="w-1/12 text-2xs flex flex-row">
+					{jobs && jobCountString(jobs.length)}
+					<Popover>
+						<AlertTriangle size={16} class="ml-0.5 text-yellow-500" />
+						<svelte:fragment slot="text">
+							Too specific filtering may have caused the omission of obscured jobs. This is done for
+							security reasons. To see obscured jobs, try removing some filters.
+						</svelte:fragment>
+					</Popover>
+				</div>
+			{:else}
+				<div class="w-1/12 text-2xs">{jobs && jobCountString(jobs.length)}</div>
+			{/if}
+			<div class="w-4/12 text-xs font-semibold">Timestamp</div>
+			<div class="w-4/12 text-xs font-semibold">Path</div>
+			{#if containsLabel}
+				<div class="w-3/12 text-xs font-semibold">Label</div>
+			{/if}
+			<div class="w-3/12 text-xs font-semibold">Triggered by</div>
+		</div>
 	</div>
 
 	<VirtualList

package/package/components/runs/RunsTable.svelte.d.ts

@@ -12,6 +12,7 @@ declare const __propDef: {
         activeLabel?: string | null | undefined;
     };
     events: {
+        focus: FocusEvent;
         filterByLabel: CustomEvent<any>;
         filterByPath: CustomEvent<any>;
         filterByUser: CustomEvent<any>;

package/package/components/schema/EditableSchemaWrapper.svelte

@@ -10,7 +10,15 @@ export let fullHeight = true;
 export let lightweightMode = false;
 export let watchChanges = false;
 const dispatch = createEventDispatcher();
-$: watchChanges && dispatch('change', { schema });
+$: watchChanges && onChange();
+let firstChange = true;
+function onChange() {
+    if (firstChange) {
+        firstChange = false;
+        return;
+    }
+    dispatch('change', { schema });
+}
 let addProperty = undefined;
 </script>
 

package/package/components/schema/PropertyEditor.svelte

@@ -97,7 +97,7 @@ function updateSchema() {
 			<svelte:fragment slot="header">
 				<Tooltip light>
 					Will be displayed in the input field when the field is empty. If not set, the default
-					value will be used. The placeholder is disabled depending on the field typ, format, etc.
+					value will be used. The placeholder is disabled depending on the field type, format, etc.
 				</Tooltip>
 			</svelte:fragment>