goey-toast 0.4.0 → 0.4.1

package/README.md

@@ -224,6 +224,7 @@ Props for the `<GooeyToaster />` component.
 | `queueOverflow` | `'drop-oldest' \| 'drop-newest'`   | `'drop-oldest'`  | Queue overflow strategy                       |
 | `dir`        | `'ltr' \| 'rtl'`                     | `'ltr'`          | Layout direction                              |
 | `swipeToDismiss` | `boolean`                         | `true`           | Enable swipe-to-dismiss on mobile             |
+| `showTimestamp` | `boolean`                         | `true`           | Show/hide timestamp on all toasts globally     |
 
 ### `GooeyPromiseData<T>`
 
@@ -439,10 +440,12 @@ The close button inherits the toast's border and fill color styling. Hidden duri
 
 ### Hiding Timestamps
 
-Hide the timestamp from toasts:
-
 ```tsx
+// Per-toast: hide timestamp for this toast only
 gooeyToast.success('Saved', { showTimestamp: false })
+
+// Globally: hide timestamp for all toasts
+<GooeyToaster showTimestamp={false} />
 ```
 
 ## Exports

package/dist/index.cjs

@@ -86,6 +86,13 @@ function setGooeyShowProgress(show) {
 function getGooeyShowProgress() {
   return _showProgress;
 }
+var _showTimestamp = true;
+function setGooeyShowTimestamp(show) {
+  _showTimestamp = show;
+}
+function getGooeyShowTimestamp() {
+  return _showTimestamp;
+}
 var _closeButton = false;
 function setGooeyCloseButton(value) {
   _closeButton = value;
@@ -341,23 +348,23 @@ function registerSonnerObserver(ol, callback) {
   let entry = observerRegistry.get(ol);
   if (!entry) {
     const callbacks = /* @__PURE__ */ new Set();
-    let applying = false;
-    const observer = new MutationObserver(() => {
-      if (applying) return;
-      applying = true;
-      requestAnimationFrame(() => {
-        callbacks.forEach((cb) => cb());
-        requestAnimationFrame(() => {
-          applying = false;
-        });
-      });
-    });
-    observer.observe(ol, {
+    const observeOptions = {
       attributes: true,
       attributeFilter: ["style", "data-visible"],
       subtree: true,
       childList: true
+    };
+    const observer = new MutationObserver(() => {
+      observer.disconnect();
+      try {
+        for (const cb of callbacks) {
+          cb();
+        }
+      } finally {
+        observer.observe(ol, observeOptions);
+      }
     });
+    observer.observe(ol, observeOptions);
     entry = { observer, callbacks };
     observerRegistry.set(ol, entry);
   }
@@ -385,17 +392,10 @@ function syncSonnerHeights(wrapperEl, includeOffsets = false) {
     const h = content ? content.getBoundingClientRect().height : 0;
     return h > 0 ? h : PH;
   });
-  const isExpanded = includeOffsets && toasts[0]?.getAttribute("data-expanded") === "true";
-  if (isExpanded) {
-    for (const t of toasts) t.style.setProperty("transition", "none", "important");
-  }
   for (let i = 0; i < toasts.length; i++) {
     toasts[i].style.setProperty("--initial-height", `${heights[i]}px`);
   }
   if (!includeOffsets) {
-    if (isExpanded) {
-      for (const t of toasts) t.style.removeProperty("transition");
-    }
     return;
   }
   const gapStr = getComputedStyle(ol).getPropertyValue("--gap").trim();
@@ -411,10 +411,6 @@ function syncSonnerHeights(wrapperEl, includeOffsets = false) {
       runningOffset += heights[i] + gap;
     }
   }
-  if (isExpanded) {
-    void ol.offsetHeight;
-    for (const t of toasts) t.style.removeProperty("transition");
-  }
 }
 function memoizePath(fn) {
   let lastArgs = null;
@@ -545,7 +541,7 @@ var GooeyToast = ({
   preset,
   spring: springProp,
   bounce: bounceProp,
-  showTimestamp = true,
+  showTimestamp: showTimestampProp,
   showProgress: showProgressProp,
   toastId
 }) => {
@@ -563,6 +559,7 @@ var GooeyToast = ({
   const useSpring = springProp ?? presetConfig?.spring ?? getGooeySpring();
   const bounceVal = bounceProp ?? presetConfig?.bounce ?? getGooeyBounce() ?? 0.4;
   const showProgress = showProgressProp ?? getGooeyShowProgress();
+  const showTimestamp = showTimestampProp ?? getGooeyShowTimestamp();
   const [actionSuccess, setActionSuccess] = react.useState(null);
   const [dismissing, setDismissing] = react.useState(false);
   const [progressKey, setProgressKey] = react.useState(0);
@@ -1767,7 +1764,8 @@ function GooeyToaster({
   closeOnEscape = true,
   maxQueue = Infinity,
   queueOverflow = "drop-oldest",
-  showProgress = false
+  showProgress = false,
+  showTimestamp = true
 }) {
   const presetConfig = preset ? animationPresets[preset] : void 0;
   const resolvedSpring = spring ?? presetConfig?.spring ?? true;
@@ -1820,6 +1818,9 @@ function GooeyToaster({
   react.useEffect(() => {
     setGooeyCloseButton(closeButton ?? false);
   }, [closeButton]);
+  react.useEffect(() => {
+    setGooeyShowTimestamp(showTimestamp);
+  }, [showTimestamp]);
   react.useEffect(() => {
     let expandObs = null;
     let currentOl = null;