rimecms 0.26.6 → 0.26.8

package/dist/panel/components/sections/collection/upload-thumb-cell/UploadThumbCell.svelte

@@ -1,76 +1,76 @@
 <script lang="ts">
-	import { getMimeTypeFromExtension } from '../../../../../core/collections/upload/util/mime';
-	import { mimeTypeToIcon } from '../../../../util/upload.js';
-	import { FileText } from '@lucide/svelte';
+  import { getMimeTypeFromExtension } from '../../../../../core/collections/upload/util/mime';
+  import { mimeTypeToIcon } from '../../../../util/upload.js';
+  import { FileText } from '@lucide/svelte';
 
-	type Props = {
-		url?: string;
-		mimeType?: string;
-		class?: string;
-	};
-	const { url, class: className, mimeType }: Props = $props();
-	const mimeTypeResolved = $derived.by(() => {
-		if (mimeType) return mimeType;
-		if (url) return getMimeTypeFromExtension(url) || '';
-		return '';
-	});
+  type Props = {
+    url?: string;
+    mimeType?: string;
+    class?: string;
+  };
+  const { url, class: className, mimeType }: Props = $props();
+  const mimeTypeResolved = $derived.by(() => {
+    if (mimeType) return mimeType;
+    if (url) return getMimeTypeFromExtension(url) || '';
+    return '';
+  });
 </script>
 
 <div class="rz-upload-preview-cell {className}">
