mountain-ui 1.0.37 → 1.0.38

package/index.d.ts

@@ -45,9 +45,9 @@ export { default as LinkIcon } from './src/lib/registry/entityRegistry/component
 // View Registry
 // ============================================
 
-export { viewTypeRegistry } from './src/lib/registry/viewTypeRegistry/registry.svelte.js';
-export { createViewType } from './src/lib/registry/viewTypeRegistry/createViewType.js';
-export { registerDefaultViewTypes } from './src/lib/registry/viewTypeRegistry/registerDefaultViewTypes.js';
+export { viewTypeRegistry } from './src/lib/registry/viewEntriesTypeRegistry/registry.svelte.js';
+export { createViewType } from './src/lib/registry/viewEntriesTypeRegistry/createViewEntriesType.js';
+export { registerDefaultViewTypes } from './src/lib/registry/viewEntriesTypeRegistry/registerDefaultViewEntriesTypes.js';
 
-export { default as ViewTypeButton } from './src/lib/registry/viewTypeRegistry/components/ViewTypeButton.svelte';
-export { default as ViewTypeComponent } from './src/lib/registry/viewTypeRegistry/components/ViewTypeComponent.svelte';
+export { default as ViewTypeButton } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte';
+export { default as ViewTypeComponent } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';

package/index.js

@@ -45,9 +45,9 @@ export { default as LinkIcon } from './src/lib/registry/entityRegistry/component
 // View Registry
 // ============================================
 
-export { viewTypeRegistry } from './src/lib/registry/viewTypeRegistry/registry.svelte.js';
-export { createViewType } from './src/lib/registry/viewTypeRegistry/createViewType.js';
-export { registerDefaultViewTypes } from './src/lib/registry/viewTypeRegistry/registerDefaultViewTypes.js';
+export { viewTypeRegistry } from './src/lib/registry/viewEntriesTypeRegistry/registry.svelte.js';
+export { createViewType } from './src/lib/registry/viewEntriesTypeRegistry/createViewEntriesType.js';
+export { registerDefaultViewTypes } from './src/lib/registry/viewEntriesTypeRegistry/registerDefaultViewEntriesTypes.js';
 
-export { default as ViewTypeButton } from './src/lib/registry/viewTypeRegistry/components/ViewTypeButton.svelte';
-export { default as ViewTypeComponent } from './src/lib/registry/viewTypeRegistry/components/ViewTypeComponent.svelte';
+export { default as ViewTypeButton } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte';
+export { default as ViewTypeComponent } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.37",
+	"version": "1.0.38",
 	"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/components/EntityForm.svelte

@@ -68,6 +68,7 @@
 					onChange={(value) => {
 						handleChange(field.id, value);
 					}}
+					changeCtx={handleChange}
 					id={field.id}
 					entityId={$entity.id}
 					value={ctx?.[field.id] ?? null}

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

@@ -155,6 +155,7 @@
 									onChange={(value) => {
 										handleChange(lineIndex, row.fieldId, value);
 									}}
+					                changeCtx={handleChange}
 									id={row.fieldId}
 									value={table[lineIndex].ctx?.[row.fieldId] ?? null}
 									registerCalculation={(config)=>{

package/src/lib/registry/fieldTypeRegistry/fieldTypes/Link/Input/Input.svelte

@@ -17,10 +17,17 @@
 		linkId = null,
 		multiple = false,
 		display = false,
+		bindings = [
+            // {
+            //     elementFieldId: 0,
+            //     ctxFieldId:0
+            // }
+        ],
 		name = null,
 		value = null,
 		onChangeDetails = () => {},
 		onChange = () => {},
+		changeCtx = (fieldId, value) => {},
 		field
 	} = $props();
 
@@ -28,7 +35,7 @@
 
 	let limit = 20;
 
-	let structure = entityRegistry.get(linkId);
+	let structure = $derived(entityRegistry.get(linkId));
 
 	let lastRequest = null;
 
@@ -86,6 +93,15 @@
         
 		onChangeDetails(value?.element ?? null);
 		onChange(value?.element.id.flat ?? null);
+
+        // changer le ctx
+        for (const bind of bindings) {
+            const elementField = entityRegistry.getField(bind.elementFieldId,structure.id)
+            if (!elementField) continue
+            const value = lastRequest.data[elementField.normalized_name]?.flat ?? null
+            // update la valeur dans le ctx
+            changeCtx(bind.ctxFieldId, value)
+        }
 	}
 </script>
 

package/src/lib/registry/viewEntriesProfilRegistery/components/CreateViewEntriesProfilDialog.svelte

