windmill-components 1.504.5 → 1.504.6

package/package/components/schema/AddPropertyFormV2.svelte

@@ -3,7 +3,7 @@ import { Button } from '../common';
 import { CornerDownLeft } from 'lucide-svelte';
 import Popover from '../meltComponents/Popover.svelte';
 let name = $state('');
-let { customName = undefined, disabled = false, trigger } = $props();
+let { customName = undefined, disabled = false, trigger, noPopover } = $props();
 const dispatch = createEventDispatcher();
 function addField() {
     dispatch('add', { name });
@@ -12,37 +12,46 @@ function addField() {
 const trigger_render = $derived(trigger);
 </script>
 
-<Popover closeButton={false} class="w-full" {disabled}>
-	{#snippet trigger()}
-		{@render trigger_render?.()}
-	{/snippet}
-	{#snippet content({ close })}
-		<div class="flex flex-row gap-2 p-2 rounded-md">
-			<input
-				bind:value={name}
-				placeholder={`${customName ?? 'Field'} name`}
-				onkeydown={(event) => {
-					if (event.key === 'Enter') {
-						addField()
-						close()
-					}
-				}}
-				{disabled}
-			/>
-			<Button
-				variant="contained"
-				color="dark"
-				size="xs"
-				id="flow-editor-add-property"
-				on:click={() => {
+{#snippet form({ close })}
+	<div class="flex flex-row gap-2 p-2 rounded-md">
+		<input
+			bind:value={name}
+			class="max-w-80"
+			placeholder={`${customName ?? 'Field'} name`}
+			onkeydown={(event) => {
+				if (event.key === 'Enter') {
 					addField()
 					close()
-				}}
-				disabled={!name || disabled}
-				shortCut={{ Icon: CornerDownLeft, withoutModifier: true }}
-			>
-				Add {customName ? customName.toLowerCase() : 'field'}
-			</Button>
-		</div>
-	{/snippet}
-</Popover>
+				}
+			}}
+			{disabled}
+		/>
+		<Button
+			variant="contained"
+			color="dark"
+			size="xs"
+			id="flow-editor-add-property"
+			on:click={() => {
+				addField()
+				close()
+			}}
+			disabled={!name || disabled}
+			shortCut={{ Icon: CornerDownLeft, withoutModifier: true }}
+		>
+			Add {customName ? customName.toLowerCase() : 'field'}
+		</Button>
+	</div>
+{/snippet}
+
+{#if noPopover}
+	{@render form({ close: () => {} })}
+{:else}
+	<Popover closeButton={false} class="w-full" {disabled}>
+		{#snippet trigger()}
+			{@render trigger_render?.()}
+		{/snippet}
+		{#snippet content({ close })}
+			{@render form({ close })}
+		{/snippet}
+	</Popover>
+{/if}

package/package/components/schema/AddPropertyFormV2.svelte.d.ts

@@ -2,6 +2,7 @@ interface Props {
     customName?: string | undefined;
     disabled?: boolean;
     trigger?: import('svelte').Snippet;
+    noPopover?: boolean;
 }
 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> & {

package/package/components/schema/AddPropertyV2.svelte

@@ -2,7 +2,7 @@
 import { emptySchema, sendUserToast } from '../../utils';
 import { createEventDispatcher } from 'svelte';
 import AddPropertyFormV2 from './AddPropertyFormV2.svelte';
-let { schema = $bindable(emptySchema()), trigger } = $props();
+let { schema = $bindable(emptySchema()), trigger, noPopover } = $props();
 export const DEFAULT_PROPERTY = {
     selectedType: 'string',
     description: '',
@@ -130,6 +130,7 @@ const trigger_render = $derived(trigger);
 </script>
 
 <AddPropertyFormV2
+	{noPopover}
 	on:add={(e) => {
 		try {
 			handleAddOrEditArgument({

package/package/components/schema/AddPropertyV2.svelte.d.ts

@@ -2,6 +2,7 @@ import { type Schema, type ModalSchemaProperty } from '../../common';
 interface Props {
     schema?: Schema | any;
     trigger?: import('svelte').Snippet;
+    noPopover?: boolean;
 }
 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> & {

package/package/components/schema/EditableSchemaWrapper.svelte

@@ -7,7 +7,7 @@ import AddPropertyV2 from './AddPropertyV2.svelte';
 import { Plus } from 'lucide-svelte';
 import Select from '../select/Select.svelte';
 import { safeSelectItems } from '../select/utils.svelte';
-let { schema = $bindable(), uiOnly = false, noPreview = false, fullHeight = true, formatExtension = $bindable(undefined), onSchemaChange } = $props();
+let { schema = $bindable(), uiOnly = false, noPreview = false, fullHeight = true, formatExtension = $bindable(undefined), onSchemaChange, customUi } = $props();
 let resourceIsTextFile = $state(false);
 let addPropertyComponent = $state(undefined);
 let editableSchemaForm = $state(undefined);
@@ -61,6 +61,7 @@ let suggestedFileExtensions = $state([
 	>
 		{#if noPreview}
 			<AddPropertyV2
+				noPopover={customUi?.noAddPopover}
 				bind:schema
 				bind:this={addPropertyComponent}
 				on:change={() => onSchemaChange?.({ schema: $state.snapshot(schema) })}
@@ -96,6 +97,7 @@ let suggestedFileExtensions = $state([
 			{#snippet addProperty()}
 				{#if !noPreview}
 					<AddPropertyV2
+						noPopover={customUi?.noAddPopover}
 						bind:schema
 						bind:this={addPropertyComponent}
 						on:change={() => onSchemaChange?.({ schema })}

package/package/components/schema/editable_schema_wrapper.d.ts

@@ -5,6 +5,9 @@ export type EditableSchemaWrapperProps = {
     noPreview?: boolean;
     fullHeight?: boolean;
     formatExtension?: string | undefined;
+    customUi?: {
+        noAddPopover?: boolean;
+    };
     onSchemaChange?: ({ schema }: {
         schema: Schema;
     }) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.504.5",
+	"version": "1.504.6",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",