mountain-ui 1.0.172 → 1.0.174

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.172",
+	"version": "1.0.174",
 	"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/fieldTypeRegistry/fieldTypes/number/NumberInt/Input.svelte

@@ -6,13 +6,11 @@
 
 	let { label, unique = false, secret = false, compact = false, required, placeholder="un nombre entier", value="", defaultValue = "", ...props } = $props();
 
-    onMount(()=>{
-        // si la valeur est pas set on verifie si il y a uen defaultValue
+    // si la valeur est pas set on verifie si il y a uen defaultValue
         if (!value && defaultValue) {
             value = defaultValue
             onChange(value);
         }
-    })
 </script>
 
 <Line {compact}>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/FieldTypeInputFloat.svelte

@@ -13,13 +13,11 @@
 		...props
 	} = $props();
 
-	onMount(() => {
-        // si la valeur est pas set on verifie si il y a uen defaultValue
+	 // si la valeur est pas set on verifie si il y a uen defaultValue
         if (!value && defaultValue) {
             value = defaultValue
             onChange(value);
         }
-	});
 
 	function handleCheckMinMax() {
 		let inputValue = value;

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/TextTextarea/Input.svelte

@@ -11,28 +11,26 @@
 		compact = false,
 		required,
 		defaultValue = '',
-		value = "",
-        placeholder = "votre texte",
-        onChange=(val)=>{},
+		value = '',
+		placeholder = 'votre texte',
+		onChange = (val) => {},
 		...props
 	} = $props();
 
-    onMount(() => {
-		// si la valeur est pas set on verifie si il y a uen defaultValue
-		if (!value && defaultValue) {
-			value = defaultValue;
-			handleChange();
-		}
-	});
+	// si la valeur est pas set on verifie si il y a uen defaultValue
+	if (!value && defaultValue) {
+		value = defaultValue;
+		handleChange();
+	}
 
-    function handleChange() {
-        onChange(value)
-    }
+	function handleChange() {
+		onChange(value);
+	}
 </script>
 
 <Line {compact}>
 	{#if label}
-	    <Label {unique} {secret} {label} {required}></Label>
-    {/if}
+		<Label {unique} {secret} {label} {required}></Label>
+	{/if}
 	<TextArea onChange={handleChange} {...props} {placeholder} bind:value {required}></TextArea>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/FieldTypeInputText.svelte

@@ -2,25 +2,17 @@
 	import { Input } from 'hamzus-ui';
 	import { onMount } from 'svelte';
 
-	let {
-		defaultValue = '',
-		symbol = '',
-		value = '',
-		onChange = (val) => {},
-		...props
-	} = $props();
+	let { defaultValue = '', symbol = '', value = '', onChange = (val) => {}, ...props } = $props();
 
-	onMount(() => {
-		// si la valeur est pas set on verifie si il y a uen defaultValue
-		if (!value && defaultValue) {
-			value = defaultValue;
-			handleChange();
-		}
-	});
+	// si la valeur est pas set on verifie si il y a uen defaultValue
+	if (!value && defaultValue) {
+		value = defaultValue;
+		handleChange();
+	}
 
-    function handleChange() {
-        onChange(value)
-    }
+	function handleChange() {
+		onChange(value);
+	}
 </script>
 
 <Input {...props} onChange={handleChange} bind:value>

package/src/lib/registry/projectRegistry/components/TargetProjectSubscriptionCard.svelte

@@ -30,6 +30,8 @@
 	let detailsIsOpen = $state(false);
 
 	$effect(() => {
+		console.log($targetProject);
+
 		if (targetProjectPercent === null) {
 			animatedProgress = 0;
 			return;
@@ -61,6 +63,7 @@
 					<h5>Projet actuel</h5>
 					<h4 style="color:var(--font-1);">{$targetProject?.name ?? 'aucun projet selectionné'}</h4>
 				</div>
+
 				<div class="right">
 					<IconButton
 						onClick={() => {
@@ -98,12 +101,21 @@
 			</div>
 		</div>
 	</div>
+	{#if !$targetProject?.trial_is_finish && $targetProject?.subscription_usage?.subscription?.status === 'draft'}
+		<div class="trial">
+			<h5>Période d'éssai</h5>
+		</div>
+	{:else if $targetProject?.trial_is_finish && $targetProject?.subscription_usage?.subscription?.status === 'draft'}
+		<div class="trial-ended">
+			<h5>Période d'éssai terminé</h5>
+		</div>
+	{/if}
 	<div class="progress">
 		{#if changeProjectIsOpen}
 			<div class="all-project">
 				{#each $allProject as project}
 					<ProjectButton
-                        variant={project.id === $targetProject?.id ? "secondary" : "ghost"}
+						variant={project.id === $targetProject?.id ? 'secondary' : 'ghost'}
 						style="width:100%;justify-content:space-between;align-items:center;"
 						href={getProjectHref(project)}
 						id={project.id}
@@ -186,11 +198,30 @@
 		border-top: 1px solid var(--bg-2);
 	}
 
+	.trial {
+		padding: 2px var(--pad-m);
+        margin: 2px 0;
+        border-radius: var(--radius-m);
+		background-color: var(--orange-b);
+	}
+	.trial > h5 {
+		color: var(--orange);
+	}
+	.trial-ended {
+		padding: 2px var(--pad-m);
+        margin: 2px 0;
+        border-radius: var(--radius-m);
+		background-color: var(--red-b);
+	}
+	.trial-ended > h5 {
+		color: var(--red);
+	}
+
 	.progress {
 		padding: 2px;
 		background: var(--bg-2);
 		border-radius: var(--radius-l);
-        transition: background .2s ease-out;
+		transition: background 0.2s ease-out;
 	}
 	:global(body > .content-container) .progress {
 		background: conic-gradient(var(--accent) 0% var(--progress), var(--bg-2) var(--progress) 100%);
@@ -265,7 +296,7 @@
 		opacity: 0;
 		user-select: none;
 		pointer-events: none;
-        transition: width .2s ease-out;
+		transition: width 0.2s ease-out;
 	}
 
 	:global(body > .content-container) .fill-line {

package/src/routes/login/+page.svelte

@@ -77,7 +77,7 @@
 				type="submit"><h5>se connecter</h5></Button
 			>
 			<h5 slot="down-form">
-				Pas encore de compte ? <Link className="h5" href="/create-acount" label="créée un compte" />
+				Pas encore de compte ? <Link className="h5" href="/create-account" label="créée un compte" />
 			</h5>
 		</Form>
 	</div>