mountain-ui 1.0.2 → 1.0.3

package/src/lib/registry/entityRegistry/components/LinkIcon.svelte

@@ -1,20 +1,32 @@
 <script>
-    let {size = "24px", color="var(--font-1)"} = $props()
+	let { size = '24px', color = 'var(--font-1)' } = $props();
 </script>
 
-<svg style="--size:{size};--color:{color};" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.1998 17.3799C11.4998 17.3799 10.7898 17.1099 10.2598 16.5799C9.73977 16.0599 9.44977 15.3699 9.44977 14.6399C9.44977 13.9099 9.73977 13.2099 10.2598 12.6999L11.6697 11.2899C11.9597 10.9999 12.4397 10.9999 12.7297 11.2899C13.0197 11.5799 13.0197 12.0599 12.7297 12.3499L11.3198 13.7599C11.0798 13.9999 10.9498 14.3099 10.9498 14.6399C10.9498 14.9699 11.0798 15.2899 11.3198 15.5199C11.8098 16.0099 12.5998 16.0099 13.0898 15.5199L15.3098 13.2999C16.5798 12.0299 16.5798 9.96994 15.3098 8.69994C14.0398 7.42994 11.9798 7.42994 10.7098 8.69994L8.28973 11.1199C7.77973 11.6299 7.49976 12.2999 7.49976 13.0099C7.49976 13.7199 7.77973 14.3999 8.28973 14.8999C8.57973 15.1899 8.57973 15.6699 8.28973 15.9599C7.99973 16.2499 7.51974 16.2499 7.22974 15.9599C6.43974 15.1699 6.00977 14.1199 6.00977 12.9999C6.00977 11.8799 6.43974 10.8299 7.22974 10.0399L9.64978 7.61992C11.4998 5.76992 14.5198 5.76992 16.3698 7.61992C18.2198 9.46992 18.2198 12.4899 16.3698 14.3399L14.1498 16.5599C13.6098 17.1099 12.9098 17.3799 12.1998 17.3799Z" fill="#292D32"/>
-<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"/>
+<svg
+	style="--size:{size};--color:{color};"
+	width="24"
+	height="24"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12.1998 17.3799C11.4998 17.3799 10.7898 17.1099 10.2598 16.5799C9.73977 16.0599 9.44977 15.3699 9.44977 14.6399C9.44977 13.9099 9.73977 13.2099 10.2598 12.6999L11.6697 11.2899C11.9597 10.9999 12.4397 10.9999 12.7297 11.2899C13.0197 11.5799 13.0197 12.0599 12.7297 12.3499L11.3198 13.7599C11.0798 13.9999 10.9498 14.3099 10.9498 14.6399C10.9498 14.9699 11.0798 15.2899 11.3198 15.5199C11.8098 16.0099 12.5998 16.0099 13.0898 15.5199L15.3098 13.2999C16.5798 12.0299 16.5798 9.96994 15.3098 8.69994C14.0398 7.42994 11.9798 7.42994 10.7098 8.69994L8.28973 11.1199C7.77973 11.6299 7.49976 12.2999 7.49976 13.0099C7.49976 13.7199 7.77973 14.3999 8.28973 14.8999C8.57973 15.1899 8.57973 15.6699 8.28973 15.9599C7.99973 16.2499 7.51974 16.2499 7.22974 15.9599C6.43974 15.1699 6.00977 14.1199 6.00977 12.9999C6.00977 11.8799 6.43974 10.8299 7.22974 10.0399L9.64978 7.61992C11.4998 5.76992 14.5198 5.76992 16.3698 7.61992C18.2198 9.46992 18.2198 12.4899 16.3698 14.3399L14.1498 16.5599C13.6098 17.1099 12.9098 17.3799 12.1998 17.3799Z"
+		fill="#292D32"
+	/>
+	<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"
+	/>
 </svg>
 
-
 <style>
-    svg {
-        width: var(--size);
-        height: auto;
-        aspect-ratio: 1/1;
-    }
-    svg path {
-        fill: var(--color);
-    }
+	svg {
+		width: var(--size);
+		height: auto;
+		aspect-ratio: 1/1;
+	}
+	svg path {
+		fill: var(--color);
+	}
 </style>

