@getmicdrop/svelte-components 5.5.5 → 5.6.1

package/dist/stores/formSave.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formSave.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stores/formSave.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAQD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,eAAoB;;;;iBAyBlD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,mBACb,MAAM,GAAG,IAAI,KAC5B,OAAO,CAAC,OAAO,CAAC;wBAVM,IAAI;iBA0DX,IAAI;EAoBvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;yBAIzC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,OAAO;4BAM9B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,IAAI;EAY9D"}

package/dist/stores/formSave.svelte.js

@@ -0,0 +1,113 @@
+/**
+ * Form save utilities using Svelte 5 runes
+ * Handles form submission with loading and success states
+ */
+import { showToast } from "./toaster";
+/**
+ * Creates a form save handler with loading and success states
+ * Uses Svelte 5 runes for reactive state
+ */
+export function createFormSave(options = {}) {
+    const { endpoint = "", successMessage = "Changes saved successfully", errorMessage = "Failed to save changes", onSuccess, onError, } = options;
+    // State using Svelte 5 runes
+    let isLoadingState = $state(false);
+    let isSuccessState = $state(false);
+    let errorState = $state(null);
+    /**
+     * Reset success state (call when form becomes dirty)
+     */
+    function resetSuccess() {
+        isSuccessState = false;
+    }
+    /**
+     * Save form data to the endpoint
+     */
+    async function save(data, customEndpoint = null) {
+        const targetEndpoint = customEndpoint || endpoint;
+        if (!targetEndpoint) {
+            console.error("No endpoint specified for form save");
+            return false;
+        }
+        isLoadingState = true;
+        isSuccessState = false;
+        errorState = null;
+        try {
+            const res = await fetch(targetEndpoint, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(data),
+            });
+            if (res.ok) {
+                isSuccessState = true;
+                if (successMessage) {
+                    showToast(successMessage, "success");
+                }
+                onSuccess?.();
+                return true;
+            }
+            else {
+                const errorData = await res.json().catch(() => ({}));
+                const errorMsg = errorData.message || errorMessage;
+                errorState = errorMsg;
+                showToast(errorMsg, "error");
+                onError?.(errorMsg);
+                return false;
+            }
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : "Something went wrong";
+            errorState = errorMsg;
+            showToast(errorMsg, "error");
+            onError?.(errorMsg);
+            return false;
+        }
+        finally {
+            isLoadingState = false;
+        }
+    }
+    /**
+     * Reset all states
+     */
+    function reset() {
+        isLoadingState = false;
+        isSuccessState = false;
+        errorState = null;
+    }
+    return {
+        get isLoading() {
+            return isLoadingState;
+        },
+        get isSuccess() {
+            return isSuccessState;
+        },
+        get error() {
+            return errorState;
+        },
+        save,
+        resetSuccess,
+        reset,
+    };
+}
+/**
+ * Creates a simple dirty state tracker for forms
+ */
+export function createDirtyTracker(initialData) {
+    let isDirtyState = $state(false);
+    let initial = JSON.stringify(initialData);
+    function check(currentData) {
+        const dirty = JSON.stringify(currentData) !== initial;
+        isDirtyState = dirty;
+        return dirty;
+    }
+    function reset(newInitialData) {
+        initial = JSON.stringify(newInitialData);
+        isDirtyState = false;
+    }
+    return {
+        get isDirty() {
+            return isDirtyState;
+        },
+        check,
+        reset,
+    };
+}

package/dist/stores/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/lib/stores/navigation.js"],"names":[],"mappings":"AAEA,iEAAyC;AAGzC,4EAAoD;AAGpD,sEAAgD;AAGhD,4EAAoD"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/lib/stores/navigation.js"],"names":[],"mappings":"AAUA,iEAAyC;AAGzC,4EAAoD;AAGpD,sEAAgD;AAGhD,4EAAoD"}

package/dist/stores/navigation.js

@@ -1,5 +1,13 @@
+/**
+ * @deprecated Use the Svelte 5 runes version from './navigation.svelte.ts' instead.
+ * This file is maintained for backwards compatibility with Svelte 4 components.
+ */
 import { writable } from "svelte/store";
 
+console.warn(
+  "[DEPRECATED] navigation.js is deprecated. Use navigation.svelte.ts for Svelte 5 runes."
+);
+
 export const isSubPage = writable(false);
 
 // Pages can set this to true to hide the header back button (e.g., when they have their own)

