windmill-components 1.447.8 → 1.448.50

package/package/components/DarkModeObserver.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        darkMode?: boolean;
+        darkMode?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;
@@ -9,8 +9,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DarkModeObserverProps = typeof __propDef.props;
 export type DarkModeObserverEvents = typeof __propDef.events;

package/package/components/DateInput.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         value?: string | undefined;
-        autofocus?: boolean | null;
+        autofocus?: boolean | null | undefined;
         minDate?: string | undefined;
         maxDate?: string | undefined;
         dateFormat?: string | undefined;
-        disabled?: boolean;
+        disabled?: boolean | undefined;
     };
     events: {
         pointerdown: PointerEvent;
@@ -16,8 +16,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DateInputProps = typeof __propDef.props;
 export type DateInputEvents = typeof __propDef.events;

package/package/components/DateTimeInput.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         value?: string | undefined;
-        clearable?: boolean;
-        autofocus?: boolean | null;
-        useDropdown?: boolean;
+        clearable?: boolean | undefined;
+        autofocus?: boolean | null | undefined;
+        useDropdown?: boolean | undefined;
         minDate?: string | undefined;
         maxDate?: string | undefined;
         disabled?: boolean | undefined;
@@ -19,8 +19,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DateTimeInputProps = typeof __propDef.props;
 export type DateTimeInputEvents = typeof __propDef.events;

package/package/components/DefaultScripts.svelte.d.ts

@@ -1,16 +1,14 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        placement?: "left" | "right";
-        size?: "xs3" | "xs2";
-        noText?: boolean;
+        placement?: "right" | "left" | undefined;
+        size?: "xs3" | "xs2" | undefined;
+        noText?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DefaultScriptsProps = typeof __propDef.props;
 export type DefaultScriptsEvents = typeof __propDef.events;

package/package/components/DefaultScriptsInner.svelte.d.ts

@@ -1,14 +1,12 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        small?: boolean;
+        small?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DefaultScriptsInnerProps = typeof __propDef.props;
 export type DefaultScriptsInnerEvents = typeof __propDef.events;

package/package/components/DefaultTags.svelte.d.ts

@@ -8,8 +8,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DefaultTagsProps = typeof __propDef.props;
 export type DefaultTagsEvents = typeof __propDef.events;

package/package/components/DefaultTagsInner.svelte.d.ts

@@ -8,8 +8,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DefaultTagsInnerProps = typeof __propDef.props;
 export type DefaultTagsInnerEvents = typeof __propDef.events;

package/package/components/DeployToSetting.svelte.d.ts

@@ -12,14 +12,12 @@ declare const __propDef: {
                 variables: boolean;
                 secrets: boolean;
             };
-        };
+        } | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DeployToSettingProps = typeof __propDef.props;
 export type DeployToSettingEvents = typeof __propDef.events;

package/package/components/DeployWorkspace.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         kind: "script" | "flow" | "resource" | "resource_type" | "schedule" | "app" | "folder" | "variable" | "raw_app";
-        initialPath?: string;
+        initialPath?: string | undefined;
         workspaceToDeployTo?: string | undefined;
