runeforge 0.0.17 → 0.0.19

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

@@ -1,5 +1,7 @@
+import type { XlsxModule } from '../table/export.js';
 import type { AttributeMetadata } from '../../types/attribute.js';
-import type { ActionConfiguration, ColumnDefinition, CustomAction, FieldDefinition } from '../../types/crud.js';
+import type { ActionConfiguration, ColumnDefinition, CustomAction, CustomBulkAction, FieldDefinition, SearchConfiguration } from '../../types/crud.js';
+import type { TableQuery } from '../../types/table.js';
 declare function $$render<T extends object = Record<string, unknown>>(): {
     props: {
         data?: Record<string, unknown>;
@@ -14,12 +16,22 @@ declare function $$render<T extends object = Record<string, unknown>>(): {
         read?: ActionConfiguration<T>;
         deletion?: ActionConfiguration<T>;
         actions?: CustomAction<T>[];
+        customBulkActions?: CustomBulkAction<T>[];
+        search?: SearchConfiguration;
         columns?: ColumnDefinition<T>[];
         fields?: FieldDefinition<T>[];
         meta?: Partial<Record<string, AttributeMetadata>>;
         form?: {
             error?: string;
         } | null;
+        /** Shows an icon-only export button (CSV, and Excel if `xlsx` is provided). */
+        enableExport?: boolean;
+        /** Server-pagination mode only: fetch all rows matching the current query
+         * (unpaginated) for export. Without it, export falls back to the loaded page. */
+        onExport?: (query: TableQuery) => Promise<T[]>;
+        /** Resolved `xlsx` (SheetJS) module, e.g. `import * as xlsx from 'xlsx'`.
+         * Enables the "Export as Excel" option; omit to only offer CSV. */
+        xlsx?: XlsxModule;
     };
     exports: {};
     bindings: "";

package/dist/components/crud/SearchInput.svelte

@@ -0,0 +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"
+/>

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

@@ -0,0 +1,7 @@
+import type { SearchConfiguration } from '../../types/crud.js';
+type $$ComponentProps = {
+    config?: SearchConfiguration;
+};
+declare const SearchInput: import("svelte").Component<$$ComponentProps, {}, "">;
+type SearchInput = ReturnType<typeof SearchInput>;
+export default SearchInput;