-	<div>
-		{#if url && mimeTypeResolved.includes('image')}
-			<img class="rz-upload-preview-cell__image" src={url} alt="preview" />
-		{:else}
-			<div class="rz-upload-preview-cell__placeholder">
-				{#if mimeTypeResolved}
-					{@const FileIcon = mimeTypeToIcon(mimeTypeResolved)}
-					<FileIcon size={14} />
-				{:else}
-					<FileText size={14} />
-				{/if}
-			</div>
-		{/if}
-	</div>
+  <div>
+    {#if url && mimeTypeResolved.includes('image')}
+      <img class="rz-upload-preview-cell__image" src={url} alt="preview" />
+    {:else}
+      <div class="rz-upload-preview-cell__placeholder">
+        {#if mimeTypeResolved}
+          {@const FileIcon = mimeTypeToIcon(mimeTypeResolved)}
+          <FileIcon size={14} />
+        {:else}
+          <FileText size={14} />
+        {/if}
+      </div>
+    {/if}
+  </div>
 </div>
 
 <style>
-	:root {
-		--rz-upload-preview-cell-bg: light-dark(hsl(var(--rz-gray-11)), hsl(var(--rz-gray-0)));
-		--rz-upload-preview-cell-fit: contain;
-	}
+  :root {
+    --rz-upload-preview-cell-bg: light-dark(hsl(var(--rz-gray-11)), hsl(var(--rz-gray-0)));
+    --rz-upload-preview-cell-fit: contain;
+  }
 
-	.rz-upload-preview-cell {
-		--size: var(--rz-upload-preview-cell-size, var(--rz-size-9));
-		display: flex;
-		width: var(--size);
-		height: var(--size);
-		flex-shrink: 0;
-		align-items: center;
-		justify-content: center;
-		overflow: hidden;
-		pointer-events: none;
-		border-radius: var(--rz-radius-sm);
-		> div {
-			width: 100%;
-			height: 100%;
-			border-radius: var(--rz-radius-sm);
-			overflow: hidden;
-			background: var(--rz-upload-preview-cell-bg);
-			display: flex;
-			place-content: center;
-		}
-	}
+  .rz-upload-preview-cell {
+    --size: var(--rz-upload-preview-cell-size, var(--rz-size-9));
+    display: flex;
+    width: var(--size);
+    height: var(--size);
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    pointer-events: none;
+    border-radius: var(--rz-radius-sm);
+    > div {
+      width: 100%;
+      height: 100%;
+      border-radius: var(--rz-radius-sm);
+      overflow: hidden;
+      background: var(--rz-upload-preview-cell-bg);
+      display: flex;
+      place-content: center;
+    }
+  }
 
-	.rz-upload-preview-cell__image {
-		height: 100%;
-		width: 100%;
-		-o-object-fit: var(--rz-upload-preview-cell-fit);
-		   object-fit: var(--rz-upload-preview-cell-fit);
-	}
+  .rz-upload-preview-cell__image {
+    height: 100%;
+    width: 100%;
+    -o-object-fit: var(--rz-upload-preview-cell-fit);
+       object-fit: var(--rz-upload-preview-cell-fit);
+  }
 
-	.rz-upload-preview-cell__placeholder {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
+  .rz-upload-preview-cell__placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 </style>

package/dist/panel/components/sections/document/AuthAPIKeyDialog.svelte

@@ -1,80 +1,80 @@
 <script lang="ts">
-	import { dev } from '$app/environment';
-	import * as Dialog from '../../ui/dialog/index.js';
-	import { Check, Copy } from '@lucide/svelte';
-	import { t__ } from '../../../../core/i18n/index.js';
-	import Button from '../../ui/button/button.svelte';
+  import { dev } from '$app/environment';
+  import * as Dialog from '../../ui/dialog/index.js';
+  import { Check, Copy } from '@lucide/svelte';
+  import { t__ } from '../../../../core/i18n/index.js';
+  import Button from '../../ui/button/button.svelte';
 
-	type Props = { apiKey: string | null };
+  type Props = { apiKey: string | null };
 
-	let { apiKey = $bindable() }: Props = $props();
-	let dialogOpen = $derived(!!apiKey);
-	let copied = $state(false);
+  let { apiKey = $bindable() }: Props = $props();
+  let dialogOpen = $derived(!!apiKey);
+  let copied = $state(false);
 
-	function copyAPIKey() {
-		if (!apiKey) return false;
+  function copyAPIKey() {
+    if (!apiKey) return false;
 
-		if (dev && !navigator.clipboard) {
-			copied = true;
-			return true;
-		}
+    if (dev && !navigator.clipboard) {
+      copied = true;
+      return true;
+    }
 
-		if (!navigator.clipboard) return false;
+    if (!navigator.clipboard) return false;
 
-		navigator.clipboard
-			.writeText(apiKey)
-			.then(() => {
-				copied = true;
-				return true;
-			})
-			.catch((err) => {
-				console.error('Failed to copy: ', err);
-				return false;
-			});
-	}
+    navigator.clipboard
+      .writeText(apiKey)
+      .then(() => {
+        copied = true;
+        return true;
+      })
+      .catch((err) => {
+        console.error('Failed to copy: ', err);
+        return false;
+      });
+  }
 </script>
 
 <Dialog.Root open={dialogOpen}>
-	<Dialog.Trigger />
-	<Dialog.Content size="lg">
-		<Dialog.Header>{t__('common.api_key_dialog_title')}</Dialog.Header>
-		<p>{t__('common.api_key_dialog_text')}</p>
-		<p class="rz-dialog-api__key">
-			{apiKey}
-			<Button
-				size="icon-sm"
-				variant="ghost"
-				class="rz-dialog-api__copy {copied ? 'rz-dialog-api--copied' : ''}"
-				onclick={copyAPIKey}
-				icon={copied ? Check : Copy}
-			/>
-		</p>
-		<Dialog.Footer --rz-justify-content="space-between">
-			<Button onclick={() => (apiKey = null)}>{t__('common.close')}</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
+  <Dialog.Trigger />
+  <Dialog.Content size="lg">
+    <Dialog.Header>{t__('common.api_key_dialog_title')}</Dialog.Header>
+    <p>{t__('common.api_key_dialog_text')}</p>
+    <p class="rz-dialog-api__key">
+      {apiKey}
+      <Button
+        size="icon-sm"
+        variant="ghost"
+        class="rz-dialog-api__copy {copied ? 'rz-dialog-api--copied' : ''}"
+        onclick={copyAPIKey}
+        icon={copied ? Check : Copy}
+      />
+    </p>
+    <Dialog.Footer --rz-justify-content="space-between">
+      <Button onclick={() => (apiKey = null)}>{t__('common.close')}</Button>
+    </Dialog.Footer>
+  </Dialog.Content>
 </Dialog.Root>
 
 <style>
-	.rz-dialog-api__key {
-		--rz-button-ghost-bg-hover: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-5)));
-		position: relative;
-		border: var(--rz-border);
-		background-color: hsl(var(--rz-input-bg));
-		min-height: var(--rz-input-height);
-		align-items: center;
-		display: flex;
-		padding: var(--rz-size-2) var(--rz-size-16) var(--rz-size-2) var(--rz-size-2);
-		border-radius: var(--rz-radius-md);
-		word-break: break-all;
-		:global {
-			.rz-dialog-api__copy {
-				position: absolute;
-				right: var(--rz-size-1);
-			}
-			.rz-dialog-api--copied {
-				color: hsl(var(--rz-color-success));
-			}
-		}
-	}
+  .rz-dialog-api__key {
+    --rz-button-ghost-bg-hover: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-5)));
+    position: relative;
+    border: var(--rz-border);
+    background-color: hsl(var(--rz-input-bg));
+    min-height: var(--rz-input-height);
+    align-items: center;
+    display: flex;
+    padding: var(--rz-size-2) var(--rz-size-16) var(--rz-size-2) var(--rz-size-2);
+    border-radius: var(--rz-radius-md);
+    word-break: break-all;
+    :global {
+      .rz-dialog-api__copy {
+        position: absolute;
+        right: var(--rz-size-1);
+      }
+      .rz-dialog-api--copied {
+        color: hsl(var(--rz-color-success));
+      }
+    }
+  }
 </style>

