windmill-components 1.46.3 → 1.52.0

package/components/flows/common/FlowCard.svelte.d.ts

@@ -13,9 +13,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FlowCardProps = typeof __propDef.props;
-export declare type FlowCardEvents = typeof __propDef.events;
-export declare type FlowCardSlots = typeof __propDef.slots;
+export type FlowCardProps = typeof __propDef.props;
+export type FlowCardEvents = typeof __propDef.events;
+export type FlowCardSlots = typeof __propDef.slots;
 export default class FlowCard extends SvelteComponentTyped<FlowCardProps, FlowCardEvents, FlowCardSlots> {
 }
 export {};

package/components/flows/common/FlowCardHeader.svelte

@@ -13,7 +13,9 @@ const languageColors = {
 };
 </script>
 
-<div class="flex items-center justify-between py-2 px-4 border-b space-x-2 h-12 flex-nowrap">
+<div
+	class="flex items-center justify-between py-2 px-4 border-b border-gray-300 space-x-2  h-full max-h-12 flex-nowrap"
+>
 	{#if flowModule}
 		<span class="text-sm w-full">
 			<div class="flex items-center space-x-2">

package/components/flows/common/FlowCardHeader.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FlowCardHeaderProps = typeof __propDef.props;
-export declare type FlowCardHeaderEvents = typeof __propDef.events;
-export declare type FlowCardHeaderSlots = typeof __propDef.slots;
+export type FlowCardHeaderProps = typeof __propDef.props;
+export type FlowCardHeaderEvents = typeof __propDef.events;
+export type FlowCardHeaderSlots = typeof __propDef.slots;
 export default class FlowCardHeader extends SvelteComponentTyped<FlowCardHeaderProps, FlowCardHeaderEvents, FlowCardHeaderSlots> {
 }
 export {};

package/components/flows/content/CapturePayload.svelte.d.ts

@@ -8,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type CapturePayloadProps = typeof __propDef.props;
-export declare type CapturePayloadEvents = typeof __propDef.events;
-export declare type CapturePayloadSlots = typeof __propDef.slots;
+export type CapturePayloadProps = typeof __propDef.props;
+export type CapturePayloadEvents = typeof __propDef.events;
+export type CapturePayloadSlots = typeof __propDef.slots;
 export default class CapturePayload extends SvelteComponentTyped<CapturePayloadProps, CapturePayloadEvents, CapturePayloadSlots> {
     get openDrawer(): () => void;
 }

package/components/flows/content/DynamicInputHelpBox.svelte

@@ -1,7 +1,6 @@
 <script>import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import Icon from 'svelte-awesome';
 import { slide } from 'svelte/transition';
-export let importPath = undefined;
 $: opened = false;
 </script>
 
@@ -24,37 +23,14 @@ $: opened = false;
 		role="alert"
 		id="dynamic-input-help-box"
 	>
-		<p class="font-bold">Dynamic arg help</p>
-		<p>
-			When a field is using the "Raw Javascript Editor", its value is computed dynamically as the
-			evaluation of its corresponding javascript snippet.
-		</p>
-		That snippet can be a single line:
-		<pre><code>last_result.myarg</code></pre>
-		or a multiline:
-		<pre
-			><code
-				>let x = 5;
-x + 2</code
-			></pre
-		>
+		the last line must always be the final expression.
 		<p>
 			If it is multiline, the statement before the final expression <b
 				>MUST END WITH ; and a newline</b
 			>
 		</p>
-		The snippet can also be a string template:
-		<code
-			>`Hello $&#123;params.name&#125;, all your base $&#123;previous_result.base_name&#125; belong
-			to us`</code
-		>
-		However, the last line must always be the final expression.
-		<p>
-			The snippet can use any javascript primitives, and the following flow specific objects and
-			functions:
-		</p>
 		<ul class="ml-4">
-			<li><b>result.id</b>: the result of step at id 'id'</li>
+			<li><b>{'results.<id>'}</b>: the result of step at id 'id'</li>
 			<li><b>flow_input</b>: the object containing the flow input arguments</li>
 			<li><b>params</b>: the object containing the current step static values</li>
 			<li>
@@ -65,11 +41,5 @@ x + 2</code
 				<b>resource(path)</b>: the function returning the resource at a given path as an object
 			</li>
 		</ul>
-		<p>To re-enable editor assistance, import the helper functions types using:</p>
-		<code>
-			{`import { results, flow_input, variable, resource, params } from 'windmill${
-				importPath ? `@${importPath}` : ''
-			}'`}
-		</code>
 	</div>
 {/if}

package/components/flows/content/DynamicInputHelpBox.svelte.d.ts

@@ -1,16 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        importPath?: string | undefined;
-    };
+    props: {};
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export declare type DynamicInputHelpBoxProps = typeof __propDef.props;
-export declare type DynamicInputHelpBoxEvents = typeof __propDef.events;
-export declare type DynamicInputHelpBoxSlots = typeof __propDef.slots;
+export type DynamicInputHelpBoxProps = typeof __propDef.props;
+export type DynamicInputHelpBoxEvents = typeof __propDef.events;
+export type DynamicInputHelpBoxSlots = typeof __propDef.slots;
 export default class DynamicInputHelpBox extends SvelteComponentTyped<DynamicInputHelpBoxProps, DynamicInputHelpBoxEvents, DynamicInputHelpBoxSlots> {
 }
 export {};

