fuma 0.3.22 → 0.3.23

package/dist/ui/button/ButtonCopy.svelte

@@ -1,11 +1,22 @@
 <script>import { mdiClipboardTextOutline } from "@mdi/js";
 import { toast } from "svelte-sonner";
 import { Icon } from "../icon/index.js";
-export let value;
-export let title;
+let valueOrGetValue;
+export { valueOrGetValue as value };
+export let title = "";
 export let icon = mdiClipboardTextOutline;
 export let successMessage = "Copied";
-function handleClick() {
+let isLoading = false;
+async function loadValue() {
+  if (typeof valueOrGetValue === "string")
+    return valueOrGetValue;
+  return valueOrGetValue();
+}
+async function handleClick() {
+  if (isLoading)
+    return;
+  isLoading = true;
+  const value = await loadValue().finally(() => isLoading = false);
   navigator.clipboard.writeText(value).then(() => {
     toast.success(successMessage);
   }).catch((error) => {
@@ -14,6 +25,20 @@ function handleClick() {
 }
 </script>
 
-<button on:click|preventDefault={handleClick} class="btn btn-square btn-ghost btn-sm">
-	<Icon path={icon} {title} size={22} />
-</button>
+<div class="relative">
+	{#if isLoading}
+		<span class="loading loading-spinner absolute left-1 top-1 scale-125 opacity-25" />
+	{/if}
+	<button
+		class="btn btn-square btn-sm"
+		on:click|preventDefault={handleClick}
+		class:btn-disabled={isLoading}
+	>
+		<Icon
+			path={icon}
+			size={20}
+			{title}
+			class="transition-transform {isLoading ? 'scale-75' : ''}"
+		/>
+	</button>
+</div>

package/dist/ui/button/ButtonCopy.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        value: string;
-        title: string;
+        value: string | (() => Promise<string>);
+        title?: string | undefined;
         icon?: string | undefined;
         successMessage?: string | undefined;
     };

package/dist/utils/csv.d.ts

@@ -0,0 +1,2 @@
+export type CSVFields<Item extends Record<string, unknown>> = Partial<Record<keyof Item, (item: Item) => string | number>>;
+export declare function getCSV<Item extends Record<string, unknown>>(items: Item[], fields: CSVFields<Item>): string;

package/dist/utils/csv.js

@@ -0,0 +1,8 @@
+export function getCSV(items, fields) {
+    const headers = Object.keys(fields).join('\t');
+    const rows = items.map((m) => Object.values(fields)
+        .filter((getValue) => !!getValue)
+        .map((getValue) => getValue(m))
+        .join('\t'));
+    return [headers, rows.join('\r\n')].join('\r\n');
+}

package/dist/utils/index.d.ts

@@ -7,3 +7,4 @@ export * from './avatar.js';
 export * from './tippy.js';
 export * from './nestedPaths.js';
 export * from './constant.js';
+export * from './csv.js';

package/dist/utils/index.js

@@ -7,3 +7,4 @@ export * from './avatar.js';
 export * from './tippy.js';
 export * from './nestedPaths.js';
 export * from './constant.js';
+export * from './csv.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",