windmill-components 1.309.7 → 1.339.2

package/package/assets/app.css

@@ -17,6 +17,17 @@
 		font-display: swap;
 	}
 
+	.prose-xs ul {
+		margin-top: 0.5rem;
+		list-style-type: '- ';
+		padding-left: 1.5rem;
+	}
+
+	.prose ul {
+		margin-top: 1.5rem;
+		list-style-type: '- ';
+		padding-left: 3rem;
+	}
 	.splitpanes--vertical > .splitpanes__pane {
 		transition: none !important;
 	}
@@ -135,6 +146,16 @@
 	@apply flex flex-col justify-start items-end;
 }
 .ol-control button {
-	@apply w-7 h-7 center-center bg-surface border  text-secondary 
+	@apply w-7 h-7 center-center bg-surface border text-secondary 
 	rounded mt-1 mr-1 shadow duration-200 hover:bg-surface-hover focus:bg-surface-hover;
 }
+
+/* Components */
+.component-wrapper {
+	@apply rounded-component border overflow-hidden border-gray-300 dark:border-gray-600;
+}
+
+.app-editor-input {
+	@apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 focus:dark:border-gray-500 focus:!ring-1 focus:!ring-blue-300;
+	@apply placeholder:text-gray-400 dark:placeholder:text-gray-600;
+}

package/package/autosize.js

