mountain-ui 1.0.143 → 1.0.145

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.143",
+	"version": "1.0.145",
 	"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.263"
 	},
 	"engines": {
 		"node": ">=18.0.0"

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

@@ -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/time/TimeFrequency/Button.svelte

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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