package/dist/stores/navigation.svelte.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Navigation store using Svelte 5 runes
+ * Tracks navigation state and page context
+ */
+/**
+ * Whether the current page is a sub-page (for header back button display)
+ */
+export declare const isSubPage: {
+    value: boolean;
+    set(val: boolean): void;
+};
+/**
+ * Pages can set this to true to hide the header back button
+ * (e.g., when they have their own)
+ */
+export declare const hideHeaderBackButton: {
+    value: boolean;
+    set(val: boolean): void;
+};
+/**
+ * Store venue data when navigating to calendar to avoid re-fetching
+ */
+export declare const selectedVenueData: {
+    value: Record<string, unknown> | null;
+    set(data: Record<string, unknown> | null): void;
+    reset(): void;
+};
+/**
+ * Flag to indicate we're doing an animated navigation (not a refresh/direct load)
+ */
+export declare const isAnimatedNavigation: {
+    value: boolean;
+    set(val: boolean): void;
+};
+//# sourceMappingURL=navigation.svelte.d.ts.map

package/dist/stores/navigation.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/stores/navigation.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;GAEG;AACH,eAAO,MAAM,SAAS;WAIL,OAAO;aAGb,OAAO;CAGjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;WAIhB,OAAO;aAGb,OAAO;CAGjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB;WAIZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;cAGpC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;;CAMzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;WAIhB,OAAO;aAGb,OAAO;CAGjB,CAAC"}

package/dist/stores/navigation.svelte.js

@@ -0,0 +1,69 @@
+/**
+ * Navigation store using Svelte 5 runes
+ * Tracks navigation state and page context
+ */
+// State using Svelte 5 runes
+let isSubPageState = $state(false);
+let hideHeaderBackButtonState = $state(false);
+let selectedVenueDataState = $state(null);
+let isAnimatedNavigationState = $state(false);
+/**
+ * Whether the current page is a sub-page (for header back button display)
+ */
+export const isSubPage = {
+    get value() {
+        return isSubPageState;
+    },
+    set value(val) {
+        isSubPageState = val;
+    },
+    set(val) {
+        isSubPageState = val;
+    },
+};
+/**
+ * Pages can set this to true to hide the header back button
+ * (e.g., when they have their own)
+ */
+export const hideHeaderBackButton = {
+    get value() {
+        return hideHeaderBackButtonState;
+    },
+    set value(val) {
+        hideHeaderBackButtonState = val;
+    },
+    set(val) {
+        hideHeaderBackButtonState = val;
+    },
+};
+/**
+ * Store venue data when navigating to calendar to avoid re-fetching
+ */
+export const selectedVenueData = {
+    get value() {
+        return selectedVenueDataState;
+    },
+    set value(data) {
+        selectedVenueDataState = data;
+    },
+    set(data) {
+        selectedVenueDataState = data;
+    },
+    reset() {
+        selectedVenueDataState = null;
+    },
+};
+/**
+ * Flag to indicate we're doing an animated navigation (not a refresh/direct load)
+ */
+export const isAnimatedNavigation = {
+    get value() {
+        return isAnimatedNavigationState;
+    },
+    set value(val) {
+        isAnimatedNavigationState = val;
+    },
+    set(val) {
+        isAnimatedNavigationState = val;
+    },
+};

package/dist/stores/toaster.js

@@ -1,13 +1,13 @@
-import { toast } from "svelte-sonner";
-
-export { toast };
-
-export const showToast = (message, type = "success") => {
-  if (type === "success") {
-    toast.success(message);
-  } else if (type === "error") {
-    toast.error(message);
-  } else {
-    toast.message(message);
-  }
-};
+import { toast } from "svelte-sonner";
+
+export { toast };
+
+export const showToast = (message, type = "success") => {
+  if (type === "success") {
+    toast.success(message);
+  } else if (type === "error") {
+    toast.error(message);
+  } else {
+    toast.message(message);
+  }
+};

package/dist/stories/ButtonAuditReview.stories.svelte

@@ -1,14 +1,14 @@
-<script module>
-  import { defineMeta } from "@storybook/addon-svelte-csf";
-  import ButtonAuditReview from "./ButtonAuditReview.svelte";
-
-  const { Story } = defineMeta({
-    title: "Design System/Button Audit Review",
-    component: ButtonAuditReview,
-    parameters: {
-      layout: 'fullscreen',
-    }
-  });
-</script>
-
-<Story name="All Issues" />
+<script module>
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import ButtonAuditReview from "./ButtonAuditReview.svelte";
+
+  const { Story } = defineMeta({
+    title: "Design System/Button Audit Review",
+    component: ButtonAuditReview,
+    parameters: {
+      layout: 'fullscreen',
+    }
+  });
+</script>
+
+<Story name="All Issues" />