package/src/lib/registry/entityRegistry/createEntity.js

@@ -1,40 +1,38 @@
-
 export function createEntity(config = {}) {
-    const entity = {
-       "id": null,
-        "version": 1,
-        "plural_name": "",
-        "singular_name": "",
-        "normalized_name": "",
-        "slug": "",
-        "symbol": "#",
-        "can_be_created": true,
-        "can_be_edited": true,
-        "can_be_deleted": true,
-        "is_locked": false,
-        "updated_at": null,
-        "created_at": null,
-        "fields": [
-            {
-                "id": null,
-                "link_to_field_id": null,
-                "entity_id": null,
-                "type": "primary",
-                "name": "id",
-                "normalized_name": "id",
-                "is_locked": true,
-                "is_required": false,
-                "is_unique": true,
-                "is_secret": false,
-                "props": {}
-            }
-        ],
-    };
+	const entity = {
+		id: null,
+		version: 1,
+		plural_name: '',
+		singular_name: '',
+		normalized_name: '',
+		slug: '',
+		symbol: '#',
+		can_be_created: true,
+		can_be_edited: true,
+		can_be_deleted: true,
+		is_locked: false,
+		updated_at: null,
+		created_at: null,
+		fields: [
+			{
+				id: null,
+				link_to_field_id: null,
+				entity_id: null,
+				type: 'primary',
+				name: 'id',
+				normalized_name: 'id',
+				is_locked: true,
+				is_required: false,
+				is_unique: true,
+				is_secret: false,
+				props: {}
+			}
+		]
+	};
 
-    Object.assign(entity, config);
+	Object.assign(entity, config);
 
-    entity.getField = (id) =>
-        entity.fields.find(field => field.id === id);
+	entity.getField = (id) => entity.fields.find((field) => field.id === id);
 
-    return entity;
-}
+	return entity;
+}

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

