npm - mountain-ui - Versions diffs - 1.0.142 → 1.0.144 - Mend

mountain-ui 1.0.142 → 1.0.144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.142",
+	"version": "1.0.144",
 	"description": "A comprehensive UI component library for ERP systems with field types, entities, and registry management built with Svelte",
 	"type": "module",
 	"module": "index.js",
@@ -76,7 +76,7 @@
 		"vitest-browser-svelte": "^2.1.1"
 	},
 	"dependencies": {
-		"hamzus-ui": "^0.0.261"
+		"hamzus-ui": "^0.0.262"
 	},
 	"engines": {
 		"node": ">=18.0.0"

package/src/lib/registry/entityRegistry/components/FieldButton.svelte CHANGED Viewed

@@ -15,7 +15,7 @@
 {#if $field}
 	<Button {variant} {...props}>
 		<FieldTypeIcon type={$field.type}></FieldTypeIcon>
-		<h4>{$field.name}</h4>
+		<h5>{$field.name}</h5>
 		<div class="icons">
 			{#if $field.is_secret}

package/src/lib/registry/entityRegistry/components/FieldCondition.svelte ADDED Viewed

@@ -0,0 +1,138 @@
+<script>
+	import FieldTypeIcon from '../../fieldTypeRegistry/components/FieldTypeIcon.svelte';
+	import { fieldTypeRegistry } from '../../fieldTypeRegistry/registry.svelte.js';
+	import { Button, DropdownMenu } from 'hamzus-ui';
+	import { entityRegistry } from '../registry.svelte';
+	import FieldIsSecretIcon from './FieldIsSecretIcon.svelte';
+	import FieldIsUniqueIcon from './FieldIsUniqueIcon.svelte';
+	import FieldIsRequiredIcon from './FieldIsRequiredIcon.svelte';
+	import FieldButton from './FieldButton.svelte';
+	import { conditions } from '$lib/registry/fieldTypeRegistry/conditions';
+	import FieldTypeInput from '$lib/registry/fieldTypeRegistry/components/FieldTypeInput.svelte';
+	let {
+		id,
+		variant = 'ghost',
+		entityId = null,
+		conditionType = $bindable(null),
+		fieldId = $bindable(null),
+		fieldContentType = $bindable(null),
+		fieldContent = $bindable(null),
+		allowedFields = $bindable(null),
+		...props
+	} = $props();
+	const field = $derived(entityRegistry.selectField(id, entityId));
+	const fieldType = $derived(fieldTypeRegistry.get($field.type));
+	const allowedConditions = $derived(fieldType?.allowedConditions($field) ?? null);
+    let condition = $state(null)
+    let freeFieldType = $state(null)
+	function handleSetCondition(newCondition) {
+        condition = newCondition
+		conditionType = newCondition.type;
+        freeFieldType = newCondition.freeField
+		fieldContent = null;
+		fieldContentType = null;
+		fieldId = null;
+	}
+	function handleSetField(newFieldId) {
+		fieldContent = null;
+		fieldContentType = null;
+		fieldId = newFieldId;
+	}
+	function handleSetFieldContent(newFieldContentType) {
+		fieldId = null;
+		fieldContent = '';
+		fieldContentType = newFieldContentType;
+	}
+</script>
+<div class="condition">
+	<FieldButton style="border-radius: var(--radius-m) 0 0 var(--radius-m);" id={$field.id} entityId={$field.entityId}></FieldButton>
+	<DropdownMenu.Root direction="bottom">
+		<DropdownMenu.Trigger slot="trigger">
+			<Button style="border-radius: 0;height:100%;" variant="secondary">
+				<h5>{conditions[conditionType]?.name ?? '-'}</h5>
+			</Button>
+		</DropdownMenu.Trigger>
+		<DropdownMenu.Content slot="content" width="250px">
+			{#if allowedConditions}
+				{#each allowedConditions as allowedCondition}
+					<Button
+						onClick={() => {
+							handleSetCondition(allowedCondition);
+						}}
+						variant="ghost"
+						style="width:100%;"
+					>
+						<h5>{conditions[allowedCondition.type].name}</h5>
+                        {#if allowedCondition.type === conditionType}
+                            <svg class="reset" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0001 22.7499C6.80008 22.7499 2.58008 18.5199 2.58008 13.3299C2.58008 8.1399 6.80008 3.8999 12.0001 3.8999C13.0701 3.8999 14.1101 4.0499 15.1101 4.3599C15.5101 4.4799 15.7301 4.8999 15.6101 5.2999C15.4901 5.6999 15.0701 5.9199 14.6701 5.7999C13.8201 5.5399 12.9201 5.3999 12.0001 5.3999C7.63008 5.3999 4.08008 8.9499 4.08008 13.3199C4.08008 17.6899 7.63008 21.2399 12.0001 21.2399C16.3701 21.2399 19.9201 17.6899 19.9201 13.3199C19.9201 11.7399 19.4601 10.2199 18.5901 8.9199C18.3601 8.5799 18.4501 8.1099 18.8001 7.8799C19.1401 7.6499 19.6101 7.7399 19.8401 8.0899C20.8801 9.6399 21.4301 11.4499 21.4301 13.3299C21.4201 18.5199 17.2001 22.7499 12.0001 22.7499Z" fill="#292D32"/>
+<path d="M16.1304 6.07021C15.9204 6.07021 15.7104 5.98021 15.5604 5.81021L12.6704 2.49021C12.4004 2.18021 12.4304 1.70021 12.7404 1.43021C13.0504 1.16021 13.5304 1.19021 13.8004 1.50021L16.6904 4.82021C16.9604 5.13021 16.9304 5.61021 16.6204 5.88021C16.4904 6.01021 16.3104 6.07021 16.1304 6.07021Z" fill="#292D32"/>
+<path d="M12.7602 8.5302C12.5302 8.5302 12.3002 8.4202 12.1502 8.2202C11.9102 7.8902 11.9802 7.4202 12.3102 7.1702L15.6802 4.7102C16.0102 4.4602 16.4802 4.5402 16.7302 4.8702C16.9802 5.2002 16.9002 5.6702 16.5702 5.9202L13.2002 8.3902C13.0702 8.4902 12.9202 8.5302 12.7602 8.5302Z" fill="#292D32"/>
+</svg>
+                        {/if}
+					</Button>
+				{/each}
+			{/if}
+		</DropdownMenu.Content>
+	</DropdownMenu.Root>
+	{#if fieldId}
+		<FieldButton style="border-radius: 0 var(--radius-m) var(--radius-m) 0;height:100%;" id={$field.id} entityId={$field.entityId}></FieldButton>
+	{:else if fieldContentType !== null}
+		<FieldTypeInput padding="0px var(--pad-m)" compact type={fieldContentType}></FieldTypeInput>
+    {:else if conditionType}
+        <DropdownMenu.Root direction="bottom">
+	    	<DropdownMenu.Trigger slot="trigger">
+	    		<Button style="border-radius: 0 var(--radius-m) var(--radius-m) 0;height:100%;" variant="ghost">
+	    			<h5>valeur</h5>
+	    		</Button>
+	    	</DropdownMenu.Trigger>
+	    	<DropdownMenu.Content slot="content" width="250px">
+                <Button
+                    onClick={() => {
+                        handleSetFieldContent(freeFieldType);
+                    }}
+                    variant="ghost"
+                    style="width:100%;"
+                >
+                    <h5>champs libre</h5>
+                </Button>
+                {#each allowedFields as fieldId}
+                    {@const field = entityRegistry.getField(fieldId)}
+                    {#if condition.allowedTypes.find(t=>field.type.startsWith(t))}
+                        <FieldButton onClick={()=>{handleSetField(fieldId)}} style="width:100%;" id={field.id}></FieldButton>
+                    {/if}
+                {/each}
+	    	</DropdownMenu.Content>
+	    </DropdownMenu.Root>
+	{/if}
+</div>
+<style>
+	.condition {
+		display: flex;
+		border-radius: var(--radius-l);
+		background-color: var(--bg-blur);
+        width: fit-content;
+	}
+    .condition > :global(.line) {
+        align-items: center;
+    }
+    .reset {
+        width: 16px;
+        height: auto;
+        margin-left: auto;
+    }
+    .reset > path {
+        fill: var(--font-2);
+    }
+</style>

package/src/lib/registry/fieldTypeRegistry/conditions.js ADDED Viewed

@@ -0,0 +1,39 @@
+export const conditions = {
+    "eq":{
+        type:"eq",
+        name:"égale"
+    },
+    "ne":{
+        type:"ne",
+        name:"différent"
+    },
+    "gt":{
+        type:"gt",
+        name:"plus grand que"
+    },
+    "gte":{
+        type:"gte",
+        name:"plus grand que ou égale à"
+    },
+    "lt":{
+        type:"lt",
+        name:"plus petit que"
+    },
+    "lte":{
+        type:"lte",
+        name:"plus petit que ou égale"
+    },
+    "starts_with":{
+        type:"starts_with",
+        name:"commence par"
+    },
+    "ends_with":{
+        type:"ends_with",
+        name:"termine par"
+    },
+    "contains":{
+        type:"contains",
+        name:"contient"
+    },
+}

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

@@ -27,7 +27,9 @@ export function createFieldType(config) {
         // entryViews
         tableAttributes: (props) => {},
+        // condition
+        allowedConditions:(field)=>{return []},
         // bindings
         allowBindings:[],
 		getChildEntityId: (field) => { return null},

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

@@ -153,106 +153,114 @@
 	}
 </script>
-<div class="title">
-	<Label {label} {required} {secret} {unique}></Label>
-</div>
-<ResponsiveTable.Root let:ctx>
-	<ResponsiveTable.Header>
-		{#if columns.length > 0}
-			{#each columns as column, columnIndex}
-				<ResponsiveTable.HeaderCell align="left" label={column.name ?? '-'} {ctx}>
-					<h6>{columns[columnIndex].name ?? ''}</h6>
-					<!-- {column.columnIndex} -->
-				</ResponsiveTable.HeaderCell>
-			{/each}
-		{/if}
-	</ResponsiveTable.Header>
-	<ResponsiveTable.Body>
-		{#if $entity}
-			{#each table as line, lineIndex (line.id)}
-				<ResponsiveTable.Line>
-					{#each columns as column, columnIndex}
-						<ResponsiveTable.Cell {ctx}>
-							{#each column.rows as row, rowIndex}
-								<FieldInput
-									compact
-									detailsCtx={table[lineIndex].detailsCtx}
-									ctx={table[lineIndex].ctx}
-									onChangeDetails={(value) => {
-										handleChangeDetails(lineIndex, row.fieldId, value);
-									}}
-									onChange={(value) => {
-										handleChange(lineIndex, row.fieldId, value);
-									}}
-									changeCtx={(fieldId, value) => {
-										handleChange(lineIndex, fieldId, value);
-									}}
-									id={row.fieldId}
-									value={table[lineIndex].ctx?.[row.fieldId] ?? null}
-									registerCalculation={(config) => {
-										handleRegisterCalculation(lineIndex, config);
-									}}
-								></FieldInput>
-							{/each}
-							{#if columnIndex + 1 === columns.length}
-								<div class="delete">
-									<IconButton
-										variant="destructive"
-										onClick={() => {
-											handleDeleteLine(lineIndex);
+<div class="table">
+	<div class="title">
+		<Label {label} {required} {secret} {unique}></Label>
+	</div>
+	<ResponsiveTable.Root let:ctx>
+		<ResponsiveTable.Header>
+			{#if columns.length > 0}
+				{#each columns as column, columnIndex}
+					<ResponsiveTable.HeaderCell align="left" label={column.name ?? '-'} {ctx}>
+						<h6>{columns[columnIndex].name ?? ''}</h6>
+						<!-- {column.columnIndex} -->
+					</ResponsiveTable.HeaderCell>
+				{/each}
+			{/if}
+		</ResponsiveTable.Header>
+		<ResponsiveTable.Body>
+			{#if $entity}
+				{#each table as line, lineIndex (line.id)}
+					<ResponsiveTable.Line>
+						{#each columns as column, columnIndex}
+							<ResponsiveTable.Cell {ctx}>
+								{#each column.rows as row, rowIndex}
+									<FieldInput
+										compact
+										detailsCtx={table[lineIndex].detailsCtx}
+										ctx={table[lineIndex].ctx}
+										onChangeDetails={(value) => {
+											handleChangeDetails(lineIndex, row.fieldId, value);
+										}}
+										onChange={(value) => {
+											handleChange(lineIndex, row.fieldId, value);
+										}}
+										changeCtx={(fieldId, value) => {
+											handleChange(lineIndex, fieldId, value);
 										}}
-									>
-										<svg
-											width="24"
-											height="24"
-											viewBox="0 0 24 24"
-											fill="none"
-											xmlns="http://www.w3.org/2000/svg"
+										id={row.fieldId}
+										value={table[lineIndex].ctx?.[row.fieldId] ?? null}
+										registerCalculation={(config) => {
+											handleRegisterCalculation(lineIndex, config);
+										}}
+									></FieldInput>
+								{/each}
+								{#if columnIndex + 1 === columns.length}
+									<div class="delete">
+										<IconButton
+											variant="destructive"
+											onClick={() => {
+												handleDeleteLine(lineIndex);
+											}}
 										>
-											<path
-												d="M20.9997 6.72998C20.9797 6.72998 20.9497 6.72998 20.9197 6.72998C15.6297 6.19998 10.3497 5.99998 5.11967 6.52998L3.07967 6.72998C2.65967 6.76998 2.28967 6.46998 2.24967 6.04998C2.20967 5.62998 2.50967 5.26998 2.91967 5.22998L4.95967 5.02998C10.2797 4.48998 15.6697 4.69998 21.0697 5.22998C21.4797 5.26998 21.7797 5.63998 21.7397 6.04998C21.7097 6.43998 21.3797 6.72998 20.9997 6.72998Z"
-												fill="#292D32"
-											/>
-											<path
-												d="M8.50074 5.72C8.46074 5.72 8.42074 5.72 8.37074 5.71C7.97074 5.64 7.69074 5.25 7.76074 4.85L7.98074 3.54C8.14074 2.58 8.36074 1.25 10.6907 1.25H13.3107C15.6507 1.25 15.8707 2.63 16.0207 3.55L16.2407 4.85C16.3107 5.26 16.0307 5.65 15.6307 5.71C15.2207 5.78 14.8307 5.5 14.7707 5.1L14.5507 3.8C14.4107 2.93 14.3807 2.76 13.3207 2.76H10.7007C9.64074 2.76 9.62074 2.9 9.47074 3.79L9.24074 5.09C9.18074 5.46 8.86074 5.72 8.50074 5.72Z"
-												fill="#292D32"
-											/>
-											<path
-												d="M15.2104 22.7501H8.79039C5.30039 22.7501 5.16039 20.8201 5.05039 19.2601L4.40039 9.19007C4.37039 8.78007 4.69039 8.42008 5.10039 8.39008C5.52039 8.37008 5.87039 8.68008 5.90039 9.09008L6.55039 19.1601C6.66039 20.6801 6.70039 21.2501 8.79039 21.2501H15.2104C17.3104 21.2501 17.3504 20.6801 17.4504 19.1601L18.1004 9.09008C18.1304 8.68008 18.4904 8.37008 18.9004 8.39008C19.3104 8.42008 19.6304 8.77007 19.6004 9.19007L18.9504 19.2601C18.8404 20.8201 18.7004 22.7501 15.2104 22.7501Z"
-												fill="#292D32"
-											/>
-											<path
-												d="M13.6601 17.25H10.3301C9.92008 17.25 9.58008 16.91 9.58008 16.5C9.58008 16.09 9.92008 15.75 10.3301 15.75H13.6601C14.0701 15.75 14.4101 16.09 14.4101 16.5C14.4101 16.91 14.0701 17.25 13.6601 17.25Z"
-												fill="#292D32"
-											/>
-											<path
-												d="M14.5 13.25H9.5C9.09 13.25 8.75 12.91 8.75 12.5C8.75 12.09 9.09 11.75 9.5 11.75H14.5C14.91 11.75 15.25 12.09 15.25 12.5C15.25 12.91 14.91 13.25 14.5 13.25Z"
-												fill="#292D32"
-											/>
-										</svg>
-									</IconButton>
-								</div>
-							{/if}
-						</ResponsiveTable.Cell>
-					{/each}
-				</ResponsiveTable.Line>
-			{/each}
-		{/if}
-	</ResponsiveTable.Body>
-</ResponsiveTable.Root>
-<div class="title">
-	<Button onClick={handleAddLine}>
-		<h5>ajouter une rangée</h5>
-	</Button>
+											<svg
+												width="24"
+												height="24"
+												viewBox="0 0 24 24"
+												fill="none"
+												xmlns="http://www.w3.org/2000/svg"
+											>
+												<path
+													d="M20.9997 6.72998C20.9797 6.72998 20.9497 6.72998 20.9197 6.72998C15.6297 6.19998 10.3497 5.99998 5.11967 6.52998L3.07967 6.72998C2.65967 6.76998 2.28967 6.46998 2.24967 6.04998C2.20967 5.62998 2.50967 5.26998 2.91967 5.22998L4.95967 5.02998C10.2797 4.48998 15.6697 4.69998 21.0697 5.22998C21.4797 5.26998 21.7797 5.63998 21.7397 6.04998C21.7097 6.43998 21.3797 6.72998 20.9997 6.72998Z"
+													fill="#292D32"
+												/>
+												<path
+													d="M8.50074 5.72C8.46074 5.72 8.42074 5.72 8.37074 5.71C7.97074 5.64 7.69074 5.25 7.76074 4.85L7.98074 3.54C8.14074 2.58 8.36074 1.25 10.6907 1.25H13.3107C15.6507 1.25 15.8707 2.63 16.0207 3.55L16.2407 4.85C16.3107 5.26 16.0307 5.65 15.6307 5.71C15.2207 5.78 14.8307 5.5 14.7707 5.1L14.5507 3.8C14.4107 2.93 14.3807 2.76 13.3207 2.76H10.7007C9.64074 2.76 9.62074 2.9 9.47074 3.79L9.24074 5.09C9.18074 5.46 8.86074 5.72 8.50074 5.72Z"
+													fill="#292D32"
+												/>
+												<path
+													d="M15.2104 22.7501H8.79039C5.30039 22.7501 5.16039 20.8201 5.05039 19.2601L4.40039 9.19007C4.37039 8.78007 4.69039 8.42008 5.10039 8.39008C5.52039 8.37008 5.87039 8.68008 5.90039 9.09008L6.55039 19.1601C6.66039 20.6801 6.70039 21.2501 8.79039 21.2501H15.2104C17.3104 21.2501 17.3504 20.6801 17.4504 19.1601L18.1004 9.09008C18.1304 8.68008 18.4904 8.37008 18.9004 8.39008C19.3104 8.42008 19.6304 8.77007 19.6004 9.19007L18.9504 19.2601C18.8404 20.8201 18.7004 22.7501 15.2104 22.7501Z"
+													fill="#292D32"
+												/>
+												<path
+													d="M13.6601 17.25H10.3301C9.92008 17.25 9.58008 16.91 9.58008 16.5C9.58008 16.09 9.92008 15.75 10.3301 15.75H13.6601C14.0701 15.75 14.4101 16.09 14.4101 16.5C14.4101 16.91 14.0701 17.25 13.6601 17.25Z"
+													fill="#292D32"
+												/>
+												<path
+													d="M14.5 13.25H9.5C9.09 13.25 8.75 12.91 8.75 12.5C8.75 12.09 9.09 11.75 9.5 11.75H14.5C14.91 11.75 15.25 12.09 15.25 12.5C15.25 12.91 14.91 13.25 14.5 13.25Z"
+													fill="#292D32"
+												/>
+											</svg>
+										</IconButton>
+									</div>
+								{/if}
+							</ResponsiveTable.Cell>
+						{/each}
+					</ResponsiveTable.Line>
+				{/each}
+			{/if}
+		</ResponsiveTable.Body>
+	</ResponsiveTable.Root>
+	<div class="title">
+		<Button onClick={handleAddLine}>
+			<h5>ajouter une rangée</h5>
+		</Button>
+		<Label label="/{label}" {required} {secret} {unique}></Label>
+	</div>
 </div>
 <style>
 	.title {
 		display: flex;
 		align-items: center;
+        justify-content: space-between;
+        padding: var(--pad-m);
 		width: 100%;
 	}
-	:global(.table-container .line):has(.delete :global(.button):hover) {
+    .title:last-child {
+        border-top: 1px solid var(--bg-blur);
+    }
+	:global(.table-container .line:has( > .cell > .delete .button:hover)) {
 		background-color: var(--red-b);
 	}
@@ -265,4 +273,13 @@
 		justify-content: end;
 		padding: var(--pad-s);
 	}
+    .table {
+        width: 100%;
+        height: fit-content;
+        border-radius: var(--radius-m);
+        overflow: clip;
+        border: 1px solid var(--stroke);
+        padding: var(--pad-s);
+    }
 </style>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/Input.svelte CHANGED Viewed

@@ -7,6 +7,8 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<Input {...props} type="number" step="1" placeholder="un nombre entier" {required} />
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/NumberInt/index.js CHANGED Viewed

@@ -37,6 +37,57 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"ne",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"gt",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"gte",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"lt",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"lte",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+            {
+                type:"contains",
+                allowedTypes:["number-int"],
+                freeField:"number-int"
+            },
+        ]
+    },
     allowBindings:["number", "text"],
 	formatter: (value) => value,
 	parser: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/Input.svelte CHANGED Viewed

@@ -7,7 +7,9 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputFloat {required} placeholder="un nombre flotant" type="number" {...props}
 	></FieldTypeInputFloat>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatDefault/index.js CHANGED Viewed

@@ -37,6 +37,57 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"ne",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"gt",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"gte",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"lt",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"lte",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+            {
+                type:"contains",
+                allowedTypes:["number-float"],
+                freeField:"number-float-default"
+            },
+        ]
+    },
     allowBindings:["number-float", "text"],
 	formatter: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/Input.svelte CHANGED Viewed

@@ -7,7 +7,9 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputFloat {...props} {required} placeholder="un pourcentage" type="number" symbol="%"
 	></FieldTypeInputFloat>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPercent/index.js CHANGED Viewed

@@ -37,6 +37,57 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"ne",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"gt",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"gte",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"lt",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"lte",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+            {
+                type:"contains",
+                allowedTypes:["number-float"],
+                freeField:"number-float-percent"
+            },
+        ]
+    },
     allowBindings:["number-float", "text"],
 	formatter: (value) => value,
 	parser: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPrice/Input.svelte CHANGED Viewed

@@ -7,7 +7,9 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputFloat {required} placeholder="un prix" type="number" {...props} symbol="€"
 	></FieldTypeInputFloat>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/number/float/NumberFloatPrice/index.js CHANGED Viewed

@@ -37,6 +37,57 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"ne",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"gt",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"gte",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"lt",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"lte",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+            {
+                type:"contains",
+                allowedTypes:["number-float"],
+                freeField:"number-float-price"
+            },
+        ]
+    },
     allowBindings:["number-float", "text"],
 	formatter: (value) => value,
 	parser: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/TextTextarea/index.js CHANGED Viewed

@@ -33,6 +33,37 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ne",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"contains",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+        ]
+    },
     allowBindings:["text-textarea"],
 	formatter: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharDefault/Input.svelte CHANGED Viewed

@@ -7,6 +7,8 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputText {...props} placeholder="votre texte" {required}></FieldTypeInputText>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharDefault/index.js CHANGED Viewed

@@ -33,6 +33,37 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ne",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"contains",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+        ]
+    },
     allowBindings:["text"],
 	formatter: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharEmail/Input.svelte CHANGED Viewed

@@ -6,6 +6,8 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputText {...props} placeholder="votre texte" {required}></FieldTypeInputText>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharEmail/index.js CHANGED Viewed

@@ -33,6 +33,37 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ne",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"contains",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+        ]
+    },
     allowBindings:["text"],
 	formatter: (value) => value,
 	parser: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPassword/Input.svelte CHANGED Viewed

@@ -7,7 +7,9 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<Input
 		conditions={[
 			{

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPhone/Input.svelte CHANGED Viewed

@@ -6,6 +6,8 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputText {...props} placeholder="votre texte" {required}></FieldTypeInputText>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPhone/index.js CHANGED Viewed

@@ -12,8 +12,8 @@ export default createFieldType({
 	category_path: 'text-varchar',
-	label: 'Numéro de téléphone au format international ou local.',
-	description: 'Téléphone',
+	label: 'Téléphone',
+	description: 'Numéro de téléphone au format international ou local.',
 	is_hidden: false,
@@ -33,6 +33,37 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ne",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"contains",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+        ]
+    },
     allowBindings:["text"],
 	formatter: (value) => value,
 	parser: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharUrl/Input.svelte CHANGED Viewed

@@ -6,6 +6,8 @@
 </script>
 <Line {compact}>
-	<Label {unique} {secret} {label} {required}></Label>
+    {#if label}
+	    <Label {unique} {secret} {label} {required}></Label>
+    {/if}
 	<FieldTypeInputText {...props} placeholder="votre texte" {required}></FieldTypeInputText>
 </Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharUrl/index.js CHANGED Viewed

@@ -33,6 +33,37 @@ export default createFieldType({
 		properties: null
 	},
+    // condition
+    allowedConditions : (field)=>{
+        return [
+            {
+                type:"eq",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ne",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"starts_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"ends_with",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+            {
+                type:"contains",
+                allowedTypes:["text"],
+                freeField:"text-varchar-default"
+            },
+        ]
+    },
     allowBindings:["text"],
 	formatter: (value) => value,
 	parser: (value) => value,

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/Button.svelte ADDED Viewed

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/Card.svelte ADDED Viewed

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

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/Icon.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.75C6.76 22.75 2.5 18.49 2.5 13.25C2.5 8.01 6.76 3.75 12 3.75C17.24 3.75 21.5 8.01 21.5 13.25C21.5 18.49 17.24 22.75 12 22.75ZM12 5.25C7.59 5.25 4 8.84 4 13.25C4 17.66 7.59 21.25 12 21.25C16.41 21.25 20 17.66 20 13.25C20 8.84 16.41 5.25 12 5.25Z" fill="#292D32"/>
+<path d="M12 13.75C11.59 13.75 11.25 13.41 11.25 13V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75Z" fill="#292D32"/>
+<path d="M15 2.75H9C8.59 2.75 8.25 2.41 8.25 2C8.25 1.59 8.59 1.25 9 1.25H15C15.41 1.25 15.75 1.59 15.75 2C15.75 2.41 15.41 2.75 15 2.75Z" fill="#292D32"/>
+</svg>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/Input.svelte ADDED Viewed

@@ -0,0 +1,12 @@
+<script>
+	import Label from '../../../components/Label.svelte';
+	import Line from '../../../components/Line.svelte';
+	import { FrequencyPicker, MonthPicker } from 'hamzus-ui';
+	let { label, unique = false, secret = false, compact = false, required, ...props } = $props();
+</script>
+<Line {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+    <FrequencyPicker {...props} {required}></FrequencyPicker>
+</Line>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/TableView.svelte ADDED Viewed

@@ -0,0 +1,41 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+	let { value } = $props();
+    function getText(frequencyType, weekDays, monthDay, firstBusinessDay) {
+		let text = MODES[frequencyType];
+		if (frequencyType === 'weekly') {
+			text += ' | ';
+			for (let i = 0; i < weekDays.length; i++) {
+				const weekDay = weekDays[i];
+				text += DAYS[weekDay];
+				if (i < weekDays.length - 1) {
+					text += ', ';
+				}
+			}
+		}
+		if (frequencyType === 'monthly') {
+			text += ' | ';
+			for (let i = 0; i < monthDay.length; i++) {
+				const day = monthDay[i];
+				text += day === 'last' ? 'dernier jour' : day;
+				if (i < monthDay.length - 1) {
+					text += ', ';
+				}
+			}
+		}
+		if (ALLOWED_BUSINESS_TYPES.includes(frequencyType) && firstBusinessDay) {
+			text += ' | ignoré le weekend';
+		}
+		return text;
+	}
+</script>
+<ViewText>{value === null || !value.flat ? '-' : getText(value.flat)}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/View.svelte ADDED Viewed

@@ -0,0 +1,45 @@
+<script>
+	import Label from '../../../components/Label.svelte';
+	import LineView from '../../../components/LineView.svelte';
+	import ViewText from '../../../components/ViewText.svelte';
+	let { value, compact, unique, secret, label, required } = $props();
+    function getText(frequencyType, weekDays, monthDay, firstBusinessDay) {
+		let text = MODES[frequencyType];
+		if (frequencyType === 'weekly') {
+			text += ' | ';
+			for (let i = 0; i < weekDays.length; i++) {
+				const weekDay = weekDays[i];
+				text += DAYS[weekDay];
+				if (i < weekDays.length - 1) {
+					text += ', ';
+				}
+			}
+		}
+		if (frequencyType === 'monthly') {
+			text += ' | ';
+			for (let i = 0; i < monthDay.length; i++) {
+				const day = monthDay[i];
+				text += day === 'last' ? 'dernier jour' : day;
+				if (i < monthDay.length - 1) {
+					text += ', ';
+				}
+			}
+		}
+		if (ALLOWED_BUSINESS_TYPES.includes(frequencyType) && firstBusinessDay) {
+			text += ' | ignoré le weekend';
+		}
+		return text;
+	}
+</script>
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null || !value.flat ? '-' : getText(value.flat)}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeFrequency/index.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { createFieldType } from '../../../createFieldType.js';
+import Icon from './Icon.svelte';
+import Button from './Button.svelte';
+import Card from './Card.svelte';
+import Input from './Input.svelte';
+import TableView from './TableView.svelte';
+import View from './View.svelte';
+export default createFieldType({
+	type: 'time-frequency',
+	category_path: 'time',
+	label: 'Fréquence',
+	description: "Fréquence de répétition journalière, choisissez quelle jour répéter une action.",
+	is_hidden: false,
+	defaultProps: {},
+	can_be_required: true,
+	can_be_unique: false,
+	components: {
+		icon: Icon,
+		button: Button,
+		card: Card,
+		input: Input,
+		tableView: TableView,
+		view: View,
+		filter: null,
+		properties: null
+	},
+    allowBindings:["time-frequency"],
+	formatter: (value) => value,
+	parser: (value) => value,
+	validate: () => true
+});

package/src/routes/exemple/[project_normalized_name]/home/+page.svelte CHANGED Viewed

@@ -1,5 +1,6 @@
 <script>
-	import WidgetGroup from '$lib/registry/widgetGroupRegistry/components/WidgetGroup.svelte';
+	import FieldCondition from '$lib/registry/entityRegistry/components/FieldCondition.svelte';
+import WidgetGroup from '$lib/registry/widgetGroupRegistry/components/WidgetGroup.svelte';
 	import { registerWidgetGroups } from '$lib/registry/widgetGroupRegistry/registerWidgetGroups';
 	import { widgetGroupRegistry } from '$lib/registry/widgetGroupRegistry/registry.svelte';
 	import { IconButton, sendRequest, toast } from 'hamzus-ui';
@@ -12,7 +13,7 @@
 	});
 </script>
+<FieldCondition id={728} allowedFields={[728,707]}></FieldCondition>
 <div class="content">
 	<div class="container">
 		<div class="title">