package/components/flows/content/FlowBranchAllWrapper.svelte.d.ts

@@ -13,9 +13,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowBranchAllWrapperProps = typeof __propDef.props;
-export declare type FlowBranchAllWrapperEvents = typeof __propDef.events;
-export declare type FlowBranchAllWrapperSlots = typeof __propDef.slots;
+export type FlowBranchAllWrapperProps = typeof __propDef.props;
+export type FlowBranchAllWrapperEvents = typeof __propDef.events;
+export type FlowBranchAllWrapperSlots = typeof __propDef.slots;
 export default class FlowBranchAllWrapper extends SvelteComponentTyped<FlowBranchAllWrapperProps, FlowBranchAllWrapperEvents, FlowBranchAllWrapperSlots> {
 }
 export {};

package/components/flows/content/FlowBranchOneWrapper.svelte

@@ -11,7 +11,7 @@ export let parentModule;
 export let previousModule;
 const { previewArgs } = getContext('FlowEditorContext');
 let editor = undefined;
-$: pickableProperties = getStepPropPicker($flowStateStore, parentModule, previousModule, parentModule.id, $flowStore, previewArgs, false, true).pickableProperties;
+$: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousModule, parentModule.id, $flowStore, $previewArgs, false, true);
 </script>
 
 <div class="h-full flex flex-col">
