rimecms 0.26.6 → 0.26.8

package/dist/panel/components/sections/collection/grid/CollectionGrid.svelte

@@ -1,121 +1,121 @@
 <script lang="ts">
-	import { t__ } from '../../../../../core/i18n/index.js';
-	import ContextMenu from '../../../ui/context-menu/ContextMenu.svelte';
-	import ContextMenuItem from '../../../ui/context-menu/ContextMenuItem.svelte';
-	import type { CollectionContext } from '../../../../context/collection.svelte.js';
-	import { FolderPlus } from '@lucide/svelte';
-	import Empty from '../Empty.svelte';
-	import Folder from '../folder/FolderWithActions.svelte';
-	import CreateDirectoryDialog from './create-directory-dialog/CreateDirectoryDialog.svelte';
-	import GridItem from './grid-item/GridItem.svelte';
+  import { t__ } from '../../../../../core/i18n/index.js';
+  import ContextMenu from '../../../ui/context-menu/ContextMenu.svelte';
+  import ContextMenuItem from '../../../ui/context-menu/ContextMenuItem.svelte';
+  import type { CollectionContext } from '../../../../context/collection.svelte.js';
+  import { FolderPlus } from '@lucide/svelte';
+  import Empty from '../Empty.svelte';
+  import Folder from '../folder/FolderWithActions.svelte';
+  import CreateDirectoryDialog from './create-directory-dialog/CreateDirectoryDialog.svelte';
+  import GridItem from './grid-item/GridItem.svelte';
 
-	type Props = { collection: CollectionContext };
-	const { collection }: Props = $props();
-	let createDirectoryDialogOpen = $state(false);
+  type Props = { collection: CollectionContext };
+  const { collection }: Props = $props();
+  let createDirectoryDialogOpen = $state(false);
 
-	const currentPathDocuments = $derived(
-		collection.docs.filter((doc) => doc._path === collection.upload.currentPath)
-	);
+  const currentPathDocuments = $derived(
+    collection.docs.filter((doc) => doc._path === collection.upload.currentPath)
+  );
 
-	function onDeleteFolder(path: string) {
-		collection.upload.directories = collection.upload.directories.filter((dir) => dir.id !== path);
-	}
+  function onDeleteFolder(path: string) {
+    collection.upload.directories = collection.upload.directories.filter((dir) => dir.id !== path);
+  }
 
-	const hasContentUnfiltered = $derived(
-		!collection.isFiltered &&
-			(collection.docs.length ||
-				collection.upload.directories.length ||
-				collection.upload.parentDirectory)
-	);
-	const hasDocsFiltered = $derived(collection.isFiltered && collection.docs.length);
+  const hasContentUnfiltered = $derived(
+    !collection.isFiltered &&
+      (collection.docs.length ||
+        collection.upload.directories.length ||
+        collection.upload.parentDirectory)
+  );
+  const hasDocsFiltered = $derived(collection.isFiltered && collection.docs.length);
 
-	/**
-	 * When a document is moved into a folder
-	 * change the document path inside collection.docs
-	 */
-	function onDocumentDrop(args: { documentId: string; path: string }) {
-		const { documentId, path } = args;
-		const docIndex = collection.docs.findIndex((doc) => doc.id === documentId);
-		if (docIndex > -1) {
-			collection.docs[docIndex]._path = path;
-		} else {
-			console.error("can't find " + documentId, collection.docs);
-		}
-	}
+  /**
+   * When a document is moved into a folder
+   * change the document path inside collection.docs
+   */
+  function onDocumentDrop(args: { documentId: string; path: string }) {
+    const { documentId, path } = args;
+    const docIndex = collection.docs.findIndex((doc) => doc.id === documentId);
+    if (docIndex > -1) {
+      collection.docs[docIndex]._path = path;
+    } else {
+      console.error("can't find " + documentId, collection.docs);
+    }
+  }
 
