windmill-components 1.444.2 → 1.447.4

package/package/autosize.js

@@ -30,7 +30,7 @@ export const action = (node) => {
             else {
                 node.value = '|';
                 node.style.height = '0px';
-                height = node.scrollHeight;
+                height = node.scrollHeight + 20;
                 node.value = '';
             }
         }

package/package/components/AppConnectInner.svelte

@@ -31,7 +31,8 @@ const nativeLanguagesCategory = [
     'bigquery',
     'snowflake',
     'mssql',
-    'graphql'
+    'graphql',
+    'oracledb'
 ];
 let filter = '';
 let value = '';

package/package/components/ArgInput.svelte

@@ -1,6 +1,6 @@
 <script>import { setInputCat as computeInputCat, debounce, emptyString, getSchemaFromProperties } from '../utils';
 import { DollarSign, Pipette, Plus, X } from 'lucide-svelte';
-import { createEventDispatcher, tick } from 'svelte';
+import { createEventDispatcher, onMount, tick } from 'svelte';
 import Multiselect from 'svelte-multiselect';
 import { fade } from 'svelte/transition';
 import JsonEditor from './apps/editor/settingsPanel/inputEditor/JsonEditor.svelte';
@@ -71,6 +71,7 @@ export let noDefaultOnSelectFirst = false;
 export let helperScript = undefined;
 export let otherArgs = {};
 export let lightHeader = false;
+$: inputCat = computeInputCat(type, format, itemsType?.type, enum_, contentEncoding);
 let oneOfSelected = undefined;
 async function updateOneOfSelected(oneOf) {
     if (oneOf &&
@@ -87,12 +88,12 @@ async function updateOneOfSelected(oneOf) {
         }
     }
 }
-$: updateOneOfSelected(oneOf);
 function updateOneOfSelectedValue(oneOfSelected) {
     if (oneOfSelected) {
         value = { label: oneOfSelected };
     }
 }
+$: updateOneOfSelected(oneOf);
 $: updateOneOfSelectedValue(oneOfSelected);
 const dispatch = createEventDispatcher();
 let ignoreValueUndefined = false;
@@ -102,7 +103,6 @@ let s3FileUploadRawMode;
 let isListJson = false;
 let hasIsListJsonChanged = false;
 let el = undefined;
-$: inputCat = computeInputCat(type, format, itemsType?.type, enum_, contentEncoding);
 let rawValue = undefined;
 function computeDefaultValue(nvalue, inputCat, defaultValue, nnullable) {
     if (label == 'toString' && typeof value == 'function') {
@@ -132,7 +132,6 @@ function computeDefaultValue(nvalue, inputCat, defaultValue, nnullable) {
         value = null;
     }
 }
-computeDefaultValue();
 $: computeDefaultValue(value, inputCat, defaultValue, nullable);
 let lastValue = undefined;
 // By setting isListJson to true, we can render inputs even if the value is not an array of the correct type
@@ -175,13 +174,24 @@ function handleDefaultValueChange() {
     }
     oldDefaultValue = structuredClone(defaultValue);
 }
+function isObjectCat(inputCat) {
+    return (inputCat === 'object' || inputCat === 'resource-object' || (inputCat == 'list' && !isListJson));
+}
 function evalValueToRaw() {
-    rawValue =
-        inputCat === 'object' || inputCat === 'resource-object' || (inputCat == 'list' && !isListJson)
-            ? JSON.stringify(value, null, 2)
-            : undefined;
+    rawValue = isObjectCat(inputCat) ? JSON.stringify(value, null, 2) : undefined;
+    rawValue && editor?.getCode() != rawValue && editor?.setCode(rawValue);
+    // console.log('evalValueToRaw', value, rawValue, inputCat, label)
 }
