mountain-ui 1.0.12 → 1.0.13

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.12",
+	"version": "1.0.13",
 	"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/Lines/Input.svelte

@@ -3,6 +3,7 @@
 	import { entityRegistry } from '../../../entityRegistry/registry.svelte.js';
 	import { Button, IconButton, ResponsiveTable } from 'hamzus-ui';
 	import Label from '../../components/Label.svelte';
+	import { onMount } from 'svelte';
 
 	let {
 		value = $bindable(null),
@@ -18,15 +19,32 @@
 		...props
 	} = $props();
 
-	function createLine() {
+
+	let table = $state([createLine()]);
+
+    onMount(()=>{
+        if (value === null) return
+
+        const decodedValue = JSON.parse(value)
+
+        let newLines = []
+
+        for (const line of decodedValue) {
+            newLines.push(createLine(line.id, line)) 
+        }
+
+        table = [...newLines]
+    })
+
+	function createLine(dbId = null, line = null) {
 		return {
 			id: crypto.randomUUID(),
-			ctx: {},
+            dbId:dbId,
+			ctx: line??{},
 			detailsCtx: {}
 		};
 	}
 
-	let table = $state([createLine()]);
 
 	function handleAddLine() {
 		table = [...table, createLine()];
@@ -43,7 +61,15 @@
 		onChangeDetails(table);
 	}
 	function handleChange() {
-		const value = JSON.stringify(table.map((line) => line.ctx));
+		const value = JSON.stringify(table.map((line) => {
+            const data = {
+                ...line.ctx,
+            }
+
+            if (line.dbId) data['id'] = line.dbId
+
+            return data
+        } ));
 
 		onChange(value);
 	}