runeforge 0.0.53 → 0.0.55

package/dist/components/crud/GenericCRUD.svelte.d.ts

@@ -1,7 +1,5 @@
-import type { XlsxModule } from '../table/export.js';
 import type { AttributeMetadata } from '../../types/attribute.js';
-import type { ActionConfiguration, ColumnDefinition, CustomAction, CustomBulkAction, FieldDefinition, SearchConfiguration } from '../../types/crud.js';
-import type { TableQuery } from '../../types/table.js';
+import type { ActionConfiguration, ColumnDefinition, FieldDefinition, ListActions, ListConfig } from '../../types/crud.js';
 declare function $$render<T extends object = Record<string, unknown>>(): {
     props: {
         data?: Record<string, unknown>;
@@ -15,18 +13,17 @@ declare function $$render<T extends object = Record<string, unknown>>(): {
         update?: ActionConfiguration<T>;
         read?: ActionConfiguration<T>;
         deletion?: ActionConfiguration<T>;
-        actions?: CustomAction<T>[];
-        customBulkActions?: CustomBulkAction<T>[];
-        search?: SearchConfiguration;
+        /** Extra per-row (`custom`) and per-selection (`bulk`) actions. */
+        actions?: ListActions<T>;
+        /** Opt-in list behaviors: free-text search, CSV/Excel export, and
+         * drag-to-reorder. */
+        config?: ListConfig<T>;
         columns?: ColumnDefinition<T>[];
         fields?: FieldDefinition<T>[];
         meta?: Partial<Record<string, AttributeMetadata>>;
         form?: {
             error?: string;
         } | null;
-        enableExport?: boolean;
-        onExport?: (query: TableQuery) => Promise<T[]>;
-        xlsx?: XlsxModule;
     };
     exports: {};
     bindings: "";

package/dist/components/crud/SearchInput.svelte

@@ -1,53 +1,53 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import { goto } from '$app/navigation';
-	import { getStrings } from '../../i18n/context.js';
-	import type { SearchConfiguration } from '../../types/crud.js';
-
-	const strings = getStrings();
-
-	let {
-		config = {} as SearchConfiguration
-	}: {
-		config?: SearchConfiguration;
-	} = $props();
-
-	const param = $derived(config.param ?? 'search');
-	const debounceMs = $derived(config.debounceMs ?? 300);
-
-	// Intentional one-time hydration of local state from the initial `param`
-	// value (not a live binding) - svelte-check's state_referenced_locally
-	// warning is a false positive here, same as PaginatedTable's initialSort
-	// etc. After mount this is the source of truth for what the user is
-	// typing, so it doesn't fight with the URL updates this component itself
-	// triggers on every keystroke.
-	let value = $state(page.url.searchParams.get(param) ?? '');
-	let debounceTimer: ReturnType<typeof setTimeout>;
-
-	function onInput() {
-		clearTimeout(debounceTimer);
-		debounceTimer = setTimeout(() => {
-			// eslint-disable-next-line svelte/prefer-svelte-reactivity
-			const params = new URLSearchParams(page.url.searchParams);
-			const trimmed = value.trim();
-			if (trimmed) params.set(param, trimmed);
-			else params.delete(param);
-			// A new search term can leave the current page past the end of the
-			// narrowed result set, and any open create/read/edit view stops
-			// making sense once the underlying list changes - drop both.
-			params.delete('page');
-			params.delete('view');
-			params.delete('id');
-			const qs = params.toString();
-			goto(qs ? `?${qs}` : '?', { keepFocus: true, noScroll: true, replaceState: true });
-		}, debounceMs);
-	}
-</script>
-
-<input
-	type="search"
-	bind:value
-	oninput={onInput}
-	placeholder={config.placeholder ?? strings.searchPlaceholder}
-	class="input input-bordered w-64 shrink-0"
-/>
+<script lang="ts">
+	import { page } from '$app/state';
+	import { goto } from '$app/navigation';
+	import { getStrings } from '../../i18n/context.js';
+	import type { SearchConfiguration } from '../../types/crud.js';
+
+	const strings = getStrings();
+
+	let {
+		config = {} as SearchConfiguration
+	}: {
+		config?: SearchConfiguration;
+	} = $props();
+
+	const param = $derived(config.param ?? 'search');
+	const debounceMs = $derived(config.debounceMs ?? 300);
+
+	// Intentional one-time hydration of local state from the initial `param`
+	// value (not a live binding) - svelte-check's state_referenced_locally
+	// warning is a false positive here, same as PaginatedTable's initialSort
+	// etc. After mount this is the source of truth for what the user is
+	// typing, so it doesn't fight with the URL updates this component itself
+	// triggers on every keystroke.
+	let value = $state(page.url.searchParams.get(param) ?? '');
+	let debounceTimer: ReturnType<typeof setTimeout>;
+
+	function onInput() {
+		clearTimeout(debounceTimer);
+		debounceTimer = setTimeout(() => {
+			// eslint-disable-next-line svelte/prefer-svelte-reactivity
+			const params = new URLSearchParams(page.url.searchParams);
+			const trimmed = value.trim();
+			if (trimmed) params.set(param, trimmed);
+			else params.delete(param);
+			// A new search term can leave the current page past the end of the
+			// narrowed result set, and any open create/read/edit view stops
+			// making sense once the underlying list changes - drop both.
+			params.delete('page');
+			params.delete('view');
+			params.delete('id');
+			const qs = params.toString();
+			goto(qs ? `?${qs}` : '?', { keepFocus: true, noScroll: true, replaceState: true });
+		}, debounceMs);
+	}
+</script>
+
+<input
+	type="search"
+	bind:value
+	oninput={onInput}
+	placeholder={config.placeholder ?? strings.searchPlaceholder}
+	class="input input-bordered w-64 shrink-0"
+/>

package/dist/components/crud/columns/Avatar.svelte

@@ -1,15 +1,15 @@
-<script lang="ts">
-  import AvatarComponent from '../../Avatar.svelte';
-  import { initials } from '../utils/misc.js';
-  import type { CellProps } from '../../../types/table.js';
-
-  type AvatarRow = { firstName?: string; lastName?: string; email?: string };
-
-  let { value, row }: CellProps<AvatarRow, string | null | undefined> = $props();
-</script>
-
-<AvatarComponent
-  src={value ?? null}
-  text={initials(row.firstName, row.lastName)}
-  alt={row.email ?? ''}
-/>
+<script lang="ts">
+  import AvatarComponent from '../../Avatar.svelte';
+  import { initials } from '../utils/misc.js';
+  import type { CellProps } from '../../../types/table.js';
+
+  type AvatarRow = { firstName?: string; lastName?: string; email?: string };
+
+  let { value, row }: CellProps<AvatarRow, string | null | undefined> = $props();
+</script>
+
+<AvatarComponent
+  src={value ?? null}
+  text={initials(row.firstName, row.lastName)}
+  alt={row.email ?? ''}
+/>

package/dist/components/crud/columns/Icon.svelte

@@ -1,8 +1,8 @@
-<script lang="ts">
-  import IconRenderer from '../../IconRenderer.svelte';
-  import type { CellProps } from '../../../types/table.js';
-
-  let { value }: CellProps<Record<string, unknown>, string> = $props();
-</script>
-
-<IconRenderer name={String(value ?? '')} />
+<script lang="ts">
+  import IconRenderer from '../../IconRenderer.svelte';
+  import type { CellProps } from '../../../types/table.js';
+
+  let { value }: CellProps<Record<string, unknown>, string> = $props();
+</script>
+
+<IconRenderer name={String(value ?? '')} />

package/dist/components/crud/utils/reorder.d.ts

@@ -0,0 +1,4 @@
+/** Given the full row list in its new (post-drag) order, returns copies of
+ * only the rows whose `attribute` no longer matches their new sequential
+ * (0-based) position — the minimal set worth persisting. */
+export declare function computeReorderChanges<T extends object>(rows: T[], attribute: keyof T & string): T[];

package/dist/components/crud/utils/reorder.js

@@ -0,0 +1,13 @@
+/** Given the full row list in its new (post-drag) order, returns copies of
+ * only the rows whose `attribute` no longer matches their new sequential
+ * (0-based) position — the minimal set worth persisting. */
+export function computeReorderChanges(rows, attribute) {
+    const changed = [];
+    rows.forEach((row, index) => {
+        const current = Number(row[attribute]);
+        if (current !== index) {
+            changed.push({ ...row, [attribute]: index });
+        }
+    });
+    return changed;
+}