-evalValueToRaw();
+$: inputCat &&
+    isObjectCat(inputCat) &&
+    rawValue == undefined &&
+    value != undefined &&
+    evalValueToRaw();
+onMount(() => {
+    computeDefaultValue();
+    // console.log('onMount', value, rawValue, inputCat)
+    evalValueToRaw();
+});
 function fileChanged(e, cb) {
     let t = e.target;
     if (t && 'files' in t && t.files.length > 0) {
@@ -207,7 +217,7 @@ function validateInput(pattern, v, required) {
         error = '';
         valid && (valid = true);
     }
-    else if (required && (v == undefined || v == null || v === '')) {
+    else if (required && (v == undefined || v == null || v === '') && inputCat != 'object') {
         error = 'Required';
         valid && (valid = false);
     }
@@ -285,6 +295,7 @@ $: shouldDispatchChanges && debounced(value);
 	}}
 	readOnlyMode={false}
 />
+
 <!-- svelte-ignore a11y-autofocus -->
 <div class="flex flex-col w-full {minW ? 'min-w-[250px]' : ''}">
 	<div>
@@ -348,19 +359,21 @@ $: shouldDispatchChanges && debounced(value);
 					</div>
 				{/if}
 			{:else if inputCat == 'boolean'}
-				<Toggle
-					on:pointerdown={(e) => {
-						e?.stopPropagation()
-					}}
-					{disabled}
-					class={valid
-						? ''
-						: 'border border-red-700 border-opacity-30 focus:border-red-700 focus:border-opacity-30 bg-red-100'}
-					bind:checked={value}
-				/>
-				{#if type == 'boolean' && value == undefined}
-					<span>&nbsp; Not set</span>
-				{/if}
+				<div class="w-full">
+					<Toggle
+						on:pointerdown={(e) => {
+							e?.stopPropagation()
+						}}
+						{disabled}
+						class={valid
+							? ''
+							: 'border border-red-700 border-opacity-30 focus:border-red-700 focus:border-opacity-30 bg-red-100'}
+						bind:checked={value}
+					/>
+					{#if type == 'boolean' && value == undefined}
+						<span>&nbsp; Not set</span>
+					{/if}
+				</div>
 			{:else if inputCat == 'list' && !isListJson}
 				<div class="w-full flex gap-4">
 					<div class="w-full">
@@ -463,7 +476,7 @@ $: shouldDispatchChanges && debounced(value);
 														class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
 														aria-label="Clear"
 														on:click={() => {
-															value.splice(i, 1)
+															value = value.filter((_, index) => index !== i)
 															redraw += 1
 														}}
 													>

package/package/components/CapturesInputs.svelte

@@ -0,0 +1,16 @@
+<script>import CaptureTable from './triggers/CaptureTable.svelte';
+export let flowPath = null;
+export let headless = true;
+export let addButton = false;
+</script>
+
+<div class="h-full">
+	<CaptureTable
+		path={flowPath ?? ''}
+		on:select
+		isFlow={true}
+		{headless}
+		{addButton}
+		on:openTriggers
+	/>
+</div>

package/package/components/CapturesInputs.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        flowPath?: string | null | undefined;
+        headless?: boolean | undefined;
+        addButton?: boolean | undefined;
+    };
+    events: {
+        select: CustomEvent<any>;
+        openTriggers: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CapturesInputsProps = typeof __propDef.props;
+export type CapturesInputsEvents = typeof __propDef.events;
+export type CapturesInputsSlots = typeof __propDef.slots;
+export default class CapturesInputs extends SvelteComponent<CapturesInputsProps, CapturesInputsEvents, CapturesInputsSlots> {
+}
+export {};

package/package/components/Dev.svelte

@@ -391,7 +391,8 @@ setContext('TriggerContext', {
     triggersCount: triggersCount,
     simplifiedPoll: writable(false),
     defaultValues: writable(undefined),
-    captureOn: writable(undefined)
+    captureOn: writable(undefined),
+    showCaptureHint: writable(undefined)
 });
 setContext('FlowEditorContext', {
     selectedId: selectedIdStore,
@@ -409,6 +410,11 @@ setContext('FlowEditorContext', {
     customUi: {},
     insertButtonOpen: writable(false),
     executionCount: writable(0),
+    flowInputEditorState: writable({
+        selectedTab: undefined,
+        editPanelSize: undefined,
+        payloadData: undefined
+    })
 });
 setContext('PropPickerContext', {
     flowPropPickerConfig: writable(undefined),