mountain-ui 1.0.35 → 1.0.37

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.35",
+	"version": "1.0.37",
 	"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/entityRegistry/registry.svelte.js

@@ -25,9 +25,26 @@ function createEntityRegistry() {
 			});
 		},
 
+		unregisterAll(id) {
+			store.update((entities) => {
+				return {};
+			});
+		},
+
 		get(id) {
 			return get(store)[id];
 		},
+		getFromSlug(slug) {
+			const entities = get(store);
+
+			for (const entity of Object.values(entities)) {
+				if (entity.slug !== slug) continue
+
+                return entity
+			}
+
+			return null;
+		},
 
 		select(id) {
 			return derived(store, ($entities) => $entities[id]);

package/src/lib/registry/fieldTypeRegistry/fieldTypes/Lines/View.svelte

@@ -8,10 +8,11 @@
 
 	let { value, unique, secret, label, required, columns = [] } = $props();
 
-	let entries = null;
+	let entries = $state([]);
 
 	$effect(() => {
-		entries = value?.formated?.entries ?? {};
+        
+        entries = value?.formated?.entries ?? {};
 	});
 </script>
 
@@ -35,10 +36,12 @@
 				{#each columns as column, columnIndex}
 					<ResponsiveTable.Cell {ctx}>
 						{#each column.rows as row, rowIndex}
+                            {@const field = entityRegistry.getField(row.fieldId)}
 							<FieldView
 								compact
 								id={row.fieldId}
-								value={line[row.fieldId] ?? null}
+                                entityId={field.entity_id}
+								value={line[field.normalized_name] ?? "null"}
 							></FieldView>
 						{/each}
 					</ResponsiveTable.Cell>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/calculation/CalculationColumn/View.svelte

@@ -1,11 +1,11 @@
 <script>
-	let { name, value } = $props();
+	let { label, value } = $props();
 </script>
 
 <div class="total-container">
 	<div class="total">
 		<div class="total-content">
-			<h4>{name}</h4>
+			<h4>{label}</h4>
 			<h4>{value === null ? '-' : value.flat}</h4>
 		</div>
 	</div>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/calculation/CalculationLine/View.svelte

@@ -1,11 +1,11 @@
 <script>
-	let { name, value } = $props();
+	let { label, value } = $props();
 </script>
 
 <div class="total-container">
 	<div class="total">
 		<div class="total-content">
-			<h4>{name}</h4>
+			<h4>{label}</h4>
 			<h4>{value === null ? '-' : value.flat}</h4>
 		</div>
 	</div>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDate/View.svelte

@@ -9,5 +9,5 @@
 
 <LineView {compact}>
 	<Label {unique} {secret} {label} {required}></Label>
-	<ViewText>{value === null ? '-' : formatDate(value.flat)}</ViewText>
+	<ViewText>{value && value.flat ? formatDate(value.flat) : '-'}</ViewText>
 </LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDatetime/View.svelte

@@ -9,5 +9,5 @@
 
 <LineView {compact}>
 	<Label {unique} {secret} {label} {required}></Label>
-	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+	<ViewText>{value && value.flat ? formatDateTime(value.flat) : '-'}</ViewText>
 </LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeUpdatedAt/View.svelte

@@ -9,5 +9,5 @@
 
 <LineView {compact}>
 	<Label {unique} {secret} {label} {required}></Label>
-	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+	<ViewText>{value && value.flat ? formatDateTime(value.flat) : '-'}</ViewText>
 </LineView>

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

@@ -0,0 +1,14 @@
+<script>
+	import { Button } from 'hamzus-ui';
+	import { projectRegistry } from '../registry.svelte';
+
+	let { id, variant = 'ghost', ...props } = $props();
+
+	const project = projectRegistry.get(id);
+</script>
+
+{#if project}
+	<Button {...props} {variant}>
+		<h5>{project.name}</h5>
+	</Button>
+{/if}

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

@@ -0,0 +1,43 @@
+<script>
+	import { Button } from 'hamzus-ui';
+	import { projectRegistry } from '../registry.svelte';
+	let { id, variant = 'ghost', ...props } = $props();
+
+	const project = projectRegistry.get(id);
+</script>
+
+{#if project}
+	<Button {...props} {variant} style="border-radius:var(--radius-xl);">
+		<div class="card">
+			<div class="top">
+				<h3>{project.name}</h3>
+			</div>
+			<h6>/{project.normalized_name}</h6>
+		</div>
+	</Button>
+{/if}
+
+<style>
+	.card {
+		display: flex;
+		flex-direction: column;
+		align-items: baseline;
+		padding: var(--pad-m);
+	}
+
+	.card .top {
+		display: flex;
+		align-items: center;
+		column-gap: var(--pad-xxl);
+	}
+
+
+	.card h3 {
+		text-transform: capitalize;
+	}
+
+
+	.card > h6 {
+		color: var(--font-2);
+	}
+</style>

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

@@ -0,0 +1,117 @@
+<script>
+	import { Button, DropdownMenu } from 'hamzus-ui';
+	import { projectRegistry } from '../registry.svelte';
+
+	let { projectId = $bindable(null), hubHref = "/", isActive = ()=>{}, getHref = (project)=>{} } = $props();
+
+	const project = $derived(projectRegistry.get(projectId));
+
+	const projects = projectRegistry.getAll();
+</script>
+
+<DropdownMenu.Root direction="bottom" triggerFullWidth>
+	<DropdownMenu.Trigger slot="trigger">
+		<Button variant="outline" style="width:100%;justify-content:space-between;">
+			<div class="project-btn">
+				<h4>{project?.name ?? 'selectionné un projet'}</h4>
+			</div>
+			<svg
+				width="24"
+				height="24"
+				viewBox="0 0 24 24"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path
+					d="M9.00945 21.2502C8.81945 21.2502 8.62945 21.1802 8.47945 21.0302L3.46945 16.0202C3.17945 15.7302 3.17945 15.2502 3.46945 14.9602C3.75945 14.6702 4.23945 14.6702 4.52945 14.9602L9.53945 19.9702C9.82945 20.2602 9.82945 20.7402 9.53945 21.0302C9.38945 21.1702 9.19945 21.2502 9.00945 21.2502Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M9.00977 21.25C8.59977 21.25 8.25977 20.91 8.25977 20.5V3.5C8.25977 3.09 8.59977 2.75 9.00977 2.75C9.41977 2.75 9.75977 3.09 9.75977 3.5V20.5C9.75977 20.91 9.41977 21.25 9.00977 21.25Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M20.0095 9.25994C19.8195 9.25994 19.6295 9.18994 19.4795 9.03994L14.4695 4.02994C14.1795 3.73994 14.1795 3.25994 14.4695 2.96994C14.7595 2.67994 15.2395 2.67994 15.5295 2.96994L20.5395 7.97994C20.8295 8.26994 20.8295 8.74994 20.5395 9.03994C20.3895 9.18994 20.1995 9.25994 20.0095 9.25994Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M14.9902 21.25C14.5802 21.25 14.2402 20.91 14.2402 20.5V3.5C14.2402 3.09 14.5802 2.75 14.9902 2.75C15.4002 2.75 15.7402 3.09 15.7402 3.5V20.5C15.7402 20.91 15.4102 21.25 14.9902 21.25Z"
+					fill="#292D32"
+				/>
+			</svg>
+		</Button>
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="var(--hamzus-tigger-width)">
+		{#if $projects.length > 1}
+			{#each $projects as project}
+				<Button
+					href={getHref(project)}
+					variant="{isActive(project) ? "secondary" : "ghost"}"
+					style="width:100%;"
+				>
+					<div class="project-btn">
+						<h4>{project.name}</h4>
+						<h6>{project.active_subscription?.name ?? ''}</h6>
+					</div>
+				</Button>
+			{/each}
+		{:else}
+			<div class="no-other-project">
+				<h4>Aucun autre projet</h4>
+				<p>Créée d'autre projets erp et navigué entre eux facilement.</p>
+			</div>
+		{/if}
+		<DropdownMenu.Separator></DropdownMenu.Separator>
+		<Button href={hubHref} variant="ghost" style="width:100%;column-gap:var(--pad-m);">
+			<svg
+				width="24"
+				height="24"
+				viewBox="0 0 24 24"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path
+					d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M9.00023 21.75H8.00023C7.59023 21.75 7.25023 21.41 7.25023 21C7.25023 20.59 7.57023 20.26 7.98023 20.25C6.41023 14.89 6.41023 9.11 7.98023 3.75C7.57023 3.74 7.25023 3.41 7.25023 3C7.25023 2.59 7.59023 2.25 8.00023 2.25H9.00023C9.24023 2.25 9.47023 2.37 9.61023 2.56C9.75023 2.76 9.79023 3.01 9.71023 3.24C7.83023 8.89 7.83023 15.11 9.71023 20.77C9.79023 21 9.75023 21.25 9.61023 21.45C9.47023 21.63 9.24023 21.75 9.00023 21.75Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M15.0004 21.7502C14.9204 21.7502 14.8404 21.7402 14.7604 21.7102C14.3704 21.5802 14.1504 21.1502 14.2904 20.7602C16.1704 15.1102 16.1704 8.89018 14.2904 3.23018C14.1604 2.84018 14.3704 2.41018 14.7604 2.28018C15.1604 2.15018 15.5804 2.36018 15.7104 2.75018C17.7004 8.71018 17.7004 15.2702 15.7104 21.2202C15.6104 21.5502 15.3104 21.7502 15.0004 21.7502Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M12 17.1998C9.21 17.1998 6.43 16.8098 3.75 16.0198C3.74 16.4198 3.41 16.7498 3 16.7498C2.59 16.7498 2.25 16.4098 2.25 15.9998V14.9998C2.25 14.7598 2.37 14.5298 2.56 14.3898C2.76 14.2498 3.01 14.2098 3.24 14.2898C8.89 16.1698 15.12 16.1698 20.77 14.2898C21 14.2098 21.25 14.2498 21.45 14.3898C21.65 14.5298 21.76 14.7598 21.76 14.9998V15.9998C21.76 16.4098 21.42 16.7498 21.01 16.7498C20.6 16.7498 20.27 16.4298 20.26 16.0198C17.57 16.8098 14.79 17.1998 12 17.1998Z"
+					fill="#292D32"
+				/>
+				<path
+					d="M20.9998 9.74986C20.9198 9.74986 20.8398 9.73986 20.7598 9.70986C15.1098 7.82986 8.87978 7.82986 3.22978 9.70986C2.82978 9.83986 2.40978 9.62986 2.27978 9.23986C2.15978 8.83986 2.36978 8.41986 2.75978 8.28986C8.71978 6.29986 15.2798 6.29986 21.2298 8.28986C21.6198 8.41986 21.8398 8.84986 21.6998 9.23986C21.6098 9.54986 21.3098 9.74986 20.9998 9.74986Z"
+					fill="#292D32"
+				/>
+			</svg>
+
+			<h5>retourner au hub</h5>
+		</Button>
+	</DropdownMenu.Content>
+</DropdownMenu.Root>
+
+
+<style>
+    .project-btn {
+		display: flex;
+		flex-direction: column;
+		align-items: baseline;
+	}
+
+	.project-btn > h6 {
+		color: var(--font-3);
+	}
+
+    	.no-other-project {
+		padding: var(--pad-m);
+		border-radius: var(--radius-m);
+		background-color: var(--bg-blur);
+	}
+</style>

package/src/lib/registry/projectRegistry/createProject.js

@@ -0,0 +1,17 @@
+export function createProject(config = {}) {
+	const project = {
+		id: null,
+		name: "",
+		normalized_name: "",
+		description: '',
+        active_subscription:{
+            name:""
+        }
+	};
+
+	Object.assign(project, config);
+
+	// project.get = (id) => project.fields.find((field) => field.id === id);
+
+	return project;
+}

package/src/lib/registry/projectRegistry/registry.svelte.js

@@ -0,0 +1,50 @@
+import { writable, derived, get } from 'svelte/store';
+
+function createProjectRegistry() {
+	const store = writable({});
+
+	const all = derived(store, ($projects) => Object.values($projects));
+
+	return {
+		subscribe: store.subscribe,
+
+		register(project) {
+			store.update((projects) => ({
+				...projects,
+				[project.id]: project
+			}));
+		},
+
+		unregister(id) {
+			store.update((projects) => {
+				const copy = { ...projects };
+
+				delete copy[id];
+
+				return copy;
+			});
+		},
+
+		get(id) {
+			return get(store)[id];
+		},
+		getFromNormalizedName(normalized_name) {
+			const projects = Object.values(get(store));
+
+            return projects.find(p=>p.normalized_name === normalized_name) ?? null
+
+		},
+
+		select(id) {
+			return derived(store, ($projects) => $projects[id]);
+		},
+
+		
+
+		getAll() {
+			return all;
+		}
+	};
+}
+
+export const projectRegistry = createProjectRegistry();