@@ -1,140 +1,98 @@
-import { writable, derived, get } from "svelte/store";
+import { writable, derived, get } from 'svelte/store';
 
 function createEntityRegistry() {
+	const store = writable({});
 
-    const store = writable({});
+	const all = derived(store, ($entities) => Object.values($entities));
 
-    const all = derived(
-        store,
-        ($entities) => Object.values($entities)
-    );
+	return {
+		subscribe: store.subscribe,
 
-    return {
+		register(entity) {
+			store.update((entities) => ({
+				...entities,
+				[entity.id]: entity
+			}));
+		},
 
-        subscribe: store.subscribe,
+		unregister(id) {
+			store.update((entities) => {
+				const copy = { ...entities };
 
-        register(entity) {
+				delete copy[id];
 
-            store.update(entities => ({
-                ...entities,
-                [entity.id]: entity
-            }));
+				return copy;
+			});
+		},
 
-        },
+		get(id) {
+			return get(store)[id];
+		},
 
-        unregister(id) {
+		select(id) {
+			return derived(store, ($entities) => $entities[id]);
+		},
 
-            store.update(entities => {
+		getLinkedField(entityId, linkId) {
+			const entities = get(store);
 
-                const copy = { ...entities };
+			// Si l'entité est connue, on cherche directement dedans
+			if (!entityId) return null;
 
-                delete copy[id];
+			const entity = entities[entityId];
 
-                return copy;
+			return entity.fields?.find((field) => field.props.linkId === linkId) ?? null;
+		},
+		getField(id, entityId = null) {
+			const entities = get(store);
 
-            });
+			// Si l'entité est connue, on cherche directement dedans
+			if (entityId) {
+				const entity = entities[entityId];
 
-        },
+				if (!entity) {
+					return null;
+				}
 
-        get(id) {
+				return entity.fields?.find((field) => field.id === id) ?? null;
+			}
 
-            return get(store)[id];
+			// Sinon on parcourt toutes les entités
+			for (const entity of Object.values(entities)) {
+				const field = entity.fields?.find((field) => field.id === id);
 
-        },
+				if (field) {
+					return field;
+				}
+			}
 
-        select(id) {
+			return null;
+		},
 
-            return derived(
-                store,
-                ($entities) => $entities[id]
-            );
+		selectField(id, entityId = null) {
+			return derived(store, ($entities) => {
+				if (entityId) {
+					const entity = $entities[entityId];
 
-        },
+					return entity?.fields?.find((field) => field.id === id) ?? null;
+				}
 
-        getLinkedField(entityId, linkId) {
+				for (const entity of Object.values($entities)) {
+					const field = entity.fields?.find((field) => field.id === id);
 
-            const entities = get(store);
+					if (field) {
+						return field;
+					}
+				}
 
-            // Si l'entité est connue, on cherche directement dedans
-            if (!entityId) return null
-
-            const entity = entities[entityId];
-
-
-            return entity.fields?.find(field => field.props.linkId === linkId) ?? null;
-        },
-        getField(id, entityId = null) {
-
-            const entities = get(store);
-
-            // Si l'entité est connue, on cherche directement dedans
-            if (entityId) {
-
-                const entity = entities[entityId];
-
-                if (!entity) {
-                    return null;
-                }
-
-                return entity.fields?.find(field => field.id === id) ?? null;
-            }
-
-
-            // Sinon on parcourt toutes les entités
-            for (const entity of Object.values(entities)) {
-
-                const field = entity.fields?.find(field => field.id === id);
-
-                if (field) {
-                    return field;
-                }
-
-            }
-
-            return null;
-
-        },
-
-        selectField(id, entityId = null) {
-
-            return derived(
-                store,
-                ($entities) => {
-
-                    if (entityId) {
-
-                        const entity = $entities[entityId];
-
-                        return entity?.fields?.find(field => field.id === id) ?? null;
-
-                    }
-
-
-                    for (const entity of Object.values($entities)) {
-
-                        const field = entity.fields?.find(field => field.id === id);
-
-                        if (field) {
-                            return field;
-                        }
-
-                    }
-
-                    return null;
-
-                }
-            );
-
-        },
-
-        getAll() {
-
-            return all;
-
-        }
-
-    };
+				return null;
+			});
+		},
 
+		getAll() {
+			return all;
+		}
+	};
 }
 
-export const entityRegistry = createEntityRegistry();
+export const entityRegistry = createEntityRegistry();

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeButton.svelte

@@ -1,12 +1,13 @@
 <script>
-	import FieldButton from "../fieldTypes/FieldTypeButton.svelte";
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import FieldButton from '../fieldTypes/FieldTypeButton.svelte';
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, variant="ghost", ...props} = $props()
+	let { type, variant = 'ghost', ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field}
-    <svelte:component {variant} {...props} this={$field.components.button} {...$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.button} {variant} {...props} {...$field}
+	></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeCard.svelte

@@ -1,11 +1,12 @@
 <script>
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, variant="ghost", ...props} = $props()
+	let { type, variant = 'ghost', ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field}
-    <svelte:component {variant} {...props} this={$field.components.card} {...$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.card} {variant} {...props} {...$field}
+	></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeIcon.svelte

@@ -1,11 +1,11 @@
 <script>
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, ...props} = $props()
+	let { type, ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field && $field?.components?.icon}
-    <svelte:component {...props} this={$field.components.icon} field={$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.icon} {...props} field={$field}></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/FieldTypeInput.svelte

@@ -1,11 +1,11 @@
 <script>
-	import { fieldTypeRegistry } from "../registry.svelte";
+	import { fieldTypeRegistry } from '../registry.svelte';
 
-    let {type, ...props} = $props()
+	let { type, ...props } = $props();
 