@@ -38,7 +38,7 @@ export const action = (node) => {
     };
     const setHeight = () => {
         node.style.height = '0px';
-        node.style.height = Math.max(node.scrollHeight ?? 0, 40) + 2 + 'px';
+        node.style.height = Math.max(node.scrollHeight ?? 0, 30) + 2 + 'px';
     };
     const addStyles = () => {
         node.style.boxSizing = 'border-box';

package/package/common.d.ts

@@ -36,6 +36,10 @@ export interface SchemaProperty {
     showExpr?: string;
     password?: boolean;
     order?: string[];
+    nullable?: boolean;
+    dateFormat?: string;
+    title?: string;
+    placeholder?: string;
 }
 export interface ModalSchemaProperty {
     selectedType?: string;
@@ -60,6 +64,10 @@ export interface ModalSchemaProperty {
     customErrorMessage?: string;
     showExpr?: string;
     password?: boolean;
+    nullable?: boolean;
+    dateFormat?: string;
+    title?: string;
+    placeholder?: string;
 }
 export declare function modalToSchema(schema: ModalSchemaProperty): SchemaProperty;
 export type Schema = {

package/package/common.js

@@ -17,7 +17,11 @@ export function modalToSchema(schema) {
         currencyLocale: schema.currencyLocale,
         multiselect: schema.multiselect,
         showExpr: schema.showExpr,
-        password: schema.password
+        password: schema.password,
+        nullable: schema.nullable,
+        dateFormat: schema.dateFormat,
+        title: schema.title,
+        placeholder: schema.placeholder
     };
 }
 export function mergeSchema(schema, enum_payload = {}) {

package/package/components/AllFlowLogs.svelte

@@ -0,0 +1,30 @@
+<script>import { Loader2 } from 'lucide-svelte';
+import JobLogs from './JobLogs.svelte';
+import { workspaceStore } from '../stores';
+export let states;
+</script>
+
+<div class="flex flex-col">
+	{#if states != undefined}
+		{#each Object.entries($states ?? {}) as [id, status] (id)}
+			<div class="pb-12"
+				><h1 class="mb-2">Step {id}</h1>
+				{#each Object.entries(status.byJob ?? {}) as jobS}
+					{@const job = jobS[0]}
+					<div>
+						<a
+							class="text-xs"
+							rel="noreferrer"
+							target="_blank"
+							href="/run/{job}?workspace={$workspaceStore}"
+						>
+							{job}
+						</a><JobLogs jobId={job} /></div
+					>
+				{/each}
+			</div>
+		{/each}
+	{:else}
+		<Loader2 size={14} class="animate-spin " />
+	{/if}
+</div>

package/package/components/AllFlowLogs.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+import type { DurationStatus } from './graph';
+import type { Writable } from 'svelte/store';
+declare const __propDef: {
+    props: {
+        states: Writable<Record<string, DurationStatus>> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AllFlowLogsProps = typeof __propDef.props;
+export type AllFlowLogsEvents = typeof __propDef.events;
+export type AllFlowLogsSlots = typeof __propDef.slots;
+export default class AllFlowLogs extends SvelteComponent<AllFlowLogsProps, AllFlowLogsEvents, AllFlowLogsSlots> {
+}
+export {};

package/package/components/ApiConnectForm.svelte

@@ -34,9 +34,7 @@ async function loadSchema() {
         notFound = true;
     }
 }
-$: {
-    $workspaceStore && loadSchema();
-}
+$: $workspaceStore && loadSchema();
 $: notFound && rawCode && parseJson();
 function parseJson() {
     try {
@@ -175,5 +173,13 @@ let rawCodeEditor = undefined;
 		fixedOverflowWidgets={false}
 	/>
 {:else}
-	<SchemaForm noDelete {linkedSecretCandidates} bind:linkedSecret isValid {schema} bind:args />
+	<SchemaForm
+		onlyMaskPassword
+		noDelete
+		{linkedSecretCandidates}
+		bind:linkedSecret
+		isValid
+		{schema}
+		bind:args
+	/>
 {/if}

package/package/components/AppConnectDrawer.svelte

@@ -0,0 +1,74 @@
+<script>import { createEventDispatcher } from 'svelte';
+import { Button, Drawer } from './common';
+import DrawerContent from './common/drawer/DrawerContent.svelte';
+import AppConnectInner from './AppConnectInner.svelte';
+import DarkModeObserver from './DarkModeObserver.svelte';
+let drawer;
+let resourceType = '';
+let step = 1;
+let disabled = false;
+let isGoogleSignin = false;
+let manual = false;
+let appConnectInner = undefined;
+let rtToLoad = '';
+export async function open(rt) {
+    rtToLoad = rt;
+    drawer.openDrawer?.();
+}
+$: appConnectInner?.open(rtToLoad);
+const dispatch = createEventDispatcher();
+let darkMode = false;
+</script>
+
+<DarkModeObserver bind:darkMode />
+
+<Drawer
+	bind:this={drawer}
+	on:close={() => {
+		step = 1
+		dispatch('close')
+	}}
+	size="800px"
+>
+	<DrawerContent
+		title="Add a Resource"
+		on:close={drawer.closeDrawer}
+		tooltip="Resources represent connections to third party systems. Learn more on how to integrate external APIs."
+		documentationLink="https://www.windmill.dev/docs/integrations/integrations_on_windmill"
+	>
+		<AppConnectInner
+			bind:this={appConnectInner}
+			bind:step
+			bind:resourceType
+			bind:isGoogleSignin
+			bind:disabled
+			bind:manual
+			on:close={drawer?.closeDrawer}
+			on:refresh
+		/>
+		<div slot="actions" class="flex gap-1">
+			{#if step > 1}
+				<Button variant="border" on:click={appConnectInner?.back}>Back</Button>
+			{/if}
+			{#if isGoogleSignin}
+				<button {disabled} on:click={appConnectInner?.next}>
+					<img
+						class="h-10 w-auto object-contain"
+						src={darkMode ? '/google_signin_dark.png' : '/google_signin_light.png'}
+						alt="Google sign-in"
+					/>
+				</button>
+			{:else}
+				<Button {disabled} on:click={appConnectInner?.next}>
+					{#if step == 2 && !manual}
+						Connect
+					{:else if step == 1}
+						Next
+					{:else}
+						Save
+					{/if}
+				</Button>
+			{/if}
+		</div>
+	</DrawerContent>
+</Drawer>

package/package/components/AppConnectDrawer.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        open?: ((rt?: string) => Promise<void>) | undefined;
+    };
+    events: {
+        refresh: CustomEvent<any>;
+        close: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AppConnectDrawerProps = typeof __propDef.props;
+export type AppConnectDrawerEvents = typeof __propDef.events;
+export type AppConnectDrawerSlots = typeof __propDef.slots;
+export default class AppConnectDrawer extends SvelteComponent<AppConnectDrawerProps, AppConnectDrawerEvents, AppConnectDrawerSlots> {
+    get open(): (rt?: string | undefined) => Promise<void>;
+}
+export {};