mountain-ui 1.0.68 → 1.0.70

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.68",
+	"version": "1.0.70",
 	"description": "A comprehensive UI component library for ERP systems with field types, entities, and registry management built with Svelte",
 	"type": "module",
 	"module": "index.js",

package/src/lib/registry/entryActionRegistry/components/EntryActionForm.svelte

@@ -10,10 +10,10 @@
 		...restProps
 	} = $props();
 
-	const entryAction = $derived(entryActionId ? entryActionRegistry.get(entryActionId) : null);
+	const entryAction = $derived(entryActionId ? entryActionRegistry.select(entryActionId) : null);
 
-	let name = $derived(entryAction?.name ?? '');
-	let props = $derived(entryAction?.props ?? null);
+	let name = $derived($entryAction?.name ?? '');
+	let props = $derived($entryAction?.props ?? null);
 
 	function handleSubmit() {
 		let data = {
@@ -27,16 +27,18 @@
 	}
 </script>
 
-{#if entryAction}
-	<EntryActionProperties entryActionType={entryAction.type} bind:name bind:props {...restProps}
-	></EntryActionProperties>
-	<Button onClick={handleSubmit}>
-		<h5>éditer</h5>
-	</Button>
+{#if entryActionId}
+	{#if $entryAction && name && props}
+		<EntryActionProperties entryActionType={$entryAction.type} bind:name bind:props {...restProps}
+		></EntryActionProperties>
+		<Button onClick={handleSubmit}>
+			<h5>éditer</h5>
+		</Button>
+	{/if}
 {:else}
 	<EntryActionProperties {entryActionType} bind:name bind:props {...restProps}
 	></EntryActionProperties>
-    <Button onClick={handleSubmit}>
+	<Button onClick={handleSubmit}>
 		<h5>créée</h5>
 	</Button>
 {/if}

package/src/lib/registry/entryActionTypeRegistry/entryActionTypes/PrefillNewEntry/Properties.svelte

@@ -7,20 +7,32 @@
 	import { fieldTypeRegistry } from '../../../fieldTypeRegistry/registry.svelte';
 	import { Button } from 'hamzus-ui';
 	import Binding from './component/Binding.svelte';
+	import { onMount } from 'svelte';
 
 	let {
 		props = $bindable({
 			fromEntityId: null,
 			toEntityId: null,
-			bindings: [
-				// {
-				//     fromFieldId:null,
-				//     toFieldId:null,
-				//     bindings:[] // disponible lorsque il y a un type imbriquer comme line
-				// }
-			]
+			bindings: null //[
+			// {
+			//     fromFieldId:null,
+			//     toFieldId:null,
+			//     bindings:[] // disponible lorsque il y a un type imbriquer comme line
+			// }
+			//]
 		}),
-        onChange = (props)=>{}
+		// props = $bindable({
+		// 	fromEntityId: null,
+		// 	toEntityId: null,
+		// 	bindings: null //[
+		// 	// {
+		// 	//     fromFieldId:null,
+		// 	//     toFieldId:null,
+		// 	//     bindings:[] // disponible lorsque il y a un type imbriquer comme line
+		// 	// }
+		// 	//]
+		// }),
+		onChange = (props) => {}
 	} = $props();
 
 	let fromEntityId = $derived(props.fromEntityId);
@@ -29,17 +41,34 @@
 	const fromEntity = $derived(entityRegistry.get(fromEntityId));
 	const toEntity = $derived(entityRegistry.get(toEntityId));
 
+	let isMounted = $state(false);
+
+    onMount(()=>{
+        isMounted = true
+    })
+
 	$effect(() => {
+		const newProps = getProps(fromEntityId, toEntityId);
+
+        if (newProps === null) return
+
+        props = {...newProps}
+	});
+
+	function getProps() {
+        if (!isMounted && props.bindings !== null) {
+            return null
+        }
+
 		let newProps = {
 			fromEntityId: fromEntityId,
 			toEntityId: toEntityId
 		};
 		if (!fromEntity) {
-			props = {
+			return {
 				...newProps,
 				bindings: []
 			};
-			return null;
 		}
 
 		let newBindings = [];
@@ -52,11 +81,11 @@
 			});
 		}
 
-		props = {
+		return {
 			...newProps,
 			bindings: [...newBindings]
 		};
-	});
+	}
 
 	function getBinding(fieldId) {
 		return props.bindings?.find((binding) => binding?.fromFieldId === fieldId);