mountain-ui 1.0.36 → 1.0.38

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,
+    },
+});