package/dist/panel/components/sections/document/AuthFooter.svelte

@@ -1,98 +1,98 @@
 <script lang="ts">
-	import { page } from '$app/state';
-	import { isAuthConfig } from '../../../../core/collections/auth/util';
-	import type { BuiltCollection } from '../../../../core/config/types.js';
-	import { t__ } from '../../../../core/i18n';
-	import { text } from '../../../../fields';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
-	import { getUserContext } from '../../../context/user.svelte.js';
-	import { authClient } from '../../../util/auth';
-	import validate from '../../../../util/validate';
-	import { toast } from 'svelte-sonner';
-	import Button from '../../ui/button/button.svelte';
+  import { page } from '$app/state';
+  import { isAuthConfig } from '../../../../core/collections/auth/util';
+  import type { BuiltCollection } from '../../../../core/config/types.js';
+  import { t__ } from '../../../../core/i18n';
+  import { text } from '../../../../fields';
+  import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+  import { getUserContext } from '../../../context/user.svelte.js';
+  import { authClient } from '../../../util/auth';
+  import validate from '../../../../util/validate';
+  import { toast } from 'svelte-sonner';
+  import Button from '../../ui/button/button.svelte';
 
-	type Props = { operation: string; form: DocumentFormContext; collection: BuiltCollection };
-	const { operation, form, collection }: Props = $props();
+  type Props = { operation: string; form: DocumentFormContext; collection: BuiltCollection };
+  const { operation, form, collection }: Props = $props();
 
-	const user = getUserContext();
+  const user = getUserContext();
 
-	$effect(() => {
-		if (form.values.password !== form.values.confirmPassword && operation === 'create') {
-			form.errors.set('__form', 'password_mismatch');
-		} else {
-			form.errors.delete('__form');
-		}
-	});
+  $effect(() => {
+    if (form.values.password !== form.values.confirmPassword && operation === 'create') {
+      form.errors.set('__form', 'password_mismatch');
+    } else {
+      form.errors.delete('__form');
+    }
+  });
 
-	async function sendPasswordResetLink() {
-		const { data, error } = await authClient.requestPasswordReset({
-			email: form.values.email,
-			redirectTo: `/reset-password?slug=staff`
-		});
-		if (error && error.message) {
-			toast.error(error.message);
-		}
-		if (data && data.status) {
-			toast.success(t__('common.passwordResetLinkSent', form.values.email));
-		}
-	}
+  async function sendPasswordResetLink() {
+    const { data, error } = await authClient.requestPasswordReset({
+      email: form.values.email,
+      redirectTo: `/reset-password?slug=staff`
+    });
+    if (error && error.message) {
+      toast.error(error.message);
+    }
+    if (data && data.status) {
+      toast.success(t__('common.passwordResetLinkSent', form.values.email));
+    }
+  }
 
-	const passwordConfig = text('password')
-		.placeholder(t__('fields.password'))
-		.required()
-		.validate(validate.password);
-	const Text = text('mock').component;
+  const passwordConfig = text('password')
+    .placeholder(t__('fields.password'))
+    .required()
+    .validate(validate.password);
+  const Text = text('mock').component;
 
