mountain-ui 1.0.28 → 1.0.30

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

@@ -4,6 +4,8 @@ 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: 'text-varchar-email',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPassword/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPassword/View.svelte

@@ -0,0 +1,12 @@
+<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();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPassword/index.js

@@ -4,6 +4,8 @@ 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: 'text-varchar-password',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPhone/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharPhone/View.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Label from '../../../../components/Label.svelte';
+	import LineView from '../../../../components/LineView.svelte';
+	import ViewText from '../../../../components/ViewText.svelte';
+	import { Link } from 'hamzus-ui';
+
+	let { value, compact, unique, secret, label, required } = $props();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+    <Link href="mailto:{value?.flat ?? ""}" label={value?.flat ?? ""}/>
+</LineView>

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

@@ -4,6 +4,8 @@ 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: 'text-varchar-phone',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharUrl/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/text/varchar/TextVarcharUrl/View.svelte

@@ -0,0 +1,24 @@
+<script>
+	import Label from '../../../../components/Label.svelte';
+	import LineView from '../../../../components/LineView.svelte';
+	import ViewText from '../../../../components/ViewText.svelte';
+	import { AlertCard, Button, Dialog } from 'hamzus-ui';
+
+	let { value, compact, unique, secret, label, required } = $props();
+
+    let confirmationIsOpen = $state(false)
+</script>
+
+<Dialog bind:isOpen={confirmationIsOpen}>
+	<div style="display:flex;row-gap:var(--pad-m);flex-direction:column;">
+		<h3>Aller a l'adresse</h3>
+		<p>Etes vous sure de vouloir suivre ce lien ?</p>
+        <p>{value?.flat ?? ""}</p>
+		<AlertCard>Le lien peut être potentiellement dangereux et n'est pas verifié !</AlertCard>
+		<Button href={value?.flat ?? ""} target="_blank">confirmer</Button>
+	</div>
+</Dialog>
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

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

@@ -4,6 +4,8 @@ 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: 'text-varchar-url',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeCreatedAt/TableView.svelte

@@ -0,0 +1,9 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+	import { formatDateTime } from "../formatDate";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeCreatedAt/View.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Label from '../../../components/Label.svelte';
+	import LineView from '../../../components/LineView.svelte';
+	import ViewText from '../../../components/ViewText.svelte';
+	import { formatDateTime } from '../formatDate';
+
+	let { value, compact, unique, secret, label, required } = $props();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeCreatedAt/index.js

@@ -3,6 +3,8 @@ import { createFieldType } from '../../../createFieldType';
 import Icon from './Icon.svelte';
 import Button from './Button.svelte';
 import Card from './Card.svelte';
+import TableView from './TableView.svelte';
+import View from './View.svelte';
 
 export default createFieldType({
 	type: 'time-created_at',
@@ -24,7 +26,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: null,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDate/TableView.svelte

@@ -0,0 +1,9 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+	import { formatDate } from "../formatDate";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : formatDate(value.flat)}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDate/View.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Label from '../../../components/Label.svelte';
+	import LineView from '../../../components/LineView.svelte';
+	import ViewText from '../../../components/ViewText.svelte';
+	import { formatDate } from '../formatDate';
+
+	let { value, compact, unique, secret, label, required } = $props();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : formatDate(value.flat)}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDate/index.js

@@ -4,6 +4,8 @@ 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-date',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDatetime/TableView.svelte

@@ -0,0 +1,9 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+	import { formatDateTime } from "../formatDate";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDatetime/View.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Label from '../../../components/Label.svelte';
+	import LineView from '../../../components/LineView.svelte';
+	import ViewText from '../../../components/ViewText.svelte';
+	import { formatDateTime } from '../formatDate';
+
+	let { value, compact, unique, secret, label, required } = $props();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDatetime/index.js

@@ -4,6 +4,8 @@ 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-datetime',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDay/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDay/View.svelte

@@ -0,0 +1,12 @@
+<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();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeDay/index.js

@@ -4,6 +4,8 @@ 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-day',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeHour/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeHour/View.svelte

@@ -0,0 +1,12 @@
+<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();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeHour/index.js

@@ -4,6 +4,8 @@ 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-hour',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeMonth/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeMonth/View.svelte

@@ -0,0 +1,12 @@
+<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();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeMonth/index.js

@@ -4,6 +4,8 @@ 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-month',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeMonthOfYear/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeMonthOfYear/View.svelte

@@ -0,0 +1,12 @@
+<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();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeMonthOfYear/index.js

@@ -4,6 +4,8 @@ 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-month_of_year',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeUpdatedAt/TableView.svelte

@@ -0,0 +1,9 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+	import { formatDateTime } from "../formatDate";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeUpdatedAt/View.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Label from '../../../components/Label.svelte';
+	import LineView from '../../../components/LineView.svelte';
+	import ViewText from '../../../components/ViewText.svelte';
+	import { formatDateTime } from '../formatDate';
+
+	let { value, compact, unique, secret, label, required } = $props();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : formatDateTime(value.flat)}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeUpdatedAt/index.js

@@ -3,6 +3,8 @@ import { createFieldType } from '../../../createFieldType.js';
 import Icon from './Icon.svelte';
 import Button from './Button.svelte';
 import Card from './Card.svelte';
+import TableView from './TableView.svelte';
+import View from './View.svelte';
 
 export default createFieldType({
 	type: 'time-updated_at',
@@ -24,7 +26,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: null,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeYear/TableView.svelte

@@ -0,0 +1,8 @@
+<script>
+	import ViewText from "../../../components/ViewText.svelte";
+
+	let { value } = $props();
+</script>
+
+
+<ViewText>{value === null ? '-' : value.flat}</ViewText>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeYear/View.svelte

@@ -0,0 +1,12 @@
+<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();
+</script>
+
+<LineView {compact}>
+	<Label {unique} {secret} {label} {required}></Label>
+	<ViewText>{value === null ? '-' : value.flat}</ViewText>
+</LineView>

package/src/lib/registry/fieldTypeRegistry/fieldTypes/time/TimeYear/index.js

@@ -4,6 +4,8 @@ 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-year',
@@ -25,7 +27,8 @@ export default createFieldType({
 		button: Button,
 		card: Card,
 		input: Input,
-		cell: null,
+		tableView: TableView,
+		view: View,
 		filter: null,
 		properties: null
 	},