-	const dragEnabled = $derived(
-		!!(collection.upload.directories.length || collection.upload.parentDirectory)
-	);
+  const dragEnabled = $derived(
+    !!(collection.upload.directories.length || collection.upload.parentDirectory)
+  );
 </script>
 
 {#if hasContentUnfiltered || hasDocsFiltered}
-	<div class="rz-page-collection__grid">
-		<div class="rz-page-collection__grid-inner">
-			<!-- Parent directory -->
-			{#if collection.upload.parentDirectory && !collection.isFiltered}
-				<Folder
-					{onDocumentDrop}
-					folder={{ ...collection.upload.parentDirectory, name: '...' }}
-					collection={collection.config}
-				/>
-			{/if}
+  <div class="rz-page-collection__grid">
+    <div class="rz-page-collection__grid-inner">
+      <!-- Parent directory -->
+      {#if collection.upload.parentDirectory && !collection.isFiltered}
+        <Folder
+          {onDocumentDrop}
+          folder={{ ...collection.upload.parentDirectory, name: '...' }}
+          collection={collection.config}
+        />
+      {/if}
 
-			<!-- All children directories -->
-			{#if !collection.isFiltered}
-				{#each collection.upload.directories as folder (folder.id)}
-					<Folder
-						draggable="true"
-						{onDocumentDrop}
-						{folder}
-						collection={collection.config}
-						onDelete={onDeleteFolder}
-					/>
-				{/each}
-			{/if}
+      <!-- All children directories -->
+      {#if !collection.isFiltered}
+        {#each collection.upload.directories as folder (folder.id)}
+          <Folder
+            draggable="true"
+            {onDocumentDrop}
+            {folder}
+            collection={collection.config}
+            onDelete={onDeleteFolder}
+          />
+        {/each}
+      {/if}
 
-			<!-- All children docs -->
-			{#each currentPathDocuments as doc (doc.id)}
-				{@const checked = collection.selected.includes(doc.id)}
-				{#if dragEnabled}
-					<GridItem draggable="true" {doc} {checked} />
-				{:else}
-					<GridItem {doc} {checked} />
-				{/if}
-			{/each}
+      <!-- All children docs -->
+      {#each currentPathDocuments as doc (doc.id)}
+        {@const checked = collection.selected.includes(doc.id)}
+        {#if dragEnabled}
+          <GridItem draggable="true" {doc} {checked} />
+        {:else}
+          <GridItem {doc} {checked} />
+        {/if}
+      {/each}
 
-			<ContextMenu>
-				{#snippet trigger()}
-					<div class="rz-collection-grid__context-menu-trigger"></div>
-				{/snippet}
-				{#snippet content()}
-					<ContextMenuItem onclick={() => (createDirectoryDialogOpen = true)}>
-						<FolderPlus size="14" />
-						{t__('common.create_folder')}
-					</ContextMenuItem>
-				{/snippet}
-			</ContextMenu>
+      <ContextMenu>
+        {#snippet trigger()}
+          <div class="rz-collection-grid__context-menu-trigger"></div>
+        {/snippet}
+        {#snippet content()}
+          <ContextMenuItem onclick={() => (createDirectoryDialogOpen = true)}>
+            <FolderPlus size="14" />
+            {t__('common.create_folder')}
+          </ContextMenuItem>
+        {/snippet}
+      </ContextMenu>
 
-			<CreateDirectoryDialog {collection} bind:open={createDirectoryDialogOpen} />
-		</div>
-	</div>
+      <CreateDirectoryDialog {collection} bind:open={createDirectoryDialogOpen} />
+    </div>
+  </div>
 {:else}
-	<Empty config={collection.config} />
+  <Empty config={collection.config} />
 {/if}
 
 <style>
-	.rz-page-collection__grid {
-		position: relative;
-		min-height: calc(100vh - 16rem);
-		z-index: 0;
-	}
-	.rz-page-collection__grid-inner {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-		gap: var(--rz-size-4);
-	}
-	.rz-collection-grid__context-menu-trigger {
-		position: absolute;
-		inset: 0;
-		z-index: -1;
-	}
+  .rz-page-collection__grid {
+    position: relative;
+    min-height: calc(100vh - 16rem);
+    z-index: 0;
+  }
+  .rz-page-collection__grid-inner {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+    gap: var(--rz-size-4);
+  }
+  .rz-collection-grid__context-menu-trigger {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+  }
 </style>

package/dist/panel/components/sections/collection/grid/create-directory-dialog/CreateDirectoryDialog.svelte

@@ -1,58 +1,58 @@
 <script lang="ts">
-	import { invalidateAll } from '$app/navigation';
-	import { t__ } from '../../../../../../core/i18n/index.js';
-	import { withDirectoriesSuffix } from '../../../../../../core/naming';
-	import RenderFields from '../../../../fields/RenderFields.svelte';
-	import Button from '../../../../ui/button/button.svelte';
-	import * as Dialog from '../../../../ui/dialog/index.js';
-	import { API_PROXY, setAPIProxyContext } from '../../../../../context/api-proxy.svelte.js';
-	import type { CollectionContext } from '../../../../../context/collection.svelte.js';
-	import { getConfigContext } from '../../../../../context/config.svelte.js';
-	import {
-		setDocumentFormContext,
-		type FormSuccessData
-	} from '../../../../../context/documentForm.svelte.js';
+  import { invalidateAll } from '$app/navigation';
+  import { t__ } from '../../../../../../core/i18n/index.js';
+  import { withDirectoriesSuffix } from '../../../../../../core/naming';
+  import RenderFields from '../../../../fields/RenderFields.svelte';
+  import Button from '../../../../ui/button/button.svelte';
+  import * as Dialog from '../../../../ui/dialog/index.js';
+  import { API_PROXY, setAPIProxyContext } from '../../../../../context/api-proxy.svelte.js';
+  import type { CollectionContext } from '../../../../../context/collection.svelte.js';
+  import { getConfigContext } from '../../../../../context/config.svelte.js';
+  import {
+    setDocumentFormContext,
+    type FormSuccessData
+  } from '../../../../../context/documentForm.svelte.js';
 
-	type Props = { collection: CollectionContext; open: boolean };
-	let { collection, open = $bindable() }: Props = $props();
+  type Props = { collection: CollectionContext; open: boolean };
+  let { collection, open = $bindable() }: Props = $props();
 
-	setAPIProxyContext(API_PROXY.DOCUMENT);
-	let formElement = $state<HTMLFormElement>();
-	const configCtx = getConfigContext();
-	// svelte-ignore state_referenced_locally
-	const directoriesConfig = configCtx.getCollection(withDirectoriesSuffix(collection.config.slug));
-	// svelte-ignore state_referenced_locally
-	const form = setDocumentFormContext({
-		initial: {
-			parent: collection.upload.currentPath
-		},
-		readOnly: false,
-		config: directoriesConfig,
-		key: withDirectoriesSuffix(collection.config.slug),
-		beforeRedirect: beforeRedirect
-	});
+  setAPIProxyContext(API_PROXY.DOCUMENT);
+  let formElement = $state<HTMLFormElement>();
+  const configCtx = getConfigContext();
+  // svelte-ignore state_referenced_locally
+  const directoriesConfig = configCtx.getCollection(withDirectoriesSuffix(collection.config.slug));
+  // svelte-ignore state_referenced_locally
+  const form = setDocumentFormContext({
+    initial: {
+      parent: collection.upload.currentPath
+    },
+    readOnly: false,
+    config: directoriesConfig,
+    key: withDirectoriesSuffix(collection.config.slug),
+    beforeRedirect: beforeRedirect
+  });
 
-	// Prevent redirection after directory creation
-	async function beforeRedirect(data?: FormSuccessData) {
-		open = false;
-		invalidateAll();
-		return false;
-	}
+  // Prevent redirection after directory creation
+  async function beforeRedirect(data?: FormSuccessData) {
+    open = false;
+    invalidateAll();
+    return false;
+  }
 </script>
 
 <Dialog.Root bind:open>
-	<Dialog.Content class="rz-status-dialog">
-		{#snippet child({ props })}
-			<form use:form.enhance bind:this={formElement} {...props}>
-				<Dialog.Header>{t__('common.create_folder')}</Dialog.Header>
-				<RenderFields {form} fields={directoriesConfig.fields} />
-				<Dialog.Footer --rz-justify-content="space-between">
-					<Button data-submit disabled={!form.canSubmit} type="submit">
-						{t__('common.create')}
-					</Button>
-					<Button variant="secondary" onclick={() => (open = false)}>Cancel</Button>
-				</Dialog.Footer>
-			</form>
-		{/snippet}
-	</Dialog.Content>
+  <Dialog.Content class="rz-status-dialog">
+    {#snippet child({ props })}
+      <form use:form.enhance bind:this={formElement} {...props}>
+        <Dialog.Header>{t__('common.create_folder')}</Dialog.Header>
+        <RenderFields {form} fields={directoriesConfig.fields} />
+        <Dialog.Footer --rz-justify-content="space-between">
+          <Button data-submit disabled={!form.canSubmit} type="submit">
+            {t__('common.create')}
+          </Button>
+          <Button variant="secondary" onclick={() => (open = false)}>Cancel</Button>
+        </Dialog.Footer>
+      </form>
+    {/snippet}
+  </Dialog.Content>
 </Dialog.Root>

package/dist/panel/components/sections/collection/grid/grid-item/GridItem.svelte

@@ -1,71 +1,71 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
-	import { isUploadConfig } from '../../../../../../core/collections/upload/util/config';
-	import { PARAMS, UPLOAD_PATH } from '../../../../../../core/constant.js';
-	import type { GenericDoc } from '../../../../../../core/types/doc';
-	import CardDocument from '../../../../ui/card-document/card-document.svelte';
-	import Checkbox from '../../../../ui/checkbox/checkbox.svelte';
-	import { getCollectionContext } from '../../../../../context/collection.svelte.js';
-	import { panelUrl } from '../../../../../util/url.js';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import { isUploadConfig } from '../../../../../../core/collections/upload/util/config';
+  import { PARAMS, UPLOAD_PATH } from '../../../../../../core/constant.js';
+  import type { GenericDoc } from '../../../../../../core/types/doc';
+  import CardDocument from '../../../../ui/card-document/card-document.svelte';
+  import Checkbox from '../../../../ui/checkbox/checkbox.svelte';
+  import { getCollectionContext } from '../../../../../context/collection.svelte.js';
+  import { panelUrl } from '../../../../../util/url.js';
 
-	type Props = { checked: boolean; doc: GenericDoc; draggable?: 'true' };
-	const { checked, doc, draggable }: Props = $props();
+  type Props = { checked: boolean; doc: GenericDoc; draggable?: 'true' };
+  const { checked, doc, draggable }: Props = $props();
 
-	const collection = getCollectionContext('list');
+  const collection = getCollectionContext('list');
 
-	const isUploadCollection = $derived(isUploadConfig(collection.config));
+  const isUploadCollection = $derived(isUploadConfig(collection.config));
 
-	function handleEdit() {
-		const uploadPath = isUploadCollection
-			? page.url.searchParams.get(PARAMS.UPLOAD_PATH) || UPLOAD_PATH.ROOT_NAME
-			: null;
-		const params = uploadPath ? `?${PARAMS.UPLOAD_PATH}=${uploadPath}` : '';
-		goto(`${panelUrl(collection.config.kebab, doc.id)}${params}`);
-	}
+  function handleEdit() {
+    const uploadPath = isUploadCollection
+      ? page.url.searchParams.get(PARAMS.UPLOAD_PATH) || UPLOAD_PATH.ROOT_NAME
+      : null;
+    const params = uploadPath ? `?${PARAMS.UPLOAD_PATH}=${uploadPath}` : '';
+    goto(`${panelUrl(collection.config.kebab, doc.id)}${params}`);
+  }
 
-	function handleDragStart(e: DragEvent) {
-		e.dataTransfer?.setData('text/plain', doc.id);
-	}
+  function handleDragStart(e: DragEvent) {
+    e.dataTransfer?.setData('text/plain', doc.id);
+  }
 </script>
 
 {#if collection.selectMode}
-	<div class="rz-grid-item">
-		<button
-			onclick={() => collection.toggleSelectOf(doc.id)}
-			type="button"
-			aria-label="select"
-			class="rz-grid-item__select-button"
-		>
-			<Checkbox {checked} />
-		</button>
-		<CardDocument {doc} />
-	</div>
+  <div class="rz-grid-item">
+    <button
+      onclick={() => collection.toggleSelectOf(doc.id)}
+      type="button"
+      aria-label="select"
+      class="rz-grid-item__select-button"
+    >
+      <Checkbox {checked} />
+    </button>
+    <CardDocument {doc} />
+  </div>
 {:else}
-	<button
-		class="rz-grid-item"
-		onclick={handleEdit}
-		draggable={draggable || null}
-		ondragstart={draggable ? handleDragStart : null}
-	>
-		<CardDocument {doc} />
-	</button>
+  <button
+    class="rz-grid-item"
+    onclick={handleEdit}
+    draggable={draggable || null}
+    ondragstart={draggable ? handleDragStart : null}
+  >
+    <CardDocument {doc} />
+  </button>
 {/if}
 
 <style>
-	button.rz-grid-item {
-		text-align: left;
-	}
-	.rz-grid-item {
-		--checkbox-border: hsl(var(--rz-gray-10));
-		--rz-card-color-bg: var(--rz-gray-10);
-		display: block;
-		position: relative;
-	}
+  button.rz-grid-item {
+    text-align: left;
+  }
+  .rz-grid-item {
+    --checkbox-border: hsl(var(--rz-gray-10));
+    --rz-card-color-bg: var(--rz-gray-10);
+    display: block;
+    position: relative;
+  }
 
-	.rz-grid-item__select-button {
-		position: absolute;
-		left: var(--rz-size-2);
-		top: var(--rz-size-2);
-	}
+  .rz-grid-item__select-button {
+    position: absolute;
+    left: var(--rz-size-2);
+    top: var(--rz-size-2);
+  }
 </style>

package/dist/panel/components/sections/collection/header/ButtonCreate.svelte

@@ -1,37 +1,37 @@
 <script lang="ts">
-	import { page } from '$app/state';
-	import { PARAMS } from '../../../../../core/constant.js';
-	import { t__ } from '../../../../../core/i18n/index.js';
-	import Button from '../../../ui/button/button.svelte';
-	import { getCollectionContext } from '../../../../context/collection.svelte.js';
-	import { CirclePlus } from '@lucide/svelte';
+  import { page } from '$app/state';
+  import { PARAMS } from '../../../../../core/constant.js';
+  import { t__ } from '../../../../../core/i18n/index.js';
+  import Button from '../../../ui/button/button.svelte';
+  import { getCollectionContext } from '../../../../context/collection.svelte.js';
+  import { CirclePlus } from '@lucide/svelte';
 
-	type ButtonSize = 'sm' | 'default';
-	const { size = 'default' }: { size?: ButtonSize } = $props();
+  type ButtonSize = 'sm' | 'default';
+  const { size = 'default' }: { size?: ButtonSize } = $props();
 
-	const collection = getCollectionContext('list');
-	const isSmallSize = $derived(size === 'sm');
-	const buttonVariant = $derived(isSmallSize ? 'ghost' : 'default');
-	const buttonSize = $derived(isSmallSize ? 'icon-sm' : 'default');
-	const buttonLabel = $derived(
-		collection.config.label.create || t__(`common.create_new`, collection.config.label.singular)
-	);
+  const collection = getCollectionContext('list');
+  const isSmallSize = $derived(size === 'sm');
+  const buttonVariant = $derived(isSmallSize ? 'ghost' : 'default');
+  const buttonSize = $derived(isSmallSize ? 'icon-sm' : 'default');
+  const buttonLabel = $derived(
+    collection.config.label.create || t__(`common.create_new`, collection.config.label.singular)
+  );
 
-	const createURL = $derived.by(() => {
-		const currentUploadPath = page.url.searchParams.get(PARAMS.UPLOAD_PATH);
-		if (collection.config.upload) {
-			return `${collection.panelUrl}/create?${PARAMS.UPLOAD_PATH}=${currentUploadPath || 'root'}`;
-		}
-		return `${collection.panelUrl}/create`;
-	});
+  const createURL = $derived.by(() => {
+    const currentUploadPath = page.url.searchParams.get(PARAMS.UPLOAD_PATH);
+    if (collection.config.upload) {
+      return `${collection.panelUrl}/create?${PARAMS.UPLOAD_PATH}=${currentUploadPath || 'root'}`;
+    }
+    return `${collection.panelUrl}/create`;
+  });
 </script>
 
 {#if collection.canCreate}
-	<Button variant={buttonVariant} size={buttonSize} href={createURL}>
-		{#if isSmallSize}
-			<CirclePlus size={16} />
-		{:else}
-			{buttonLabel}
-		{/if}
-	</Button>
+  <Button variant={buttonVariant} size={buttonSize} href={createURL}>
+    {#if isSmallSize}
+      <CirclePlus size={16} />
+    {:else}
+      {buttonLabel}
+    {/if}
+  </Button>
 {/if}