-        hideButton?: boolean;
-        deployAll?: () => void;
+        hideButton?: boolean | undefined;
+        deployAll?: (() => void) | undefined;
     };
     events: {
         update: CustomEvent<any>;
@@ -13,8 +13,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DeployWorkspaceProps = typeof __propDef.props;
 export type DeployWorkspaceEvents = typeof __propDef.events;

package/package/components/DeployWorkspaceDrawer.svelte.d.ts

@@ -1,14 +1,12 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: (initialPath_l: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
+        openDrawer?: ((initialPath_l: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DeployWorkspaceDrawerProps = typeof __propDef.props;
 export type DeployWorkspaceDrawerEvents = typeof __propDef.events;

package/package/components/Description.svelte.d.ts

@@ -9,8 +9,6 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DescriptionProps = typeof __propDef.props;
 export type DescriptionEvents = typeof __propDef.events;

package/package/components/Dev.svelte.d.ts

@@ -5,8 +5,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DevProps = typeof __propDef.props;
 export type DevEvents = typeof __propDef.events;

package/package/components/DiffDrawer.svelte.d.ts

@@ -2,22 +2,22 @@ import { SvelteComponent } from "svelte";
 import { type Value } from '../utils';
 declare const __propDef: {
     props: {
-        restoreDeployed?: () => Promise<void>;
-        restoreDraft?: () => Promise<void>;
-        openDrawer?: () => void;
-        closeDrawer?: () => void;
-        setDiff?: (diff: {
-            mode: "normal";
+        restoreDeployed?: (() => Promise<void>) | undefined;
+        restoreDraft?: (() => Promise<void>) | undefined;
+        openDrawer?: (() => void) | undefined;
+        closeDrawer?: (() => void) | undefined;
+        setDiff?: ((diff: {
+            mode: 'normal';
             deployed: Value;
             draft: Value | undefined;
             current: Value;
-            defaultDiffType?: "deployed" | "draft";
+            defaultDiffType?: 'deployed' | 'draft';
             button?: {
                 text: string;
                 onClick: () => void;
             };
         } | {
-            mode: "simple";
+            mode: 'simple';
             original: Value;
             current: Value;
             title: string;
@@ -25,7 +25,7 @@ declare const __propDef: {
                 text: string;
                 onClick: () => void;
             };
-        }) => void;
+        }) => void) | undefined;
     };
     events: {
         close: CustomEvent<any>;
@@ -33,8 +33,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DiffDrawerProps = typeof __propDef.props;
 export type DiffDrawerEvents = typeof __propDef.events;
@@ -47,11 +45,11 @@ export default class DiffDrawer extends SvelteComponent<DiffDrawerProps, DiffDra
         deployed: Value;
         draft: Value | undefined;
         current: Value;
-        defaultDiffType?: "deployed" | "draft";
+        defaultDiffType?: "draft" | "deployed" | undefined;
         button?: {
             text: string;
             onClick: () => void;
-        };
+        } | undefined;
     } | {
         mode: "simple";
         original: Value;
@@ -60,7 +58,7 @@ export default class DiffDrawer extends SvelteComponent<DiffDrawerProps, DiffDra
         button?: {
             text: string;
             onClick: () => void;
-        };
+        } | undefined;
     }) => void;
 }
 export {};

package/package/components/DiffEditor.svelte.d.ts

@@ -7,10 +7,10 @@ declare const __propDef: {
         [x: string]: any;
         automaticLayout?: boolean | undefined;
         fixedOverflowWidgets?: boolean | undefined;
-        defaultLang?: string | undefined | undefined;
-        defaultModifiedLang?: string | undefined | undefined;
-        defaultOriginal?: string | undefined | undefined;
-        defaultModified?: string | undefined | undefined;
+        defaultLang?: string | undefined;
+        defaultModifiedLang?: string | undefined;
+        defaultOriginal?: string | undefined;
+        defaultModified?: string | undefined;
         readOnly?: boolean | undefined;
         open?: boolean | undefined;
         setupModel?: ((lang: string, original?: string, modified?: string, modifiedLang?: string) => void) | undefined;
@@ -25,14 +25,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: undefined;
-    bindings?: undefined;
 };
 export type DiffEditorProps = typeof __propDef.props;
 export type DiffEditorEvents = typeof __propDef.events;
 export type DiffEditorSlots = typeof __propDef.slots;
 export default class DiffEditor extends SvelteComponent<DiffEditorProps, DiffEditorEvents, DiffEditorSlots> {
-    get setupModel(): (lang: string, original?: string, modified?: string, modifiedLang?: string) => void;
+    get setupModel(): (lang: string, original?: string | undefined, modified?: string | undefined, modifiedLang?: string | undefined) => void;
     get setOriginal(): (code: string) => void;
     get getOriginal(): () => string;
     get setModified(): (code: string) => void;

package/package/components/DisplayResult.svelte.d.ts

@@ -2,18 +2,18 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         result: any;
-        requireHtmlApproval?: boolean;
+        requireHtmlApproval?: boolean | undefined;
         filename?: string | undefined;
-        disableExpand?: boolean;
+        disableExpand?: boolean | undefined;
         jobId?: string | undefined;
         workspaceId?: string | undefined;
-        hideAsJson?: boolean;
-        noControls?: boolean;
-        drawerOpen?: boolean;
+        hideAsJson?: boolean | undefined;
+        noControls?: boolean | undefined;
+        drawerOpen?: boolean | undefined;
         nodeId?: string | undefined;
         language?: string | undefined;
         appPath?: string | undefined;
-        forceJson?: boolean;
+        forceJson?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -22,8 +22,6 @@ declare const __propDef: {
         'copilot-fix': {};
         default: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DisplayResultProps = typeof __propDef.props;
 export type DisplayResultEvents = typeof __propDef.events;

package/package/components/DraftBadge.svelte.d.ts

@@ -1,15 +1,13 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        has_draft?: boolean;
-        draft_only?: boolean;
+        has_draft?: boolean | undefined;
+        draft_only?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DraftBadgeProps = typeof __propDef.props;
 export type DraftBadgeEvents = typeof __propDef.events;

package/package/components/DropdownV2.svelte.d.ts

@@ -3,31 +3,31 @@ declare const __propDef: {
     props: {
         items?: {
             displayName: string;
-            action?: (e: CustomEvent<any>) => void;
+            action?: ((e: CustomEvent<any>) => void) | undefined;
             icon?: any;
-            href?: string;
-            disabled?: boolean;
-            type?: "action" | "delete";
+            href?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "delete" | "action" | undefined;
             hide?: boolean | undefined;
         }[] | (() => {
             displayName: string;
-            action?: (e: CustomEvent<any>) => void;
+            action?: ((e: CustomEvent<any>) => void) | undefined;
             icon?: any;
-            href?: string;
-            disabled?: boolean;
-            type?: "action" | "delete";
+            href?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "delete" | "action" | undefined;
             hide?: boolean | undefined;
         }[]) | (() => Promise<{
             displayName: string;
-            action?: (e: CustomEvent<any>) => void;
+            action?: ((e: CustomEvent<any>) => void) | undefined;
             icon?: any;
-            href?: string;
-            disabled?: boolean;
-            type?: "action" | "delete";
+            href?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "delete" | "action" | undefined;
             hide?: boolean | undefined;
-        }[]>);
-        justifyEnd?: boolean;
-        disabled?: boolean;
+        }[]>) | undefined;
+        justifyEnd?: boolean | undefined;
+        disabled?: boolean | undefined;
     };
     events: {
         close: CustomEvent<any>;
@@ -38,8 +38,6 @@ declare const __propDef: {
     slots: {
         buttonReplacement: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DropdownV2Props = typeof __propDef.props;
 export type DropdownV2Events = typeof __propDef.events;

package/package/components/DropdownV2Inner.svelte.d.ts

@@ -3,36 +3,34 @@ declare const __propDef: {
     props: {
         items?: {
             displayName: string;
-            action?: (e: CustomEvent<any>) => void;
+            action?: ((e: CustomEvent<any>) => void) | undefined;
             icon?: any;
-            href?: string;
-            disabled?: boolean;
-            type?: "action" | "delete";
+            href?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "delete" | "action" | undefined;
             hide?: boolean | undefined;
         }[] | (() => {
             displayName: string;
-            action?: (e: CustomEvent<any>) => void;
+            action?: ((e: CustomEvent<any>) => void) | undefined;
             icon?: any;
-            href?: string;
-            disabled?: boolean;
-            type?: "action" | "delete";
+            href?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "delete" | "action" | undefined;
             hide?: boolean | undefined;
         }[]) | (() => Promise<{
             displayName: string;
-            action?: (e: CustomEvent<any>) => void;
+            action?: ((e: CustomEvent<any>) => void) | undefined;
             icon?: any;
-            href?: string;
-            disabled?: boolean;
-            type?: "action" | "delete";
+            href?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "delete" | "action" | undefined;
             hide?: boolean | undefined;
-        }[]>);
+        }[]>) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DropdownV2InnerProps = typeof __propDef.props;
 export type DropdownV2InnerEvents = typeof __propDef.events;

package/package/components/DurationMs.svelte.d.ts

@@ -9,8 +9,6 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DurationMsProps = typeof __propDef.props;
 export type DurationMsEvents = typeof __propDef.events;

package/package/components/DynSelect.svelte.d.ts

@@ -4,24 +4,22 @@ declare const __propDef: {
     props: {
         value?: any;
         helperScript?: {
-            type: "inline";
+            type: 'inline';
             path?: string;
-            lang: Script["language"];
+            lang: Script['language'];
             code: string;
         } | {
-            type: "hash";
+            type: 'hash';
             hash: string;
         } | undefined;
         entrypoint: string;
-        args?: Record<string, any>;
+        args?: Record<string, any> | undefined;
         name: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DynSelectProps = typeof __propDef.props;
 export type DynSelectEvents = typeof __propDef.events;

package/package/components/EditableSchemaForm.svelte

@@ -38,6 +38,9 @@ export let editTab;
 export let previewSchema = undefined;
 export let editPanelInitialSize = undefined;
 export let editPanelSize = 0;
+export let diff = {};
+export let disableDnd = false;
+export let shouldDispatchChanges = false;
 const dispatch = createEventDispatcher();
 let clazz = '';
 export { clazz as class };
@@ -193,6 +196,10 @@ $: updatePanelSizes($editPanelSizeSmooth, $inputPanelSizeSmooth);
 $: !!editTab ? openEditTab() : closeEditTab();
 let pannelButtonWidth = 0;
 export let pannelExtraButtonWidth = 0;
+export function updateJson() {
+    schemaString = JSON.stringify(schema, null, '\t');
+    editor?.setCode(schemaString);
+}
 </script>
 
 <div class="w-full h-full">
@@ -208,37 +215,60 @@ export let pannelExtraButtonWidth = 0;
 	<Splitpanes class="splitter-hidden w-full">
 		{#if !noPreview}
 			<Pane bind:size={inputPanelSize} minSize={20}>
-				<div class="flex flex-col pr-2 gap-2">
+				<div
+					class="h-full flex flex-col gap-2 {$$slots.openEditTab && editPanelSize > 0
+						? 'pr-[38px]'
+						: 'pr-2'}"
+				>
 					{#if $$slots.addProperty}
-						<div class="w-full justify-left pr-2">
-							<div style={`width: calc(100% - ${pannelButtonWidth - pannelExtraButtonWidth}px);`}>
+						<div class="w-full justify-left pr-2 grow-0">
+							<div
+								style={editPanelSize > 0
+									? `width: 100%;`
+									: `width: calc(100% - ${pannelButtonWidth - pannelExtraButtonWidth}px);`}
+							>
 								<slot name="addProperty" />
 							</div>
 						</div>
 					{/if}
 
-					<SchemaFormDnd
-						schema={previewSchema ? previewSchema : schema}
-						{dndType}
-						bind:args
-						on:click={(e) => {
-							opened = e.detail
-						}}
-						on:reorder={(e) => {
-							schema.order = e.detail
-							schema = schema
-							dispatch('change', schema)
-						}}
-						on:change={() => {
-							schema = schema
-							dispatch('change', schema)
-						}}
-						{lightweightMode}
-						prettifyHeader={isAppInput}
-						disabled={!!previewSchema}
-					/>
+					<div
+						class="min-h-0 overflow-y-auto grow rounded-md {$$slots.runButton
+							? 'flex flex-col gap-2'
+							: ''}"
+					>
+						<SchemaFormDnd
+							nestedClasses={'flex flex-col gap-1'}
+							schema={previewSchema ? previewSchema : schema}
+							{dndType}
+							{disableDnd}
+							bind:args
+							on:click={(e) => {
+								opened = e.detail
+							}}
+							on:reorder={(e) => {
+								schema.order = e.detail
+								schema = schema
+								dispatch('change', schema)
+							}}
+							on:change={() => {
+								schema = schema
+								dispatch('change', schema)
+							}}
+							{lightweightMode}
+							prettifyHeader={isAppInput}
+							disabled={!!previewSchema}
+							{diff}
+							on:acceptChange
+							on:rejectChange
+							on:nestedChange={() => {
+								dispatch('change', schema)
+							}}
+							{shouldDispatchChanges}
+						/>
 
-					<slot name="runButton" />
+						<slot name="runButton" />
+					</div>
 				</div>
 			</Pane>
 		{/if}
@@ -386,7 +416,6 @@ export let pannelExtraButtonWidth = 0;
 															{isAppInput}
 															on:change={() => {
 																schema = schema
-																// console.log('schema', schema)
 																dispatch('change', schema)
 															}}
 														>
@@ -401,8 +430,6 @@ export let pannelExtraButtonWidth = 0;
 																				const isS3 = e.detail == 'S3'
 																				const isOneOf = e.detail == 'oneOf'
 
-																				selected = e.detail
-
 																				const emptyProperty = {
 																					contentEncoding: undefined,
 																					enum_: undefined,
@@ -469,8 +496,12 @@ export let pannelExtraButtonWidth = 0;
 																						type: e.detail
 																					}
 																				}
-																				schema = schema
-																				dispatch('change', schema)
+																				// No better solution than this, needs future rework
+																				setTimeout(() => {
+																					schema = schema
+																					dispatch('change', schema)
+																				}, 100)
+																				dispatch('schemaChange')
 																			}}
 																		>
 																			{#each [['String', 'string'], ['Number', 'number'], ['Integer', 'integer'], ['Object', 'object'], ['OneOf', 'oneOf'], ['Array', 'array'], ['Boolean', 'boolean'], ['S3 Object', 'S3']] as x}
@@ -519,6 +550,7 @@ export let pannelExtraButtonWidth = 0;
 																	on:schemaChange={(e) => {
 																		schema = schema
 																		dispatch('change', schema)
+																		dispatch('schemaChange')
 																	}}
 																/>
 															{/if}