windmill-components 1.532.0 → 1.542.4

package/package/components/runs/RunsBatchActionsDropdown.svelte

@@ -1,18 +1,11 @@
-<script lang="ts" context="module">export {};
+<script lang="ts" module>export {};
 </script>
 
 <script lang="ts">import { userStore, superadmin } from '../../stores';
-import { X, Check, ChevronDown, Loader2 } from 'lucide-svelte';
+import { X, Check, ChevronDown, Loader2, SquareMousePointer } from 'lucide-svelte';
 import { Button } from '../common';
 import DropdownV2 from '../DropdownV2.svelte';
-export let isLoading = false;
-export let selectionCount;
-export let selectionMode;
-export let onSetSelectionMode;
-export let onCancelSelectedJobs;
-export let onCancelFilteredJobs;
-export let onReRunSelectedJobs;
-export let onReRunFilteredJobs;
+let { isLoading = false, selectionCount, selectionMode, small = false, onSetSelectionMode, onCancelSelectedJobs, onCancelFilteredJobs, onReRunSelectedJobs, onReRunFilteredJobs } = $props();
 function jobCountString(count) {
     return `${count} ${count == 1 ? 'job' : 'jobs'}`;
 }
@@ -23,7 +16,7 @@ function jobCountString(count) {
 		<Loader2 class="animate-spin" size={20} />
 	</Button>
 {:else if selectionMode}
-	<div class="mt-1 p-2 h-8 flex flex-row items-center gap-1">
+	<div class="h-8 flex flex-row items-center gap-1">
 		<Button
 			startIcon={{ icon: X }}
 			size="xs"
@@ -58,7 +51,7 @@ function jobCountString(count) {
 	</div>
 {:else}
 	<DropdownV2
-		class="w-fit mx-auto"
+		class="w-fit"
 		items={[
 			{
 				displayName: 'Select jobs to cancel',
@@ -76,13 +69,16 @@ function jobCountString(count) {
 				: [])
 		]}
 	>
-		<svelte:fragment slot="buttonReplacement">
+		{#snippet buttonReplacement()}
 			<div
-				class="mt-1 p-2 h-8 flex flex-row items-center hover:bg-surface-hover cursor-pointer rounded-md"
+				class="px-2 h-[30px] border flex flex-row items-center hover:bg-surface-hover cursor-pointer rounded-md gap-2"
 			>
-				<span class="text-xs min-w-[5rem]">Batch actions</span>
-				<ChevronDown class="w-5 h-5" />
+				<SquareMousePointer size={16} />
+				{#if !small}
+					<span class="text-xs min-w-[5rem]">Batch actions</span>
+				{/if}
+				<ChevronDown size={16} />
 			</div>
-		</svelte:fragment>
+		{/snippet}
 	</DropdownV2>
 {/if}

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

@@ -1,28 +1,15 @@
 export type RunsSelectionMode = 'cancel' | 're-run';
-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 RunsBatchActionsDropdown: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     isLoading?: boolean;
     selectionCount: number;
     selectionMode: RunsSelectionMode | false;
+    small?: boolean;
     onSetSelectionMode: (mode: RunsSelectionMode | false) => void;
     onCancelSelectedJobs: () => void;
     onCancelFilteredJobs: () => void;
     onReRunSelectedJobs: () => void;
     onReRunFilteredJobs: () => void;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type RunsBatchActionsDropdown = InstanceType<typeof RunsBatchActionsDropdown>;
+}
+declare const RunsBatchActionsDropdown: import("svelte").Component<Props, {}, "">;
+type RunsBatchActionsDropdown = ReturnType<typeof RunsBatchActionsDropdown>;
 export default RunsBatchActionsDropdown;