windmill-components 1.79.0 → 1.82.1

package/components/common/menu/Menu.svelte.d.ts

@@ -3,7 +3,10 @@ declare const __propDef: {
     props: {
         noMinW?: boolean | undefined;
         show?: boolean | undefined;
-        placement?: "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | undefined;
+        wrapperClasses?: string | undefined;
+        popupClasses?: string | undefined;
+        transitionDuration?: number | undefined;
+        placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-center" | "bottom-center" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/common/modal/AlwaysMountedModal.svelte

@@ -0,0 +1,109 @@
+<script context="module">let onTop;
+const modals = {};
+export function getModal(id = '') {
+    return modals[id];
+}
+</script>
+
+<script>import { onDestroy } from 'svelte';
+import { twMerge } from 'tailwind-merge';
+import { Badge } from '..';
+import Button from '../button/Button.svelte';
+let topDiv;
+let visible = false;
+let prevOnTop;
+export let title;
+export let style = '';
+export let id = '';
+function onKeyDown(event) {
+    if (onTop == topDiv) {
+        switch (event.key) {
+            case 'Enter':
+                event.stopPropagation();
+                event.preventDefault();
+                break;
+            case 'Escape':
+                event.stopPropagation();
+                event.preventDefault();
+                close();
+                break;
+        }
+    }
+}
+function open() {
+    if (visible) {
+        return;
+    }
+    prevOnTop = onTop;
+    onTop = topDiv;
+    window.addEventListener('keydown', onKeyDown);
+    document.body.style.overflow = 'hidden';
+    visible = true;
+    document.body.appendChild(topDiv);
+}
+function close() {
+    if (!visible) {
+        return;
+    }
+    window.removeEventListener('keydown', onKeyDown);
+    onTop = prevOnTop;
+    if (onTop == null) {
+        document.body.style.overflow = '';
+    }
+    visible = false;
+}
+modals[id] = { open, close };
+onDestroy(() => {
+    delete modals[id];
+    window.removeEventListener('keydown', onKeyDown);
+});
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<div id="topModal" class:visible bind:this={topDiv} on:click={() => close()}>
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<div class="relative bg-white p-4 rounded-md" on:click|stopPropagation={() => {}}>
+		<div class={twMerge('max-w-screen-lg max-h-screen-80 overflow-auto', $$props.class)} {style}>
+			<div class="flex">
+				<div class="ml-4 text-left flex-1">
+					<h3 class="text-lg font-medium text-gray-900">
+						{title}
+					</h3>
+					<div class="mt-2 text-sm text-gray-500">
+						<slot />
+					</div>
+				</div>
+			</div>
+			<div class="flex items-center space-x-2 flex-row-reverse space-x-reverse mt-4">
+				<Button
+					on:click={() => {
+						close()
+					}}
+					color="light"
+					size="sm"
+				>
+					<span class="gap-2">Cancel <Badge color="dark-gray">Escape</Badge></span>
+				</Button>
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	#topModal {
+		visibility: hidden;
+		z-index: 9999;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: #4448;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.visible {
+		visibility: visible !important;
+	}</style>

package/components/common/modal/AlwaysMountedModal.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+export declare function getModal(id?: string): any;
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        title: string;
+        style?: string | undefined;
+        id?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type AlwaysMountedModalProps = typeof __propDef.props;
+export type AlwaysMountedModalEvents = typeof __propDef.events;
+export type AlwaysMountedModalSlots = typeof __propDef.slots;
+export default class AlwaysMountedModal extends SvelteComponentTyped<AlwaysMountedModalProps, AlwaysMountedModalEvents, AlwaysMountedModalSlots> {
+}
+export {};

package/components/common/skeleton/Skeleton.svelte

@@ -9,7 +9,7 @@ export let overlay = false;
 {#if loading}
 	<div class="relative flex justify-center">
 		<div
-			in:fade={{ duration: 1000 }}
+			in:fade|local={{ duration: 1000 }}
 			class="flex grow flex-col overflow-hidden {overlay
 				? 'absolute w-full h-full z-[1000]'
 				: ''} {$$props.class}"

package/components/flows/flowStateUtils.js

@@ -21,6 +21,7 @@ export async function loadFlowModuleState(flowModule) {
     }
 }
 export const idMutex = new Mutex();
+const forbiddenIds = ['do'];
 export function getNextId(currentKeys) {
     const max = currentKeys.reduce((acc, key) => {
         if (key === 'failure' || key.includes('branch') || key.includes('loop')) {
@@ -31,7 +32,13 @@ export function getNextId(currentKeys) {
             return Math.max(acc, num + 1);
         }
     }, 0);
-    return numberToChars(max);
+    const char = numberToChars(max);
+    if (forbiddenIds.includes(char)) {
+        return getNextId(currentKeys.concat(char));
+    }
+    else {
+        return char;
+    }
 }
 // Computes the next available id
 export function nextId(flowState) {