-    const field = fieldTypeRegistry.select(type)
+	const field = fieldTypeRegistry.select(type);
 </script>
 
 {#if $field}
-    <svelte:component {...props} this={$field.components.input} field={$field}></svelte:component>
-{/if}
+	<svelte:component this={$field.components.input} {...props} field={$field}></svelte:component>
+{/if}

package/src/lib/registry/fieldTypeRegistry/components/Label.svelte

@@ -12,12 +12,12 @@
 		{#if required}
 			<FieldIsRequiredIcon size="12px"></FieldIsRequiredIcon>
 		{/if}
-        {#if unique}
-            <FieldIsUniqueIcon size="12px"></FieldIsUniqueIcon>
-        {/if}
-        {#if secret}
-            <FieldIsSecretIcon size="12px"></FieldIsSecretIcon>
-        {/if}
+		{#if unique}
+			<FieldIsUniqueIcon size="12px"></FieldIsUniqueIcon>
+		{/if}
+		{#if secret}
+			<FieldIsSecretIcon size="12px"></FieldIsSecretIcon>
+		{/if}
 	</span>
 </h4>
 

package/src/lib/registry/fieldTypeRegistry/components/Line.svelte

@@ -26,6 +26,6 @@
 	}
 	.line.compact {
 		grid-template-columns: 1fr;
-        border-bottom:initial;
+		border-bottom: initial;
 	}
 </style>

package/src/lib/registry/fieldTypeRegistry/createFieldType.js

@@ -1,34 +1,34 @@
 export function createFieldType(config) {
-    return {
-        type:"",
-        
-        category_path:[],
+	return {
+		type: '',
 
-        label: "",
-        description: "",
+		category_path: [],
 
-        is_hidden:true,
+		label: '',
+		description: '',
 
-        can_be_required:true,
-        can_be_unique:true,
+		is_hidden: true,
 
-        defaultProps:{},
+		can_be_required: true,
+		can_be_unique: true,
 
-        components: {
-            icon: null,
-            button: null,
-            card: null,
-            input: null,
-            cell: null,
-            filter: null,
-            properties: null
-        },
+		defaultProps: {},
 
-        formatter: (value) => value,
-        parser: (value) => value,
+		components: {
+			icon: null,
+			button: null,
+			card: null,
+			input: null,
+			cell: null,
+			filter: null,
+			properties: null
+		},
 
-        validate: () => true,
+		formatter: (value) => value,
+		parser: (value) => value,
 
-        ...config
-    };
-}
+		validate: () => true,
+
+		...config
+	};
+}

package/src/lib/registry/fieldTypeRegistry/fieldTypes/FieldTypeCard.svelte

@@ -22,7 +22,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-        padding: var(--pad-xl) var(--pad-xl) var(--pad-xl) 0;
+		padding: var(--pad-xl) var(--pad-xl) var(--pad-xl) 0;
 	}
 
 	.left {
@@ -30,12 +30,11 @@
 		column-gap: var(--pad-xl);
 	}
 
-    .left :global(svg path) {
-        fill: var(--font-2);
-    }
-
-    .text {
-        text-align: left;
-    }
+	.left :global(svg path) {
+		fill: var(--font-2);
+	}
 
+	.text {
+		text-align: left;
+	}
 </style>

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

@@ -1,10 +1,8 @@
 <script>
-	import FieldTypeButton from "../FieldTypeButton.svelte";
-	import Icon from "./Icon.svelte";
+	import FieldTypeButton from '../FieldTypeButton.svelte';
+	import Icon from './Icon.svelte';
 
-    let {...props} = $props()
+	let { ...props } = $props();
 </script>
 
-<FieldTypeButton {...props}>
-   
-</FieldTypeButton>
+<FieldTypeButton {...props}></FieldTypeButton>

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

@@ -1,6 +1,6 @@
 <script>
-	import FieldCard from "../FieldTypeCard.svelte";
-    let {...props} = $props()
+	import FieldCard from '../FieldTypeCard.svelte';
+	let { ...props } = $props();
 </script>
 
 <FieldCard {...props}></FieldCard>

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

@@ -1,5 +1,14 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 7.75H3C2.59 7.75 2.25 7.41 2.25 7C2.25 6.59 2.59 6.25 3 6.25H21C21.41 6.25 21.75 6.59 21.75 7C21.75 7.41 21.41 7.75 21 7.75Z" fill="#292D32"/>
-<path d="M21 12.75H3C2.59 12.75 2.25 12.41 2.25 12C2.25 11.59 2.59 11.25 3 11.25H21C21.41 11.25 21.75 11.59 21.75 12C21.75 12.41 21.41 12.75 21 12.75Z" fill="#292D32"/>
-<path d="M21 17.75H3C2.59 17.75 2.25 17.41 2.25 17C2.25 16.59 2.59 16.25 3 16.25H21C21.41 16.25 21.75 16.59 21.75 17C21.75 17.41 21.41 17.75 21 17.75Z" fill="#292D32"/>
+	<path
+		d="M21 7.75H3C2.59 7.75 2.25 7.41 2.25 7C2.25 6.59 2.59 6.25 3 6.25H21C21.41 6.25 21.75 6.59 21.75 7C21.75 7.41 21.41 7.75 21 7.75Z"
+		fill="#292D32"
+	/>
+	<path
+		d="M21 12.75H3C2.59 12.75 2.25 12.41 2.25 12C2.25 11.59 2.59 11.25 3 11.25H21C21.41 11.25 21.75 11.59 21.75 12C21.75 12.41 21.41 12.75 21 12.75Z"
+		fill="#292D32"
+	/>
+	<path
+		d="M21 17.75H3C2.59 17.75 2.25 17.41 2.25 17C2.25 16.59 2.59 16.25 3 16.25H21C21.41 16.25 21.75 16.59 21.75 17C21.75 17.41 21.41 17.75 21 17.75Z"
+		fill="#292D32"
+	/>
 </svg>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/Lines/index.js

@@ -1,37 +1,38 @@
-import { createFieldType } from "../../createFieldType";
+import { createFieldType } from '../../createFieldType';
 
-import Icon from "./Icon.svelte"
-import Button from "./Button.svelte"
-import Card from "./Card.svelte"
-import Input from "./Input.svelte"
+import Icon from './Icon.svelte';
+import Button from './Button.svelte';
+import Card from './Card.svelte';
+import Input from './Input.svelte';
 
 export default createFieldType({
-    type: "lines",
+	type: 'lines',
 
-    category_path: "",
+	category_path: '',
 
-    label: "Lignes",
-    description: "Liste de lignes de données, généralement utilisées pour représenter des sous-éléments ou des sous-formulaires.",
+	label: 'Lignes',
+	description:
+		'Liste de lignes de données, généralement utilisées pour représenter des sous-éléments ou des sous-formulaires.',
 
-    is_hidden: false,
+	is_hidden: false,
 
-    can_be_required: true,
-    can_be_unique: true,
+	can_be_required: true,
+	can_be_unique: true,
 
-    props:{},
+	props: {},
 
-    components: {
-        icon: Icon,
-        button: Button,
-        card: Card,
-        input: Input,
-        cell: null,
-        filter: null,
-        properties: null
-    },
+	components: {
+		icon: Icon,
+		button: Button,
+		card: Card,
+		input: Input,
+		cell: null,
+		filter: null,
+		properties: null
+	},
 
-    formatter: (value) => value,
-    parser: (value) => value,
+	formatter: (value) => value,
+	parser: (value) => value,
 
-    validate: () => true,
-})
+	validate: () => true
+});

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

@@ -1,10 +1,8 @@
 <script>
-	import FieldTypeButton from "../FieldTypeButton.svelte";
-	import Icon from "./Icon.svelte";
+	import FieldTypeButton from '../FieldTypeButton.svelte';
+	import Icon from './Icon.svelte';
 
-    let {...props} = $props()
+	let { ...props } = $props();
 </script>
 
-<FieldTypeButton {...props}>
-   
-</FieldTypeButton>
+<FieldTypeButton {...props}></FieldTypeButton>

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

@@ -1,6 +1,6 @@
 <script>
-	import FieldCard from "../FieldTypeCard.svelte";
-    let {...props} = $props()
+	import FieldCard from '../FieldTypeCard.svelte';
+	let { ...props } = $props();
 </script>
 
 <FieldCard {...props}></FieldCard>