hamzus-ui 0.0.73 → 0.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "hamzus-ui",
-	"version": "0.0.73",
+	"version": "0.0.75",
 	"type": "module",
     "main": "index.js",
     "svelte": "index.js",

package/src/components/hamzus-ui/DropdownSearch/DropdownSearch.svelte

@@ -0,0 +1,18 @@
+<script>
+    // recuperer les données par defaut de l'element ou des element selectionner
+    export let getDefault = (value)=>{}
+
+    // recuperer la liste en fonction de la recherche
+    export let getData = (search, limit, offset) => {}
+
+    // composant a charger avec les donnees
+    export let component = {
+        component:null,
+        props:{},
+    }
+
+    // valeur selectionner
+    export let value = null
+
+
+</script>

package/src/components/hamzus-ui/Input/Input.svelte

@@ -33,17 +33,17 @@
 	import { onMount } from 'svelte';
 
 	// local var
-    let isMounted = false
+	let isMounted = false;
 
-	$:if(value) {
+	$: if (value) {
 		let newValue = formatInput(value);
 
 		if (newValue !== value) {
 			value = newValue;
 			hasChanged = value != initialValue;
-		}else if (onChange && isMounted) {
-            onChange(value);
-        }
+		} else if (onChange && isMounted) {
+			onChange(value);
+		}
 	}
 
 	// fnctions
@@ -88,9 +88,9 @@
 	}
 
 	onMount(() => {
-        isMounted = false
-        
-        isMounted = true
+		isMounted = false;
+
+		isMounted = true;
 	});
 
 	function handleDisplay() {
@@ -139,6 +139,7 @@
 				disabled={isLoading ? true : disabled}
 				{step}
 			/>
+			<slot name="endContent" />
 			{#if type == 'password'}
 				<IconButton size="24px" variant="ghost" onClick={handleDisplay}>
 					{#if isVisible}
@@ -192,8 +193,6 @@
 						</svg>
 					{/if}
 				</IconButton>
-			{:else}
-				<slot name="endContent" />
 			{/if}
 		</div>
 	</label>

package/src/components/hamzus-ui/Table/Header.svelte

@@ -80,6 +80,31 @@
 			for (let i = 0; i < actualValue[tableId].columns.length; i++) {
 				const element = actualValue[tableId].columns[i];
 				if (element.name === columnName) {
+                    // si le filtre a pas changer alors on ignore
+                    switch (position) {
+						case 'after':
+							// filtre datetime apres le
+                            if (actualValue[tableId].columns[i].filterAfter === newValue) {
+                                break
+                            }
+
+							break;
+						case 'before':
+							// filtre datetime apres le
+                            if (actualValue[tableId].columns[i].filterBefore === newValue) {
+                                break
+                            }
+							break;
+
+						default:
+							// filtre standart (recherche textuelle)
+                            if (actualValue[tableId].columns[i].filter === newValue) {
+                                break
+                            }
+							break;
+					}
+
+                    // si le filtre est vide on unset tout et on break
 					if (newValue === null || newValue === undefined || newValue === '') {
 						actualValue[tableId].columns[i].filter = newValue;
 						actualValue[tableId].columns[i].filterAfter = newValue;

package/src/components/hamzus-ui/Table/Root.svelte

@@ -25,6 +25,7 @@
 	let rows = [];
 	let defaultColumns = [...columns];
     let selection = [];
+    let requestCount = 0
 
 	// life component
 	onMount(async () => {
@@ -151,6 +152,11 @@
             }
         }
         
+        // faire la requete
+        requestCount += 1
+
+        let requestId = requestCount
+
         const request = await getRows(
 			actualTableData.globalSearch,
 			filters,
@@ -158,6 +164,12 @@
 			actualTableData.limit,
 			actualTableData.offset
 		);
+
+        // si le compteur de requete n est plus egal au numero de requete c'est que une autre requete async l'a devancer il ne faut donc pas mettre ajour les resultat
+        if (requestCount !== requestId) {
+            return    
+        }
+
         totalOfRows = request.totalOfRows
         tableData.update((actualTable)=>{
             if (!actualTable[tableId]) {