includio-cms 0.25.0 → 0.26.0

package/dist/admin/client/users/user-name-cell.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	type Props = {
+		name: string;
+		email: string;
+		avatarGradient: string;
+		initials: string;
+	};
+
+	let { name, email, avatarGradient, initials }: Props = $props();
+</script>
+
+<div class="flex items-center gap-3">
+	<div class="users-avatar" style="background: {avatarGradient};" aria-hidden="true">
+		{initials}
+	</div>
+	<div class="min-w-0">
+		<div class="truncate text-sm font-semibold">{name}</div>
+		<div class="text-text-light truncate text-xs">{email}</div>
+	</div>
+</div>

package/dist/admin/client/users/user-name-cell.svelte.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    name: string;
+    email: string;
+    avatarGradient: string;
+    initials: string;
+};
+declare const UserNameCell: import("svelte").Component<Props, {}, "">;
+type UserNameCell = ReturnType<typeof UserNameCell>;
+export default UserNameCell;

package/dist/admin/client/users/user-role-badge.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	type Props = {
+		role: string;
+		label: string;
+	};
+
+	let { role, label }: Props = $props();
+</script>
+
+<span
+	class="users-role-badge"
+	class:users-role-admin={role === 'admin'}
+	class:users-role-user={role !== 'admin'}
+>
+	{label}
+</span>

package/dist/admin/client/users/user-role-badge.svelte.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    role: string;
+    label: string;
+};
+declare const UserRoleBadge: import("svelte").Component<Props, {}, "">;
+type UserRoleBadge = ReturnType<typeof UserRoleBadge>;
+export default UserRoleBadge;

package/dist/admin/client/users/user-row-actions.svelte

@@ -0,0 +1,72 @@
+<script lang="ts">
+	import Pencil from '@tabler/icons-svelte/icons/pencil';
+	import Trash from '@tabler/icons-svelte/icons/trash';
+	import DeviceDesktop from '@tabler/icons-svelte/icons/device-desktop';
+	import Button from '../../../components/ui/button/button.svelte';
+
+	type User = {
+		id: string;
+		name: string;
+		email: string;
+		role: string;
+		createdAt: Date;
+	};
+
+	type Props = {
+		user: User;
+		currentUserId: string;
+		sessionsTitle: string;
+		editLabel: string;
+		deleteLabel: string;
+		onSessions: (user: User) => void;
+		onEdit: (user: User) => void;
+		onDelete: (user: User) => void;
+	};
+
+	let {
+		user,
+		currentUserId,
+		sessionsTitle,
+		editLabel,
+		deleteLabel,
+		onSessions,
+		onEdit,
+		onDelete
+	}: Props = $props();
+</script>
+
+<div class="flex items-center justify-end gap-0.5">
+	<Button
+		variant="ghost"
+		size="icon"
+		class="h-8 w-8"
+		onclick={() => onSessions(user)}
+		title={sessionsTitle}
+		aria-label={sessionsTitle}
+	>
+		<DeviceDesktop class="size-4" />
+	</Button>
+	<Button
+		variant="ghost"
+		size="icon"
+		class="h-8 w-8"
+		onclick={() => onEdit(user)}
+		title={editLabel}
+		aria-label={editLabel}
+	>
+		<Pencil class="size-4" />
+	</Button>
+	{#if user.id !== currentUserId}
+		<Button
+			variant="ghost"
+			size="icon"
+			class="text-destructive h-8 w-8"
+			onclick={() => onDelete(user)}
+			title={deleteLabel}
+			aria-label={deleteLabel}
+			data-testid="delete-user-row-button"
+		>
+			<Trash class="size-4" />
+		</Button>
+	{/if}
+</div>

package/dist/admin/client/users/user-row-actions.svelte.d.ts

@@ -0,0 +1,20 @@
+type User = {
+    id: string;
+    name: string;
+    email: string;
+    role: string;
+    createdAt: Date;
+};
+type Props = {
+    user: User;
+    currentUserId: string;
+    sessionsTitle: string;
+    editLabel: string;
+    deleteLabel: string;
+    onSessions: (user: User) => void;
+    onEdit: (user: User) => void;
+    onDelete: (user: User) => void;
+};
+declare const UserRowActions: import("svelte").Component<Props, {}, "">;
+type UserRowActions = ReturnType<typeof UserRowActions>;
+export default UserRowActions;

package/dist/admin/client/users/user-sessions-sheet.svelte

@@ -9,7 +9,7 @@
 	import { parseUserAgent } from '../../utils/parseUserAgent.js';
 	import { usersLang } from './lang.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
-	import { toLocaleCode } from '../../utils/formatDate.js';
+	import { formatDateTime } from '../../utils/formatters.js';
 
 	type Props = {
 		open: boolean;
@@ -78,15 +78,6 @@
 		}
 	}
 
-	function formatDate(date: Date | string): string {
-		return new Date(date).toLocaleString(toLocaleCode(interfaceLanguage.current), {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
-			hour: '2-digit',
-			minute: '2-digit'
-		});
-	}
 </script>
 
 <Sheet.Root bind:open>
@@ -117,7 +108,7 @@
 								<div>
 									<div class="text-sm font-medium">{ua.browser} on {ua.os}</div>
 									<div class="text-muted-foreground text-xs">
-										{session.ipAddress || 'Unknown IP'} &middot; {lang.sessions.lastActive}: {formatDate(session.updatedAt)}
+										{session.ipAddress || 'Unknown IP'} &middot; {lang.sessions.lastActive}: {formatDateTime(session.updatedAt, interfaceLanguage.current)}
 									</div>
 								</div>
 							</div>