@@ -27,7 +27,7 @@ $: pickableProperties = getStepPropPicker($flowStateStore, parentModule, previou
 						<div class="border w-full">
 							<PropPickerWrapper
 								notSelectable
-								{pickableProperties}
+								pickableProperties={stepPropPicker.pickableProperties}
 								on:select={({ detail }) => {
 									editor?.insertAtCursor(detail)
 								}}
@@ -38,6 +38,7 @@ $: pickableProperties = getStepPropPicker($flowStateStore, parentModule, previou
 									bind:code={branch.expr}
 									class="small-editor"
 									shouldBindKey={false}
+									extraLib={stepPropPicker.extraLib}
 								/>
 							</PropPickerWrapper>
 						</div>

package/components/flows/content/FlowBranchOneWrapper.svelte.d.ts

@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowBranchOneWrapperProps = typeof __propDef.props;
-export declare type FlowBranchOneWrapperEvents = typeof __propDef.events;
-export declare type FlowBranchOneWrapperSlots = typeof __propDef.slots;
+export type FlowBranchOneWrapperProps = typeof __propDef.props;
+export type FlowBranchOneWrapperEvents = typeof __propDef.events;
+export type FlowBranchOneWrapperSlots = typeof __propDef.slots;
 export default class FlowBranchOneWrapper extends SvelteComponentTyped<FlowBranchOneWrapperProps, FlowBranchOneWrapperEvents, FlowBranchOneWrapperSlots> {
 }
 export {};

package/components/flows/content/FlowBranchesWrapper.svelte

@@ -73,7 +73,7 @@ else if (flowModule.value.type === 'branchall') {
 										{branch.summary && branch.summary != '' ? branch.summary : 'No summary'}</div
 									>
 									<div>
-										<Button size="sm" on:click={() => ($selectedId = branch.id)}>
+										<Button color="dark" size="sm" on:click={() => ($selectedId = branch.id)}>
 											Set branch {i} predicate</Button
 										>
 									</div>
@@ -87,7 +87,7 @@ else if (flowModule.value.type === 'branchall') {
 										{branch.summary && branch.summary != '' ? branch.summary : 'No summary'}
 									</div>
 									<div>
-										<Button size="sm" on:click={() => ($selectedId = branch.id)}>
+										<Button color="dark" size="sm" on:click={() => ($selectedId = branch.id)}>
 											Set branch {i} summary</Button
 										>
 									</div>

package/components/flows/content/FlowBranchesWrapper.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowBranchesWrapperProps = typeof __propDef.props;
-export declare type FlowBranchesWrapperEvents = typeof __propDef.events;
-export declare type FlowBranchesWrapperSlots = typeof __propDef.slots;
+export type FlowBranchesWrapperProps = typeof __propDef.props;
+export type FlowBranchesWrapperEvents = typeof __propDef.events;
+export type FlowBranchesWrapperSlots = typeof __propDef.slots;
 export default class FlowBranchesWrapper extends SvelteComponentTyped<FlowBranchesWrapperProps, FlowBranchesWrapperEvents, FlowBranchesWrapperSlots> {
 }
 export {};

package/components/flows/content/FlowEditorPanel.svelte

@@ -17,6 +17,8 @@ const { selectedId } = getContext('FlowEditorContext');
 		<FlowSettings {initialPath} defaultTab="schedule" />
 	{:else if $selectedId === 'settings-same-worker'}
 		<FlowSettings {initialPath} defaultTab="same-worker" />
+	{:else if $selectedId === 'settings-graph'}
+		<FlowSettings {initialPath} defaultTab="graph" />
 	{:else if $selectedId === 'failure'}
 		<FlowFailureModule />
 	{:else}

package/components/flows/content/FlowEditorPanel.svelte.d.ts

@@ -8,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowEditorPanelProps = typeof __propDef.props;
-export declare type FlowEditorPanelEvents = typeof __propDef.events;
-export declare type FlowEditorPanelSlots = typeof __propDef.slots;
+export type FlowEditorPanelProps = typeof __propDef.props;
+export type FlowEditorPanelEvents = typeof __propDef.events;
+export type FlowEditorPanelSlots = typeof __propDef.slots;
 export default class FlowEditorPanel extends SvelteComponentTyped<FlowEditorPanelProps, FlowEditorPanelEvents, FlowEditorPanelSlots> {
 }
 export {};

package/components/flows/content/FlowFailureModule.svelte.d.ts

@@ -6,9 +6,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowFailureModuleProps = typeof __propDef.props;
-export declare type FlowFailureModuleEvents = typeof __propDef.events;
-export declare type FlowFailureModuleSlots = typeof __propDef.slots;
+export type FlowFailureModuleProps = typeof __propDef.props;
+export type FlowFailureModuleEvents = typeof __propDef.events;
+export type FlowFailureModuleSlots = typeof __propDef.slots;
 export default class FlowFailureModule extends SvelteComponentTyped<FlowFailureModuleProps, FlowFailureModuleEvents, FlowFailureModuleSlots> {
 }
 export {};

package/components/flows/content/FlowInput.svelte

@@ -10,33 +10,29 @@ let capturePayload;
 
 <CapturePayload bind:this={capturePayload} />
 <FlowCard title="Flow Input">
-	<div slot="header">
-		<div class="flex flex-row space-x-4">
+	<div class="p-6">
+		<div class="flex flex-row items-center space-x-4 pb-2 border-b border-gray-400">
+			<div>Copy input's schema from</div>
 			<Button
-				color="light"
+				color="dark"
 				size="sm"
 				on:click={() => {
 					capturePayload.openDrawer()
 				}}
-				variant="border"
 			>
-				Capture from a request to seed inputs
+				A request
 			</Button>
 			<Button
-				color="light"
+				color="dark"
 				size="sm"
 				disabled={$flowStore.value.modules.length === 0 ||
 					isEmptyFlowModule($flowStore.value.modules[0])}
 				on:click={copyFirstStepSchema}
-				variant="border"
 			>
-				Copy from first step schema {#if $flowStore.value.modules.length === 0 || isEmptyFlowModule($flowStore.value.modules[0])}
-					(no steps to copy from!){/if}
+				First step's inputs
 			</Button>
 		</div>
-	</div>
-	<div>
-		<div class="p-6">
+		<div class="pt-6">
 			<SchemaEditor
 				bind:schema={$flowStore.schema}
 				on:change={() => {
@@ -46,6 +42,7 @@ let capturePayload;
 		</div>
 	</div>
 	<div class="p-6">
+		<h2 class="mb-4">Customize Inputs</h2>
 		<SchemaForm bind:schema={$flowStore.schema} editableSchema={true} />
 	</div>
 </FlowCard>

package/components/flows/content/FlowInput.svelte.d.ts

@@ -6,9 +6,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowInputProps = typeof __propDef.props;
-export declare type FlowInputEvents = typeof __propDef.events;
-export declare type FlowInputSlots = typeof __propDef.slots;
+export type FlowInputProps = typeof __propDef.props;
+export type FlowInputEvents = typeof __propDef.events;
+export type FlowInputSlots = typeof __propDef.slots;
 export default class FlowInput extends SvelteComponentTyped<FlowInputProps, FlowInputEvents, FlowInputSlots> {
 }
 export {};

package/components/flows/content/FlowInputs.svelte

@@ -1,160 +1,139 @@
-<script>import Tooltip from '../../Tooltip.svelte';
+<script>import { ToggleButton, ToggleButtonGroup } from '../../common';
+import WindmillIcon from '../../icons/WindmillIcon.svelte';
+import Tooltip from '../../Tooltip.svelte';
 import { RawScript, Script } from '../../../gen';
-import { faCode, faCodeBranch, faRepeat } from '@fortawesome/free-solid-svg-icons';
+import { faBolt, faBuilding, faCheck, faCode } from '@fortawesome/free-solid-svg-icons';
 import { createEventDispatcher } from 'svelte';
 import FlowScriptPicker from '../pickers/FlowScriptPicker.svelte';
 import PickHubScript from '../pickers/PickHubScript.svelte';
-import PickScript from '../pickers/PickScript.svelte';
+import WorkspaceScriptPicker from '../pickers/WorkspaceScriptPicker.svelte';
 export let failureModule;
 export let shouldDisableTriggerScripts = false;
 const dispatch = createEventDispatcher();
+let kind = failureModule ? 'failure' : 'script';
+let pick_existing = 'hub';
+let filter = '';
 </script>
 
-<div class="space-y-4 p-4">
-	<div class="text-sm font-bold">{failureModule ? 'Error handler' : 'Common script'}</div>
-	<div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-		<FlowScriptPicker
-			label="Inline Python (3.10)"
-			icon={faCode}
-			iconColor="text-green-500"
-			on:click={() => {
-				dispatch('new', {
-					language: RawScript.language.PYTHON3,
-					kind: failureModule ? 'failure' : 'script',
-					subkind: 'flow'
-				})
-			}}
-		/>
-
-		<FlowScriptPicker
-			label="Inline Typescript (Deno)"
-			icon={faCode}
-			iconColor="text-blue-800"
-			on:click={() => {
-				dispatch('new', {
-					language: RawScript.language.DENO,
-					kind: failureModule ? 'failure' : 'script',
-					subkind: 'flow'
-				})
-			}}
-		/>
-
-		<FlowScriptPicker
-			label="Inline Go"
-			icon={faCode}
-			iconColor="text-blue-700"
-			on:click={() => {
-				dispatch('new', {
-					language: RawScript.language.GO,
-					kind: failureModule ? 'failure' : 'script',
-					subkind: 'flow'
-				})
-			}}
-		/>
-
-		<FlowScriptPicker
-			label="Inline Bash"
-			icon={faCode}
-			iconColor="text-green-700"
-			on:click={() => {
-				dispatch('new', {
-					language: RawScript.language.BASH,
-					kind: failureModule ? 'failure' : 'script',
-					subkind: 'flow'
-				})
-			}}
-		/>
-
-		{#if !failureModule}
-			<FlowScriptPicker
-				label={`Inline PostgreSQL`}
-				icon={faCode}
-				iconColor="text-blue-800"
-				on:click={() =>
-					dispatch('new', { language: RawScript.language.DENO, kind: 'script', subkind: 'pgsql' })}
-			/>
-		{/if}
-
-		<PickScript
-			customText={failureModule ? 'Error Handler from workspace' : undefined}
-			kind={failureModule ? Script.kind.FAILURE : Script.kind.SCRIPT}
-			on:pick
-		/>
-		<PickHubScript
-			customText={failureModule ? 'Error Handler from Hub' : undefined}
-			kind={failureModule ? Script.kind.FAILURE : Script.kind.SCRIPT}
-			on:pick
-		/>
-	</div>
-
-	{#if !shouldDisableTriggerScripts}
-		<div class="text-sm font-bold pt-8">
-			Trigger script
-			<Tooltip>
-				Used as a first step most commonly with an internal state and a schedule to watch for
-				changes on an external system, compute the diff since last time, set the new state. The
-				diffs are then treated one by one with a for-loop.
-			</Tooltip>
-		</div>
-
-		<div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-			<PickScript customText="Trigger script from workspace" kind={Script.kind.TRIGGER} on:pick />
-			<PickHubScript customText="Trigger script from Hub" kind={Script.kind.TRIGGER} on:pick />
-			<FlowScriptPicker
-				label="Inline Typescript (Deno)"
-				icon={faCode}
-				iconColor="text-blue-800"
-				on:click={() => dispatch('new', { language: RawScript.language.DENO, kind: 'trigger' })}
-			/>
-		</div>
-	{/if}
+<div class="p-4 h-full flex flex-col">
 	{#if !failureModule}
-		<div class="text-sm font-bold pt-8">
-			Approval step
-			<Tooltip>
-				Inlined common scripts can be turned into approval step by changing their suspend settings.
-				An approval step will suspend the execution of a flow until it has been approved through the
-				resume endpoints or the approval page by and solely by the recipients of those secret urls.
-				Use getResumeEndpoints from the wmill client to generate those URLs.
-			</Tooltip>
+		<div class="center-center">
+			<div class="max-w-min">
+				<ToggleButtonGroup bind:selected={kind}>
+					<ToggleButton position="left" value="script" size="sm" startIcon={{ icon: faCode }}>
+						Common
+					</ToggleButton>
+					{#if !shouldDisableTriggerScripts}
+						<ToggleButton position="center" value="trigger" size="sm" startIcon={{ icon: faBolt }}>
+							Trigger <Tooltip>
+								Used as a first step most commonly with a state and a schedule to watch for changes
+								on an external system, compute the diff since last time, set the new state. The
+								diffs are then treated one by one with a for-loop.
+							</Tooltip>
+						</ToggleButton>
+					{/if}
+					<ToggleButton position="right" value="approval" size="sm" startIcon={{ icon: faCheck }}>
+						Approval <Tooltip>
+							An approval step will suspend the execution of a flow until it has been approved
+							through the resume endpoints or the approval page by and solely by the recipients of
+							those secret urls. Use getResumeEndpoints from the wmill client to generate those
+							URLs.
+						</Tooltip>
+					</ToggleButton>
+				</ToggleButtonGroup>
+			</div>
 		</div>
-		<div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-			<PickScript customText="Approval step from workspace" kind={Script.kind.APPROVAL} on:pick />
-			<PickHubScript
-				customText={'Approval step from the Hub'}
-				kind={Script.kind.APPROVAL}
-				on:pick
-			/>
+	{/if}
+	<h3 class="pb-2">
+		Inline new
+		<Tooltip>
+			Embed a script directly inside a flow instead of saving the script into your workspace for
+			reuse. You can always save an inline script later.
+		</Tooltip>
+	</h3>
+	<div class="flex flex-row">
+		<div class="flex flex-row flex-wrap gap-2">
 			<FlowScriptPicker
-				label="Inline Typescript (Deno)"
-				icon={faCode}
-				iconColor="text-blue-800"
-				on:click={() => dispatch('new', { language: RawScript.language.DENO, kind: 'approval' })}
+				label="Typescript"
+				lang={Script.language.DENO}
+				on:click={() => {
+					dispatch('new', {
+						language: RawScript.language.DENO,
+						kind,
+						subkind: 'flow'
+					})
+				}}
 			/>
-		</div>
 
-		<div class="text-sm font-bold pt-8">Flow primitive</div>
-
-		<div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-			<FlowScriptPicker
-				label={`Branches and switch to one`}
-				icon={faCodeBranch}
-				iconColor="text-blue-500"
-				on:click={() => dispatch('branchone')}
-			/>
 			<FlowScriptPicker
-				label={`Branches and run them all`}
-				icon={faCodeBranch}
-				iconColor="text-blue-500"
-				on:click={() => dispatch('branchall')}
+				label="Python"
+				lang={Script.language.PYTHON3}
+				on:click={() => {
+					dispatch('new', {
+						language: RawScript.language.PYTHON3,
+						kind,
+						subkind: 'flow'
+					})
+				}}
 			/>
 
-			<FlowScriptPicker
-				label={`For loop`}
-				icon={faRepeat}
-				iconColor="text-blue-500"
-				on:click={() => dispatch('loop')}
-			/>
+			{#if kind != 'approval'}
+				<FlowScriptPicker
+					label="Go"
+					lang={Script.language.GO}
+					on:click={() => {
+						dispatch('new', {
+							language: RawScript.language.GO,
+							kind,
+							subkind: 'flow'
+						})
+					}}
+				/>
+			{/if}
+
+			{#if kind == 'script'}
+				<FlowScriptPicker
+					label="Bash"
+					lang={Script.language.BASH}
+					on:click={() => {
+						dispatch('new', {
+							language: RawScript.language.BASH,
+							kind,
+							subkind: 'flow'
+						})
+					}}
+				/>
+
+				{#if !failureModule}
+					<FlowScriptPicker
+						label={`PostgreSQL`}
+						lang="pgsql"
+						on:click={() =>
+							dispatch('new', { language: RawScript.language.DENO, kind, subkind: 'pgsql' })}
+					/>
+				{/if}
+			{/if}
 		</div>
+	</div>
+
+	<div class="flex flex-row gap-x-2 mt-8 mb-2"
+		><h3>Use pre-made</h3>
+		<div class="max-w-min">
+			<ToggleButtonGroup bind:selected={pick_existing}>
+				<ToggleButton position="left" value="hub" size="xs">
+					<WindmillIcon white={pick_existing == 'hub'} height="16px" width="16px" /><div
+						class="mr-1"
+					/>Hub
+				</ToggleButton>
+				<ToggleButton position="right" value="workspace" size="xs" startIcon={{ icon: faBuilding }}>
+					Workspace
+				</ToggleButton>
+			</ToggleButtonGroup>
+		</div></div
+	>
+	{#if pick_existing == 'hub'}
+		<PickHubScript bind:filter {kind} on:pick />
+	{:else}
+		<WorkspaceScriptPicker bind:filter {kind} on:pick />
 	{/if}
 </div>

package/components/flows/content/FlowInputs.svelte.d.ts

@@ -5,19 +5,16 @@ declare const __propDef: {
         shouldDisableTriggerScripts?: boolean | undefined;
     };
     events: {
-        pick: any;
+        pick: CustomEvent<any>;
         new: CustomEvent<any>;
-        branchone: CustomEvent<any>;
-        branchall: CustomEvent<any>;
-        loop: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export declare type FlowInputsProps = typeof __propDef.props;
-export declare type FlowInputsEvents = typeof __propDef.events;
-export declare type FlowInputsSlots = typeof __propDef.slots;
+export type FlowInputsProps = typeof __propDef.props;
+export type FlowInputsEvents = typeof __propDef.events;
+export type FlowInputsSlots = typeof __propDef.slots;
 export default class FlowInputs extends SvelteComponentTyped<FlowInputsProps, FlowInputsEvents, FlowInputsSlots> {
 }
 export {};

package/components/flows/content/FlowLoop.svelte

@@ -18,7 +18,7 @@ export let parentModule;
 export let previousModule;
 let editor = undefined;
 let selected = 'early-stop';
-$: pickableProperties = getStepPropPicker($flowStateStore, parentModule, previousModule, mod.id, $flowStore, previewArgs, false, true).pickableProperties;
+$: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousModule, mod.id, $flowStore, $previewArgs, false, true);
 </script>
 
 <div class="h-full flex flex-col">
@@ -40,7 +40,7 @@ $: pickableProperties = getStepPropPicker($flowStateStore, parentModule, previou
 						<div class="border w-full">
 							<PropPickerWrapper
 								notSelectable
-								{pickableProperties}
+								pickableProperties={stepPropPicker.pickableProperties}
 								on:select={({ detail }) => {
 									editor?.insertAtCursor(detail)
 								}}
@@ -51,6 +51,7 @@ $: pickableProperties = getStepPropPicker($flowStateStore, parentModule, previou
 									bind:code={mod.value.iterator.expr}
 									class="small-editor"
 									shouldBindKey={false}
+									extraLib={stepPropPicker.extraLib}
 								/>
 							</PropPickerWrapper>
 						</div>