windmill-components 1.473.1 → 1.493.3

package/package/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte.d.ts

@@ -1,18 +1,22 @@
-import { SvelteComponent } from "svelte";
 import type { ComputeConfig } from 'svelte-floating-ui';
-declare const __propDef: {
-    props: {
-        value?: string | undefined;
-        floatingConfig?: ComputeConfig | undefined;
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconSelectInputProps = typeof __propDef.props;
-export type IconSelectInputEvents = typeof __propDef.events;
-export type IconSelectInputSlots = typeof __propDef.slots;
-export default class IconSelectInput extends SvelteComponent<IconSelectInputProps, IconSelectInputEvents, IconSelectInputSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const IconSelectInput: $$__sveltets_2_IsomorphicComponent<{
+    value?: string | undefined;
+    floatingConfig?: ComputeConfig;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconSelectInput = InstanceType<typeof IconSelectInput>;
+export default IconSelectInput;

package/package/components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte

@@ -1,4 +1,4 @@
-<script>export let componentInput;
+<script lang="ts">export let componentInput;
 </script>
 
 {#if componentInput}

package/package/components/apps/editor/settingsPanel/inputEditor/RowInputEditor.svelte.d.ts

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { RowAppInput } from '../../../inputType';
-declare const __propDef: {
-    props: {
-        componentInput: RowAppInput | undefined;
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RowInputEditorProps = typeof __propDef.props;
-export type RowInputEditorEvents = typeof __propDef.events;
-export type RowInputEditorSlots = typeof __propDef.slots;
-export default class RowInputEditor extends SvelteComponent<RowInputEditorProps, RowInputEditorEvents, RowInputEditorSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const RowInputEditor: $$__sveltets_2_IsomorphicComponent<{
+    componentInput: RowAppInput | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RowInputEditor = InstanceType<typeof RowInputEditor>;
+export default RowInputEditor;

package/package/components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte

@@ -1,4 +1,4 @@
-<script>import { isScriptByNameDefined, isScriptByPathDefined } from '../../../utils';
+<script lang="ts">import { isScriptByNameDefined, isScriptByPathDefined } from '../../../utils';
 import { getContext } from 'svelte';
 import RunnableSelector from '../mainInput/RunnableSelector.svelte';
 import SelectedRunnable from '../SelectedRunnable.svelte';
@@ -6,6 +6,7 @@ export let appInput;
 export let defaultUserInput = false;
 export let appComponent;
 const { selectedComponentInEditor } = getContext('AppEditorContext');
+const { app } = getContext('AppViewerContext');
 function onPick({ runnable, fields }) {
     if (appInput.type === 'runnable') {
         appInput = { ...appInput, runnable, fields };
@@ -21,6 +22,7 @@ function onPick({ runnable, fields }) {
 	<SelectedRunnable {appComponent} bind:appInput />
 {:else if appInput !== undefined}
 	<RunnableSelector
+		unusedInlineScripts={$app.unusedInlineScripts}
 		hideCreateScript={appComponent.type === 'flowstatuscomponent'}
 		onlyFlow={appComponent.type === 'flowstatuscomponent'}
 		{defaultUserInput}

package/package/components/apps/editor/settingsPanel/inputEditor/RunnableInputEditor.svelte.d.ts

@@ -1,20 +1,24 @@
-import { SvelteComponent } from "svelte";
 import type { ResultAppInput } from '../../../inputType';
 import type { AppComponent } from '../../component';
-declare const __propDef: {
-    props: {
-        appInput: ResultAppInput;
-        defaultUserInput?: boolean | undefined;
-        appComponent: AppComponent;
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RunnableInputEditorProps = typeof __propDef.props;
-export type RunnableInputEditorEvents = typeof __propDef.events;
-export type RunnableInputEditorSlots = typeof __propDef.slots;
-export default class RunnableInputEditor extends SvelteComponent<RunnableInputEditorProps, RunnableInputEditorEvents, RunnableInputEditorSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const RunnableInputEditor: $$__sveltets_2_IsomorphicComponent<{
+    appInput: ResultAppInput;
+    defaultUserInput?: boolean;
+    appComponent: AppComponent;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RunnableInputEditor = InstanceType<typeof RunnableInputEditor>;
+export default RunnableInputEditor;

package/package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -1,4 +1,4 @@
-<script>import ArrayStaticInputEditor from '../ArrayStaticInputEditor.svelte';
+<script lang="ts">import ArrayStaticInputEditor from '../ArrayStaticInputEditor.svelte';
 import ResourcePicker from '../../../../ResourcePicker.svelte';
 import { getContext } from 'svelte';
 import IconSelectInput from './IconSelectInput.svelte';
@@ -7,7 +7,7 @@ import TabSelectInput from './TabSelectInput.svelte';
 import Toggle from '../../../../Toggle.svelte';
 import autosize from '../../../../../autosize';
 import Button from '../../../../common/button/Button.svelte';
-import { Settings } from 'lucide-svelte';
+import { Loader2, Pipette, Settings } from 'lucide-svelte';
 import AgGridWizard from '../../../../wizards/AgGridWizard.svelte';
 import TableColumnWizard from '../../../../wizards/TableColumnWizard.svelte';
 import PlotlyWizard from '../../../../wizards/PlotlyWizard.svelte';
@@ -20,6 +20,8 @@ import DBTableSelect from './DBTableSelect.svelte';
 import EditableSchemaDrawer from '../../../../schema/EditableSchemaDrawer.svelte';
 import AppPicker from '../../../../wizards/AppPicker.svelte';
 import JsonEditor from '../../../../JsonEditor.svelte';
+import S3FilePicker from '../../../../S3FilePicker.svelte';
+import FileUpload from '../../../../common/fileUpload/FileUpload.svelte';
 export let componentInput;
 export let fieldType = undefined;
 export let subFieldType = undefined;
@@ -27,8 +29,10 @@ export let selectOptions = undefined;
 export let placeholder = undefined;
 export let format = undefined;
 export let id;
-const { onchange } = getContext('AppViewerContext');
-$: componentInput && onchange?.();
+const appContext = getContext('AppViewerContext');
+$: componentInput && appContext?.onchange?.();
+let s3FileUploadRawMode = false;
+let s3FilePicker = undefined;
 </script>
 
 {#key subFieldType}
@@ -36,7 +40,8 @@ $: componentInput && onchange?.();
 		{#if fieldType === 'number' || fieldType === 'integer'}
 			<input on:keydown|stopPropagation type="number" bind:value={componentInput.value} />
 		{:else if fieldType === 'textarea'}
-			<textarea use:autosize on:keydown|stopPropagation bind:value={componentInput.value} />
+			<textarea use:autosize on:keydown|stopPropagation bind:value={componentInput.value}
+			></textarea>
 		{:else if fieldType === 'date'}
 			<input on:keydown|stopPropagation type="date" bind:value={componentInput.value} />
 		{:else if fieldType === 'time'}
@@ -129,7 +134,74 @@ $: componentInput && onchange?.();
 		{:else if fieldType === 'color'}
 			<ColorInput bind:value={componentInput.value} />
 		{:else if fieldType === 'object' || fieldType == 'labeledselect'}
-			{#if format?.startsWith('resource-') && (componentInput.value == undefined || typeof componentInput.value == 'string')}
+			{#if format && format.split('-').length > 1 && format
+					.replace('resource-', '')
+					.replace('_', '')
+					.toLowerCase() == 's3object'}
+				<div class="flex flex-col w-full gap-1">
+					<Toggle
+						class="flex justify-end"
+						bind:checked={s3FileUploadRawMode}
+						size="xs"
+						options={{ left: 'Raw S3 object input' }}
+					/>
+					{#if s3FileUploadRawMode}
+						{#await import('../../../../JsonEditor.svelte')}
+							<Loader2 class="animate-spin" />
+						{:then Module}
+							<Module.default
+								code={JSON.stringify(componentInput.value ?? { s3: '' }, null, 2)}
+								bind:value={componentInput.value}
+							/>
+						{/await}
+					{:else}
+						<FileUpload
+							allowMultiple={false}
+							randomFileKey={true}
+							on:addition={(evt) => {
+								if (componentInput) {
+									componentInput.value = {
+										s3: evt.detail?.path ?? '',
+										filename: evt.detail?.filename ?? ''
+									}
+									s3FileUploadRawMode = true
+								}
+							}}
+							on:deletion={(evt) => {
+								if (componentInput) {
+									componentInput.value = {
+										s3: ''
+									}
+								}
+							}}
+						/>
+					{/if}
+					<Button
+						variant="border"
+						color="light"
+						size="xs"
+						btnClasses="mt-1"
+						on:click={() => {
+							s3FilePicker?.open?.()
+						}}
+						startIcon={{ icon: Pipette }}
+					>
+						Choose an object from the catalog
+					</Button>
+				</div>
+				<S3FilePicker
+					bind:this={s3FilePicker}
+					readOnlyMode={false}
+					on:close={(e) => {
+						if (e.detail) {
+							if (componentInput) {
+								componentInput.value = e.detail
+							}
+							s3FileUploadRawMode = true
+						}
+					}}
+				/>
+			{:else if format?.startsWith('resource-') && (componentInput.value == undefined || typeof componentInput.value == 'string')}
 				<ResourcePicker
 					initialValue={componentInput.value?.split('$res:')?.[1] || ''}
 					on:change={(e) => {
@@ -156,6 +228,7 @@ $: componentInput && onchange?.();
 			{:else}
 				<div class="flex w-full flex-col">
 					<JsonEditor
+						loadAsync
 						small
 						bind:value={componentInput.value}
 						code={JSON.stringify(componentInput.value, null, 2)}
@@ -326,7 +399,7 @@ $: componentInput && onchange?.();
 					placeholder={placeholder ?? 'Static value'}
 					bind:value={componentInput.value}
 					class="!pr-12"
-				/>
+				></textarea>
 			</div>
 		{/if}
 	{/if}

package/package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte.d.ts

@@ -1,27 +1,31 @@
-import { SvelteComponent } from "svelte";
 import type { InputType, StaticInput, StaticOptions } from '../../../inputType';
-declare const __propDef: {
-    props: {
-        componentInput: StaticInput<any> | undefined;
-        fieldType?: InputType | undefined;
-        subFieldType?: InputType | undefined;
-        selectOptions?: StaticOptions['selectOptions'] | undefined;
-        placeholder?: string | undefined;
-        format?: string | undefined;
-        id: string | undefined;
+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;
     };
-    events: {
-        keydown: KeyboardEvent;
-        deleteArrayItem: CustomEvent<any>;
-        remove: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type StaticInputEditorProps = typeof __propDef.props;
-export type StaticInputEditorEvents = typeof __propDef.events;
-export type StaticInputEditorSlots = typeof __propDef.slots;
-export default class StaticInputEditor extends SvelteComponent<StaticInputEditorProps, StaticInputEditorEvents, StaticInputEditorSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const StaticInputEditor: $$__sveltets_2_IsomorphicComponent<{
+    componentInput: StaticInput<any> | undefined;
+    fieldType?: InputType | undefined;
+    subFieldType?: InputType | undefined;
+    selectOptions?: StaticOptions["selectOptions"] | undefined;
+    placeholder?: string | undefined;
+    format?: string | undefined;
+    id: string | undefined;
+}, {
+    keydown: KeyboardEvent;
+    deleteArrayItem: CustomEvent<any>;
+    remove: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type StaticInputEditor = InstanceType<typeof StaticInputEditor>;
+export default StaticInputEditor;

package/package/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte

@@ -1,4 +1,4 @@
-<script>import { allItems } from '../../../utils';
+<script lang="ts">import { allItems } from '../../../utils';
 import { getContext } from 'svelte';
 export let componentInput;
 const { app } = getContext('AppViewerContext');

package/package/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte.d.ts

@@ -1,20 +1,24 @@
-import { SvelteComponent } from "svelte";
 import type { StaticInput } from '../../../inputType';
-declare const __propDef: {
-    props: {
-        componentInput: StaticInput<{
-            id: string;
-            index: number;
-        }>;
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TabSelectInputProps = typeof __propDef.props;
-export type TabSelectInputEvents = typeof __propDef.events;
-export type TabSelectInputSlots = typeof __propDef.slots;
-export default class TabSelectInput extends SvelteComponent<TabSelectInputProps, TabSelectInputEvents, TabSelectInputSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TabSelectInput: $$__sveltets_2_IsomorphicComponent<{
+    componentInput: StaticInput<{
+        id: string;
+        index: number;
+    }>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TabSelectInput = InstanceType<typeof TabSelectInput>;
+export default TabSelectInput;

package/package/components/apps/editor/settingsPanel/inputEditor/UploadInputEditor.svelte

@@ -1,22 +1,60 @@
-<script>import { FileInput } from '../../../../common';
+<script lang="ts">import { FileInput } from '../../../../common';
+import FileUpload from '../../../../common/fileUpload/FileUpload.svelte';
+import { writable } from 'svelte/store';
 export let componentInput;
 export let fileUpload;
+export let s3 = false;
+export let prefix = undefined;
+export let workspace = undefined;
+export let s3FileUploadRawMode = false;
+let fileUploads = writable([]);
+function hasConvertTo(upload) {
+    return upload && 'convertTo' in upload;
+}
 </script>
 
-<FileInput
-	accept={fileUpload?.accept}
-	multiple={fileUpload?.multiple}
-	convertTo={fileUpload?.convertTo}
-	iconSize={24}
-	class="text-sm py-4"
-	on:change={({ detail }) => {
-		if (componentInput) {
-			componentInput.value = fileUpload?.multiple ? detail : detail?.[0]
-		}
-	}}
->
-	<svelte:fragment slot="selected-title">
-		<!-- Removing the title when there is a selected file -->
-		<span />
-	</svelte:fragment>
-</FileInput>
+{#if s3}
+	<FileUpload
+		acceptedFileTypes={[fileUpload?.accept ?? '*']}
+		allowMultiple={fileUpload?.multiple}
+		containerText={'Drag and drop a file'}
+		customResourceType="s3"
+		iconSize={24}
+		customClass="text-sm py-4"
+		{fileUploads}
+		{workspace}
+		pathTransformer={({ file }) => {
+			const cleanPrefix = prefix ? `${prefix.replace(/^\/+|\/+$/g, '')}/` : ''
+			return `${cleanPrefix}${file.name}`
+		}}
+		on:addition={({ detail }) => {
+			// @ts-ignore
+			componentInput = {
+				...componentInput,
+				type: 'uploadS3',
+				value: { s3: detail.path }
+			}
+			s3FileUploadRawMode = true
+		}}
+	/>
+{:else}
+	<FileInput
+		accept={fileUpload?.accept}
+		multiple={fileUpload?.multiple}
+		convertTo={hasConvertTo(fileUpload) ? fileUpload.convertTo : undefined}
+		iconSize={24}
+		class="text-sm py-4"
+		on:change={({ detail }) => {
+			componentInput = {
+				...componentInput,
+				type: 'static',
+				value: fileUpload?.multiple ? detail : detail?.[0]
+			}
+		}}
+	>
+		<svelte:fragment slot="selected-title">
+			<!-- Removing the title when there is a selected file -->
+			<span></span>
+		</svelte:fragment>
+	</FileInput>
+{/if}

package/package/components/apps/editor/settingsPanel/inputEditor/UploadInputEditor.svelte.d.ts

@@ -1,18 +1,26 @@
-import { SvelteComponent } from "svelte";
-import type { UploadAppInput } from '../../../inputType';
-declare const __propDef: {
-    props: {
-        componentInput: UploadAppInput | undefined;
-        fileUpload: UploadAppInput['fileUpload'] | undefined;
+import type { UploadAppInput, UploadS3AppInput, StaticInput } from '../../../inputType';
+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;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type UploadInputEditorProps = typeof __propDef.props;
-export type UploadInputEditorEvents = typeof __propDef.events;
-export type UploadInputEditorSlots = typeof __propDef.slots;
-export default class UploadInputEditor extends SvelteComponent<UploadInputEditorProps, UploadInputEditorEvents, UploadInputEditorSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const UploadInputEditor: $$__sveltets_2_IsomorphicComponent<{
+    componentInput: UploadAppInput | UploadS3AppInput | StaticInput<any> | undefined;
+    fileUpload: UploadAppInput["fileUpload"] | UploadS3AppInput["fileUploadS3"] | undefined;
+    s3?: boolean | undefined;
+    prefix?: string | undefined;
+    workspace?: string | undefined;
+    s3FileUploadRawMode?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type UploadInputEditor = InstanceType<typeof UploadInputEditor>;
+export default UploadInputEditor;

package/package/components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte

@@ -1,4 +1,4 @@
-<script>import { createEventDispatcher } from 'svelte';
+<script lang="ts">import { createEventDispatcher } from 'svelte';
 import SearchItems from '../../../../SearchItems.svelte';
 import NoItemFound from '../../../../home/NoItemFound.svelte';
 import RowIcon from '../../../../common/table/RowIcon.svelte';

package/package/components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte.d.ts

@@ -1,22 +1,33 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        filter?: string | undefined;
-        inlineScripts?: string[] | undefined;
+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;
     };
-    events: {
-        keydown: KeyboardEvent;
-        pick: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type InlineScriptListProps = typeof __propDef.props;
-export type InlineScriptListEvents = typeof __propDef.events;
-export type InlineScriptListSlots = typeof __propDef.slots;
-export default class InlineScriptList extends SvelteComponent<InlineScriptListProps, InlineScriptListEvents, InlineScriptListSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const InlineScriptList: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    filter?: string;
+    inlineScripts?: string[];
+}, {
+    default: {};
+}>, {
+    keydown: KeyboardEvent;
+    pick: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type InlineScriptList = InstanceType<typeof InlineScriptList>;
+export default InlineScriptList;