@@ -0,0 +1,17 @@
+<script>
+import { Button, Dialog, Input  } from "hamzus-ui";
+
+    let {isOpen= $bindable(false), onCreate = (name)=>{}} = $props() 
+
+    let name = $derived(isOpen ? "" : "")
+
+
+</script>
+<Dialog bind:isOpen>
+    <div style="display:flex;row-gap:var(--pad-m);flex-direction:column;">
+        <h3>Créer une nouvelle vue</h3>
+        <p>Créer sur base des paramètre actuel une nouvelle vue ?</p>
+        <Input bind:value={name} label="nom"/>
+        <Button desabled={name === ""} onClick={()=>{onCreate(name)}}>confirmer</Button>
+    </div>
+</Dialog>

package/src/lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilButton.svelte

@@ -0,0 +1,51 @@
+<script>
+	import { Button } from 'hamzus-ui';
+	import { viewEntriesProfilRegistry } from '../registry.svelte';
+	import ViewEntriesTypeIcon from '$lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeIcon.svelte';
+
+	let { id, variant = 'ghost', ...props } = $props();
+
+	const viewProfil = $derived(viewEntriesProfilRegistry.get(id));
+</script>
+
+{#if viewProfil}
+	<Button {...props} {variant} style="padding:var(--pad-s) var(--pad-l) var(--pad-s) var(--pad-m);width:100%;">
+        <div class="ico">
+            <ViewEntriesTypeIcon type={viewProfil.type}></ViewEntriesTypeIcon>
+        </div>
+		<h5>{viewProfil.name}</h5>
+        {#if viewProfil.is_default}
+            <div class="ico-end">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.44922 22C6.03922 22 5.69922 21.66 5.69922 21.25V2.75C5.69922 2.34 6.03922 2 6.44922 2C6.85922 2 7.19922 2.34 7.19922 2.75V21.25C7.19922 21.66 6.85922 22 6.44922 22Z" fill="#292D32"/>
+<path opacity="0.4" d="M15.2001 7.16004L7.10008 3.66004C6.98008 3.60004 6.85008 3.62004 6.74008 3.69004C6.64008 3.76004 6.58008 3.87004 6.58008 4.00004V17C6.58008 17.13 6.65008 17.25 6.76008 17.32C6.82008 17.36 6.89008 17.38 6.96008 17.38C7.02008 17.38 7.07008 17.37 7.13008 17.34L15.4301 13.24C15.4301 13.24 15.4301 13.24 15.4401 13.24C17.1001 12.38 17.9901 11.27 17.9401 10.1C17.8801 8.92004 16.9101 7.88004 15.2001 7.16004Z" fill="#292D32"/>
+</svg>
+
+
+
+            </div>
+        {/if}
+	</Button>
+{/if}
+
+<style>
+    .ico {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+	}
+    .ico-end {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+        margin-left: auto;
+	}
+
+    .ico path {
+        fill: var(--font-2);
+    }
+</style>

package/src/lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilComponent.svelte

@@ -0,0 +1,32 @@
+<script>
+	import { Button, RotativeLoader } from 'hamzus-ui';
+	import { viewEntriesProfilRegistry } from '../registry.svelte';
+	import ViewEntriesTypeComponent from '$lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';
+
+	let { id, ...props } = $props();
+
+	const viewProfil = $derived(viewEntriesProfilRegistry.select(id));
+
+$effect(()=>{
+    console.log($viewProfil.props);
+    
+})
+</script>
+{#if $viewProfil}
+	{#key id}
+        <ViewEntriesTypeComponent type={$viewProfil.type} {...$viewProfil.props} {...props}><slot name="actions" slot="actions"/></ViewEntriesTypeComponent>
+    {/key}
+{:else}
+	<div class="loader">
+		<RotativeLoader></RotativeLoader>
+	</div>
+{/if}
+
+<style>
+	.loader {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 60px var(--pad-m);
+	}
+</style>

package/src/lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilDropdown.svelte

@@ -0,0 +1,60 @@
+<script>
+	import { Button, DropdownMenu } from 'hamzus-ui';
+	import { viewEntriesProfilRegistry } from '../registry.svelte';
+	import ViewProfilButton from './ViewEntriesProfilButton.svelte';
+	import CreateViewEntriesProfilDialog from './CreateViewEntriesProfilDialog.svelte';
+
+	let { onChange = (id) => {}, id = null, onCreate = (name)=>{}, onDelete = (id)=>{},onDesableAsDefault = ()=>{}, onSetAsDefault = (id)=>{}, props = $bindable({}) } = $props();
+
+    let createViewIsOpen = $state(false)
+
+    const targetViewProfil = $derived(viewEntriesProfilRegistry.select(id))
+
+	const viewProfils = viewEntriesProfilRegistry.getAll();
+</script>
+
+<CreateViewEntriesProfilDialog bind:isOpen={createViewIsOpen} {onCreate}></CreateViewEntriesProfilDialog>
+
+<DropdownMenu.Root direction="bottom">
+	<DropdownMenu.Trigger slot="trigger">
+		{#if id !== null}
+			<ViewProfilButton variant="secondary" {id}></ViewProfilButton>
+		{:else}
+			<Button variant="secondary" style="width:100%">
+				<h5>selectionner un profil de vue</h5>
+			</Button>
+		{/if}
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="250px">
+		{#each $viewProfils as viewProfil}
+			<ViewProfilButton
+				variant={viewProfil.id === id ? 'secondary' : 'ghost'}
+				onClick={() => {
+					onChange(viewProfil.id);
+				}}
+				id={viewProfil.id}
+			></ViewProfilButton>
+		{/each}
+        <DropdownMenu.Separator></DropdownMenu.Separator>
+        
+        <Button variant="ghost" style="width:100%;" onClick={()=>{createViewIsOpen = true}}>
+            <h5>Créer</h5>
+        </Button>
+        {#if !($targetViewProfil?.is_default ?? false)}
+            <Button variant="ghost" style="width:100%;" onClick={()=>{
+                if (id === 0) {
+                    onDesableAsDefault(id)
+                } else {
+                    onSetAsDefault(id)
+                }
+            }}>
+                <h5>Définir par défaut</h5>
+            </Button>
+        {/if}
+        {#if id !== 0}
+            <Button variant="destructive" style="width:100%;" onClick={()=>{onDelete(id)}}>
+                <h5>Supprimer</h5>
+            </Button>
+        {/if}
+	</DropdownMenu.Content>
+</DropdownMenu.Root>

package/src/lib/registry/viewEntriesProfilRegistery/createViewEntriesProfil.js

@@ -0,0 +1,15 @@
+export function createViewEntriesProfil(config = {}) {
+	const viewEntriesProfil = {
+		id:0,
+		name:"",
+		type:"",
+		is_default:"",
+		props:{},
+	};
+
+	Object.assign(viewEntriesProfil, config);
+
+	// viewEntriesProfil.get = () => "test";
+
+	return viewEntriesProfil;
+}

package/src/lib/registry/viewEntriesProfilRegistery/registerDefaultViewEntriesProfils.js

@@ -0,0 +1,13 @@
+import { createViewEntriesProfil } from './createViewEntriesProfil';
+import { viewEntriesProfilRegistry } from './registry.svelte';
+
+
+export function registerDefaultViewProfil() {
+	viewEntriesProfilRegistry.register(createViewEntriesProfil({
+        id:0,
+        name:"vue par défaut",
+        is_default:false,
+        type:"table",
+        props:{}
+    }))
+}

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

@@ -0,0 +1,48 @@
+import { writable, derived, get } from 'svelte/store';
+
+function createViewEntriesProfilRegistry() {
+	const store = writable({});
+
+	const all = derived(store, ($viewEntriesProfils) => Object.values($viewEntriesProfils));
+
+	return {
+		subscribe: store.subscribe,
+
+		register(viewEntriesProfil) {
+			store.update((viewEntriesProfils) => ({
+				...viewEntriesProfils,
+				[viewEntriesProfil.id]: viewEntriesProfil
+			}));
+		},
+
+		unregisterAll(viewEntriesProfil) {
+			store.update((viewEntriesProfils) => ({}));
+		},
+
+		unregister(id) {
+			store.update((viewEntriesProfils) => {
+				const copy = { ...viewEntriesProfils };
+
+				delete copy[id];
+
+				return copy;
+			});
+		},
+
+		get(id) {
+			return get(store)[id];
+		},
+
+		select(id) {
+			return derived(store, ($viewEntriesProfils) => $viewEntriesProfils[id]);
+		},
+
+		
+
+		getAll() {
+			return all;
+		}
+	};
+}
+
+export const viewEntriesProfilRegistry = createViewEntriesProfilRegistry();

package/src/lib/registry/{viewTypeRegistry/components/ViewTypeButton.svelte → viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte}

@@ -1,16 +1,17 @@
 <script>
 	import { Button } from 'hamzus-ui';
-	import { viewTypeRegistry } from '../registry.svelte';
+	import { viewEntriesTypeRegistry } from '../registry.svelte';
+	import ViewEntriesTypeIcon from './ViewEntriesTypeIcon.svelte';
 
 	let { type, variant = 'ghost', ...props } = $props();
 
-	const viewType = viewTypeRegistry.get(type);
+	const viewType = viewEntriesTypeRegistry.get(type);
 </script>
 
 {#if viewType}
-	<Button {...props} {variant} style="padding:var(--pad-s) var(--pad-l) var(--pad-s) var(--pad-s);width:100%;">
+	<Button {...props} {variant} style="padding:var(--pad-s) var(--pad-l) var(--pad-s) var(--pad-m);width:100%;">
         <div class="ico">
-            <svelte:component this={viewType.components.icon}></svelte:component>
+            <ViewEntriesTypeIcon {type}></ViewEntriesTypeIcon>
         </div>
 		<h5>{viewType.name}</h5>
 	</Button>

package/src/lib/registry/{viewTypeRegistry/components/ViewTypeComponent.svelte → viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte}

@@ -1,17 +1,17 @@
 <script>
 	import { Button, RotativeLoader } from 'hamzus-ui';
-	import { viewTypeRegistry } from '../registry.svelte';
+	import { viewEntriesTypeRegistry } from '../registry.svelte';
 
 	let { type, ...props } = $props();
 
-	const viewType = viewTypeRegistry.get(type);
+	const viewType = $derived(viewEntriesTypeRegistry.get(type));
 
-    console.log(viewType);
+    const ViewTypeComponent = $derived(viewType?.components?.component ?? null)
     
 </script>
 
 {#if viewType}
-	<svelte:component this={viewType.components.component} {...props}></svelte:component>
+	<ViewTypeComponent {...props}><slot name="actions" slot="actions"/></ViewTypeComponent>
 {:else}
 <div class="loader">
     <RotativeLoader></RotativeLoader>

package/src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeDropdown.svelte

@@ -0,0 +1,32 @@
+<script>
+	import { Button, DropdownMenu } from 'hamzus-ui';
+	import { viewEntriesTypeRegistry } from '../registry.svelte';
+	import ViewTypeButton from './ViewEntriesTypeButton.svelte';
+
+	let { onChange = (type) => {}, type = null } = $props();
+
+	const viewTypes = viewEntriesTypeRegistry.getAll();
+</script>
+
+<DropdownMenu.Root direction="bottom">
+	<DropdownMenu.Trigger slot="trigger">
+		{#if type !== null}
+			<ViewTypeButton variant="secondary" {type}></ViewTypeButton>
+		{:else}
+			<Button variant="secondary" style="width:100%">
+				<h5>selectionner un type de vue</h5>
+			</Button>
+		{/if}
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="250px">
+		{#each $viewTypes as viewType}
+			<ViewTypeButton
+				variant={viewType.type === type ? 'secondary' : 'ghost'}
+				onClick={() => {
+					onChange(viewType.type);
+				}}
+				type={viewType.type}
+			></ViewTypeButton>
+		{/each}
+	</DropdownMenu.Content>
+</DropdownMenu.Root>

package/src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeIcon.svelte

@@ -0,0 +1,9 @@
+<script>
+	import { viewEntriesTypeRegistry } from "../registry.svelte";
+
+	let { type } = $props();
+
+	const viewType = viewEntriesTypeRegistry.get(type);
+</script>
+
+<svelte:component this={viewType.components.icon}></svelte:component>

package/src/lib/registry/viewEntriesTypeRegistry/createViewEntriesType.js

@@ -0,0 +1,17 @@
+export function createViewEntriesType(config = {}) {
+	const viewEntriesType = {
+		type:"",
+		name:"",
+		description:"",
+        components : {
+            component:null,
+            icon:null,
+        }
+	};
+
+	Object.assign(viewEntriesType, config);
+
+	// viewEntriesType.get = () => "test";
+
+	return viewEntriesType;
+}

package/src/lib/registry/viewEntriesTypeRegistry/registerDefaultViewEntriesTypes.js

@@ -0,0 +1,7 @@
+import { viewEntriesTypeRegistry } from './registry.svelte';
+import Table from './viewEntriesTypes/Table';
+
+
+export function registerDefaultViewEntriesTypes() {
+	viewEntriesTypeRegistry.register(Table)
+}

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

@@ -0,0 +1,44 @@
+import { writable, derived, get } from 'svelte/store';
+
+function createViewEntriesTypeRegistry() {
+	const store = writable({});
+
+	const all = derived(store, ($viewEntriesTypes) => Object.values($viewEntriesTypes));
+
+	return {
+		subscribe: store.subscribe,
+
+		register(viewEntriesType) {
+			store.update((viewEntriesTypes) => ({
+				...viewEntriesTypes,
+				[viewEntriesType.type]: viewEntriesType
+			}));
+		},
+
+		unregister(type) {
+			store.update((viewEntriesTypes) => {
+				const copy = { ...viewEntriesTypes };
+
+				delete copy[type];
+
+				return copy;
+			});
+		},
+
+		get(type) {
+			return get(store)[type];
+		},
+
+		select(type) {
+			return derived(store, ($viewEntriesTypes) => $viewEntriesTypes[type]);
+		},
+
+		
+
+		getAll() {
+			return all;
+		}
+	};
+}
+
+export const viewEntriesTypeRegistry = createViewEntriesTypeRegistry();

package/src/lib/registry/{viewTypeRegistry/viewTypes → viewEntriesTypeRegistry/viewEntriesTypes}/Table/component/StructureTable.svelte

@@ -11,16 +11,19 @@
 		entityId = null,
 		path = '/get-all-entries',
 		data = {},
+		onClick = (rowData)=>{},
 		slug = null,
 		onChange = () => {},
+		onChangeProps = (newProps) => {},
 		invisibleFilters = {},
 		structureColumns = [],
+		defaultFilters = {},
 		defaultColumns = {},
 		defaultProps = {},
 		...props
 	} = $props();
 
-	const entity = entityRegistry.select(entityId);
+	const entity = $derived(entityRegistry.select(entityId))
 
 	let error = $state(null);
 
@@ -33,6 +36,8 @@
 	});
 
 	onMount(() => {
+        console.log();
+        
 		mounted = true;
 		getColumnsFromStructureColumns($entity);
 	});
@@ -203,11 +208,13 @@
 			defaultFilters: defaultFilters,
 			defaultColumns: defaultColumns
 		};
+
+        onChangeProps(defaultProps)
 	}
 
-	function onClick(rowData) {
+	function handleClick(rowData) {
 		// rediriger vers
-		goto(`/${$page.params.projet_slug}/${$page.params.origin}/${slug ?? $page.params.structure_slug}/${rowData.id}`);
+        onClick(rowData)
 	}
 </script>
 
@@ -250,7 +257,7 @@
 		<p>Impossible de récuperer l'entrée !</p>
 	</div>
 {:else if columns.length > 0}
-	<TableV2.Root {getRows} onChange={handleChange} {onClick} {columns} {...props}>
+	<TableV2.Root {getRows} onChange={handleChange} onClick={handleClick} {columns} {...props} filters={defaultFilters}>
 		<TableV2.ActionsBar slot="actions-bar"
 			><slot name="actions" slot="actions" /></TableV2.ActionsBar
 		>

package/src/lib/registry/viewEntriesTypeRegistry/viewEntriesTypes/Table/index.js

@@ -0,0 +1,14 @@
+import { createViewEntriesType } from '../../createViewEntriesType';
+
+import Icon from './Icon.svelte'
+import Component from './component/Component.svelte'
+
+export default createViewEntriesType({
+    type: "table",
+    name: "Tableau",
+    description: "",
+    components: {
+        component: Component,
+        icon: Icon,
+    },
+});

package/src/routes/+layout.svelte

@@ -6,9 +6,11 @@
 	import { entityRegistry } from '$lib/registry/entityRegistry/registry.svelte';
 	import { createEntity } from '$lib/registry/entityRegistry/createEntity';
 	import { init, sendRequest } from 'hamzus-ui';
-	import { registerDefaultViewTypes } from '$lib/registry/viewTypeRegistry/registerDefaultViewTypes';
+	import { registerDefaultViewEntriesTypes } from '$lib/registry/viewEntriesTypeRegistry/registerDefaultViewEntriesTypes';
 	import { projectRegistry } from '$lib/registry/projectRegistry/registry.svelte';
 	import { createProject } from '$lib/registry/projectRegistry/createProject';
+	import { page } from '$app/stores';
+	import { registerDefaultViewProfil } from '$lib/registry/viewEntriesProfilRegistery/registerDefaultViewEntriesProfils';
 
 	let { children } = $props();
 
@@ -24,8 +26,11 @@
 			if (!response || response.statusType === 'error') {
 				// si il est pas encore dans la page de login on redirige
 				const path = '/login';
+                
+                if ($page.url.pathname === path) return
+                window.location.href = defaultUnlogged;
+                
 
-				window.location.href = defaultUnlogged;
 			}
 		},
 		replayAfter401: true,
@@ -37,20 +42,26 @@
 	});
 
 	onMount(async () => {
+        
 		registerDefaultFieldTypes();
+		registerDefaultViewEntriesTypes();
 
 		// récuperer les projets
 		const projectStructures = await sendRequest({
 			path: '/get-all-projects'
 		});
 
+        if (!projectStructures || projectStructures.statusType === "error") {
+            isMount = true
+            return
+        }
+
         for (const project of projectStructures.data) {
 			projectRegistry.register(createProject(project));
 		}
 
 		
 
-		registerDefaultViewTypes();
 
 		// enregistrer des entité
 		// entityRegistry.register(

package/src/routes/+page.svelte

@@ -15,8 +15,8 @@
 	import FieldTypeTableView from '$lib/registry/fieldTypeRegistry/components/FieldTypeTableView.svelte';
 	import FieldTypeView from '$lib/registry/fieldTypeRegistry/components/FieldTypeView.svelte';
 	import { fieldTypeRegistry } from '$lib/registry/fieldTypeRegistry/registry.svelte';
-	import ViewTypeComponent from '$lib/registry/viewTypeRegistry/components/ViewTypeComponent.svelte';
-	import { viewTypeRegistry } from '$lib/registry/viewTypeRegistry/registry.svelte';
+	import ViewTypeComponent from '$lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';
+	import { viewTypeRegistry } from '$lib/registry/viewEntriesTypeRegistry/registry.svelte';
 	import { onMount } from 'svelte';
 
 	const entities = entityRegistry.getAll();

package/src/routes/exemple/+layout.svelte

@@ -20,7 +20,7 @@
 <nav class="top-bar">
     <h3>Mountain UI</h3>
 	<div class="project-selector">
-		<ProjectDropdown projectId={projectRegistry.getFromNormalizedName($page.params.project_normalized_name).id} hubHref="/exemple" {getHref} {isActive}></ProjectDropdown>
+		<ProjectDropdown projectId={projectRegistry.getFromNormalizedName($page.params.project_normalized_name)?.id ?? null} hubHref="/exemple" {getHref} {isActive}></ProjectDropdown>
 	</div>
     
 </nav>
@@ -34,6 +34,7 @@
         display: flex;
         align-items: center;
         justify-content: space-between;
+        flex-shrink: 0;
 		padding: var(--pad-s);
 		border-bottom: 1px solid var(--stroke);
 	}

package/src/routes/exemple/[project_normalized_name]/+layout.svelte

@@ -87,12 +87,14 @@
 		width: 100%;
 		height: 40px;
 		position: sticky;
-		top: 0px;
+		top: 43px;
 		display: flex;
 		align-items: center;
 		column-gap: var(--pad-m);
 		padding: var(--pad-s);
 		border-bottom: 1px solid var(--stroke);
 		overflow-x: auto;
+        flex-shrink: 0;
+        background-color: var(--bg-1);
 	}
 </style>

package/src/routes/exemple/[project_normalized_name]/[entity_slug]/+layout.svelte

@@ -40,5 +40,5 @@
         <p>L'entité n'a pas peu être trouvé !</p>
     </div>
 {:else}
-	{@render children()}
+{@render children()}
 {/if}

package/src/routes/exemple/[project_normalized_name]/[entity_slug]/+page.svelte

@@ -1 +1,182 @@
-<h3>entity</h3>
+<script>
+	import { beforeNavigate, goto } from '$app/navigation';
+	import { page } from '$app/stores';
+	import { entityRegistry } from '$lib/registry/entityRegistry/registry.svelte';
+	import ViewEntriesProfilComponent from '$lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilComponent.svelte';
+	import ViewEntriesProfilDropdown from '$lib/registry/viewEntriesProfilRegistery/components/ViewEntriesProfilDropdown.svelte';
+	import { createViewEntriesProfil } from '$lib/registry/viewEntriesProfilRegistery/createViewEntriesProfil';
+	import { registerDefaultViewProfil } from '$lib/registry/viewEntriesProfilRegistery/registerDefaultViewEntriesProfils';
+	import { viewEntriesProfilRegistry } from '$lib/registry/viewEntriesProfilRegistery/registry.svelte';
+	import ViewEntriesTypeDropdown from '$lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeDropdown.svelte';
+	import { Button, DropdownMenu, IconButton, sendRequest } from 'hamzus-ui';
+	import { onMount } from 'svelte';
+
+	const targetEntity = $derived(entityRegistry.getFromSlug($page.params.entity_slug));
+
+	let targetViewId = $state(null);
+
+	let viewProps = $state({});
+
+	beforeNavigate(() => {
+		targetViewId = null;
+	});
+
+	onMount(loadAllViewEntriesProfil);
+
+	async function loadAllViewEntriesProfil() {
+		viewEntriesProfilRegistry.unregisterAll();
+
+		registerDefaultViewProfil();
+
+		const request = await sendRequest({
+			path: '/get-all-views-from-entity-id',
+			data: {
+				entityId: targetEntity.id
+			}
+		});
+
+		let defaultView = 0;
+
+		for (const viewProfil of request.data) {
+			console.log(viewProfil);
+
+			if (viewProfil.is_default) {
+				defaultView = viewProfil.id;
+			}
+
+			viewEntriesProfilRegistry.register(
+				createViewEntriesProfil({
+					id: viewProfil.id,
+					is_default: viewProfil.is_default,
+					name: viewProfil.name,
+					type: 'table',
+					props: viewProfil.props
+				})
+			);
+		}
+
+		targetViewId = defaultView;
+	}
+
+	function onChange(id) {
+		targetViewId = id;
+	}
+
+	function handleClick(data) {
+		console.log();
+		goto(
+			`/exemple/${$page.params.project_normalized_name}/${$page.params.entity_slug}/${data.id.props.value.flat}`
+		);
+	}
+
+	function onChangeProps(props) {
+		viewProps = props;
+	}
+
+	async function handleCreateViewProfil(name) {
+		console.log(viewProps);
+
+		const request = await sendRequest({
+			path: '/create-view',
+			data: {
+				entityId: targetEntity.id,
+				defaultProps: JSON.stringify(viewProps),
+				name
+			}
+		});
+	}
+	async function handleDesableDefault() {
+		const request = await sendRequest({
+			path: '/desable-default-view',
+			data: {
+				entityId: targetEntity.id
+			}
+		});
+
+		loadAllViewEntriesProfil();
+	}
+	async function handleDeleteViewProfil(id) {
+		const request = await sendRequest({
+			path: '/delete-view',
+			data: {
+				viewId: id
+			}
+		});
+
+		loadAllViewEntriesProfil();
+	}
+
+	async function handleSetAsDefaultViewProfil(id) {
+		const request = await sendRequest({
+			path: '/set-as-default-view',
+			data: {
+				viewId: id
+			}
+		});
+
+		loadAllViewEntriesProfil();
+	}
+</script>
+
+<div class="top-bar">
+	<h4>{targetEntity.plural_name}</h4>
+	<div class="view-profil-selector">
+		<ViewEntriesProfilDropdown
+			{onChange}
+			id={targetViewId}
+			onCreate={handleCreateViewProfil}
+			onDesableAsDefault={handleDesableDefault}
+			onSetAsDefault={handleSetAsDefaultViewProfil}
+			onDelete={handleDeleteViewProfil}
+		></ViewEntriesProfilDropdown>
+	</div>
+</div>
+{#if targetViewId !== null && targetEntity}
+	<ViewEntriesProfilComponent
+		id={targetViewId}
+		entityId={targetEntity.id}
+		onClick={handleClick}
+		{onChangeProps}
+	>
+		<div slot="actions">
+			<DropdownMenu.Root direction="bottom">
+				<DropdownMenu.Trigger slot="trigger">
+					<IconButton size="26px" variant="outline"
+						><svg
+							width="24"
+							height="24"
+							viewBox="0 0 24 24"
+							fill="none"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<path
+								d="M11.9995 16.8001C11.2995 16.8001 10.5995 16.5301 10.0695 16.0001L3.54953 9.48014C3.25953 9.19014 3.25953 8.71014 3.54953 8.42014C3.83953 8.13014 4.31953 8.13014 4.60953 8.42014L11.1295 14.9401C11.6095 15.4201 12.3895 15.4201 12.8695 14.9401L19.3895 8.42014C19.6795 8.13014 20.1595 8.13014 20.4495 8.42014C20.7395 8.71014 20.7395 9.19014 20.4495 9.48014L13.9295 16.0001C13.3995 16.5301 12.6995 16.8001 11.9995 16.8001Z"
+								fill="#292D32"
+							/>
+						</svg>
+					</IconButton>
+				</DropdownMenu.Trigger>
+				<DropdownMenu.Content slot="content" width="250px">
+					<Button href="/exemple/{$page.params.project_normalized_name}/{$page.params.entity_slug}/create" variant="ghost" style="width:100%;">
+						<h5>créer</h5>
+					</Button>
+					<Button variant="ghost" style="width:100%;">
+						<h5>importer</h5>
+					</Button>
+				</DropdownMenu.Content>
+			</DropdownMenu.Root>
+		</div>
+	</ViewEntriesProfilComponent>
+{/if}
+
+<style>
+	.top-bar {
+		position: sticky;
+		top: 0px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: var(--pad-s);
+		border-bottom: 1px solid var(--stroke);
+	}
+</style>

package/src/routes/exemple/[project_normalized_name]/[entity_slug]/[entry_id]/+page.svelte

@@ -0,0 +1,25 @@
+<script>
+	import { page } from "$app/stores";
+	import EntityPage from "$lib/registry/entityRegistry/components/EntityPage.svelte";
+	import { entityRegistry } from "$lib/registry/entityRegistry/registry.svelte";
+
+
+    const entity = $derived(entityRegistry.getFromSlug($page.params.entity_slug))
+</script>
+
+{#if entity}
+    <div class="page">
+        <EntityPage entityId={entity.id} entryId={$page.params.entry_id}></EntityPage>
+    </div>
+{/if}
+
+<style>
+
+    .page {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+        padding: 60px var(--pad-m);
+    }
+</style>

package/src/routes/exemple/[project_normalized_name]/[entity_slug]/create/+page.svelte

@@ -0,0 +1,45 @@
+<script>
+	import { page } from "$app/stores";
+	import EntityForm from "$lib/registry/entityRegistry/components/EntityForm.svelte";
+	import { entityRegistry } from "$lib/registry/entityRegistry/registry.svelte";
+	import { sendRequest, toast } from "hamzus-ui";
+	import path from "path";
+
+
+    const entity = $derived(entityRegistry.getFromSlug($page.params.entity_slug))
+
+    async function handleSubmit(ctx) {
+        const request = await sendRequest({
+            path:"/create-entry",
+            data:{
+                ...ctx,
+                entity_id:entity.id
+            }
+        })
+
+        if (request.statusType === "error") {
+            toast.error({
+                title:"Erreur !",
+                description:request.message
+            })
+            return
+        }
+    }
+</script>
+
+{#if entity}
+    <div class="page">
+        <EntityForm onSubmit={handleSubmit} entityId={entity.id}></EntityForm>
+    </div>
+{/if}
+
+<style>
+
+    .page {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+        padding: 60px var(--pad-m);
+    }
+</style>

package/src/lib/registry/viewTypeRegistry/createViewType.js

@@ -1,17 +0,0 @@
-export function createViewType(config = {}) {
-	const viewType = {
-		type:"",
-		name:"",
-		description:"",
-        components : {
-            component:null,
-            icon:null,
-        }
-	};
-
-	Object.assign(viewType, config);
-
-	// viewType.get = () => "test";
-
-	return viewType;
-}

package/src/lib/registry/viewTypeRegistry/registerDefaultViewTypes.js

@@ -1,7 +0,0 @@
-import { viewTypeRegistry } from './registry.svelte';
-import Table from './viewTypes/Table';
-
-
-export function registerDefaultViewTypes() {
-	viewTypeRegistry.register(Table)
-}

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

@@ -1,44 +0,0 @@
-import { writable, derived, get } from 'svelte/store';
-
-function createViewTypeRegistry() {
-	const store = writable({});
-
-	const all = derived(store, ($viewTypes) => Object.values($viewTypes));
-
-	return {
-		subscribe: store.subscribe,
-
-		register(viewType) {
-			store.update((viewTypes) => ({
-				...viewTypes,
-				[viewType.type]: viewType
-			}));
-		},
-
-		unregister(type) {
-			store.update((viewTypes) => {
-				const copy = { ...viewTypes };
-
-				delete copy[type];
-
-				return copy;
-			});
-		},
-
-		get(type) {
-			return get(store)[type];
-		},
-
-		select(type) {
-			return derived(store, ($viewTypes) => $viewTypes[type]);
-		},
-
-		
-
-		getAll() {
-			return all;
-		}
-	};
-}
-
-export const viewTypeRegistry = createViewTypeRegistry();

package/src/lib/registry/viewTypeRegistry/viewTypes/Table/component/Component copy.svelte

@@ -1,11 +0,0 @@
-<script>
-	import { page } from '$app/stores';
-	import { Button, DropdownMenu, IconButton } from 'hamzus-ui';
-	import StructureTable from './StructureTable.svelte';
-
-	let { structureId = 0, columns = [], defaultProps = null, ...props } = $props();
-</script>
-
-<StructureTable bind:defaultProps structureColumns={columns} {structureId} {...props}>
-	<slot slot="actions" name="actions"></slot>
-</StructureTable>

package/src/lib/registry/viewTypeRegistry/viewTypes/Table/index.js

@@ -1,14 +0,0 @@
-import { createViewType } from '../../createViewType';
-
-import Icon from '../Table/Icon.svelte';
-import Component from '../Table/component/Component.svelte';
-
-export default createViewType({
-    type: "table",
-    name: "Tableau",
-    description: "",
-    components: {
-        component: Component,
-        icon: Icon,
-    },
-});