-	const confirmPasswordConfig = text('confirmPassword')
-		.label(t__('common.confirmPassword'))
-		.placeholder(t__('common.confirmPassword'))
-		.required()
-		.validate((value, metas) => {
-			if (metas.data.password !== value) {
-				return 'password_mismatch';
-			}
-			return true;
-		});
+  const confirmPasswordConfig = text('confirmPassword')
+    .label(t__('common.confirmPassword'))
+    .placeholder(t__('common.confirmPassword'))
+    .required()
+    .validate((value, metas) => {
+      if (metas.data.password !== value) {
+        return 'password_mismatch';
+      }
+      return true;
+    });
 </script>
 
 <!-- For creation show passwords fields -->
 <!-- For updates show reset password if mailer plugin exists -->
 {#if operation === 'create' || (user.attributes.isStaff && page.data?.hasMailer)}
-	<div class="rz-document-auth">
-		{#if operation === 'create'}
-			{#if isAuthConfig(collection) && collection.auth.type === 'password'}
-				<Text {form} type="password" config={passwordConfig.compile()} path="password" />
-				<Text
-					{form}
-					type="password"
-					config={confirmPasswordConfig.compile()}
-					path="confirmPassword"
-				/>
-			{/if}
-		{:else if user.attributes.isStaff && page.data?.hasMailer}
-			{#if isAuthConfig(collection) && collection.auth.type === 'password'}
-				<div>
-					<Button onclick={sendPasswordResetLink} variant="outline">
-						{t__('common.sendPasswordResetLink')}
-					</Button>
-				</div>
-			{/if}
-		{/if}
-	</div>
+  <div class="rz-document-auth">
+    {#if operation === 'create'}
+      {#if isAuthConfig(collection) && collection.auth.type === 'password'}
+        <Text {form} type="password" config={passwordConfig.compile()} path="password" />
+        <Text
+          {form}
+          type="password"
+          config={confirmPasswordConfig.compile()}
+          path="confirmPassword"
+        />
+      {/if}
+    {:else if user.attributes.isStaff && page.data?.hasMailer}
+      {#if isAuthConfig(collection) && collection.auth.type === 'password'}
+        <div>
+          <Button onclick={sendPasswordResetLink} variant="outline">
+            {t__('common.sendPasswordResetLink')}
+          </Button>
+        </div>
+      {/if}
+    {/if}
+  </div>
 {/if}
 
 <style>
-	.rz-document-auth {
-		display: grid;
-		padding: var(--rz-size-5) var(--rz-size-5) var(--rz-size-6);
-		border-radius: var(--rz-radius-lg);
-		background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
-		border: var(--rz-border);
-		gap: var(--rz-size-8);
-		margin-top: var(--rz-size-4);
+  .rz-document-auth {
+    display: grid;
+    padding: var(--rz-size-5) var(--rz-size-5) var(--rz-size-6);
+    border-radius: var(--rz-radius-lg);
+    background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
+    border: var(--rz-border);
+    gap: var(--rz-size-8);
+    margin-top: var(--rz-size-4);
 
-		& > :global(*) {
-			padding: 0 var(--rz-fields-padding);
-		}
-	}
+    & > :global(*) {
+      padding: 0 var(--rz-fields-padding);
+    }
+  }
 </style>

package/dist/panel/components/sections/document/ButtonSave.svelte

@@ -1,33 +1,40 @@
 <script lang="ts">
-	import Button from '../../ui/button/button.svelte';
-	import type { ButtonProps, ButtonVariant } from '../../ui/button/index.js';
-	import SpinLoader from '../../ui/spin-loader/SpinLoader.svelte';
-	import { Save } from '@lucide/svelte';
+  import Button from '../../ui/button/button.svelte';
+  import type { ButtonProps, ButtonVariant } from '../../ui/button/index.js';
+  import SpinLoader from '../../ui/spin-loader/SpinLoader.svelte';
+  import { Save } from '@lucide/svelte';
 
-	type Props = {
-		variant?: ButtonVariant;
-		disabled: boolean;
-		processing: boolean;
-		class?: string;
-		label: string;
-	} & ButtonProps;
+  type Props = {
+    variant?: ButtonVariant;
+    disabled: boolean;
+    processing: boolean;
+    class?: string;
+    label: string;
+  } & ButtonProps;
 
-	const {
-		formaction,
-		variant = 'default',
-		disabled,
-		processing,
-		label,
-		class: className,
-		...restProps
-	}: Props = $props();
+  const {
+    formaction,
+    variant = 'default',
+    disabled,
+    processing,
+    label,
+    class: className,
+    ...restProps
+  }: Props = $props();
 </script>
 
-<Button {variant} formaction={formaction || null} class={className || null} type="submit" {disabled} {...restProps}>
-	{#if processing}
-		<SpinLoader />
-	{:else}
-		<Save size="13" />
-	{/if}
-	{label}
+<Button
+  {variant}
+  formaction={formaction || null}
+  class={className || null}
+  type="submit"
+  {disabled}
+  {...restProps}
+>
+  {#if processing}
+    <SpinLoader />
+  {:else}
+    <Save size="13" />
+  {/if}
+  {label}
 </Button>