@mittwald/flow-react-components 0.1.0-alpha.393 → 0.1.0-alpha.394

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.394](https://github.com/mittwald/flow/compare/0.1.0-alpha.393...0.1.0-alpha.394) (2025-01-15)
+
+### Bug Fixes
+
+- **Notification:** Fix "Timer not started" error for notifications that should
+  not auto close ([#1101](https://github.com/mittwald/flow/issues/1101))
+  ([f9b5975](https://github.com/mittwald/flow/commit/f9b59756da9c4aeebc08c5eb62c0efef98fa9c9a))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.393](https://github.com/mittwald/flow/compare/0.1.0-alpha.392...0.1.0-alpha.393) (2025-01-10)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/js/NotificationProvider.js

@@ -1,9 +1,9 @@
 "use client"
 /* */
-var w = Object.defineProperty;
-var A = (o, t, e) => t in o ? w(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => A(o, typeof t != "symbol" ? t + "" : t, e);
-import s, { useRef as v, cloneElement as C, Suspense as D, createContext as E, useContext as N } from "react";
+var C = Object.defineProperty;
+var w = (o, t, e) => t in o ? C(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => w(o, typeof t != "symbol" ? t + "" : t, e);
+import s, { useRef as A, cloneElement as v, Suspense as D, createContext as E, useContext as N } from "react";
 import { u as g } from "./useSelector-DpU7_HMO.js";
 import { makeObservable as x, observable as y, action as u } from "mobx";
 import { Duration as m, DateTime as l } from "luxon";
@@ -66,7 +66,7 @@ class r {
     });
   }
   static useNew() {
-    return v(new r()).current;
+    return A(new r()).current;
   }
   useNotifications() {
     return g(() => Array.from(this.notificationsData.values()));
@@ -93,26 +93,26 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
   notification: O
 }, z = (o) => {
   const { notification: t, controller: e } = o;
-  return C(t.element, {
+  return v(t.element, {
     onMouseEnter: () => {
-      t.meta.autoCloseTimer.pause();
+      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
     },
     onMouseLeave: () => {
-      t.meta.autoCloseTimer.resume();
+      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
     },
     onClose: () => {
       var i, a;
       e.remove(t.meta.id), (a = (i = t.element.props).onClose) == null || a.call(i);
     },
     onFocus: () => {
-      t.meta.autoCloseTimer.pause();
+      t.element.props.autoClose && t.meta.autoCloseTimer.pause();
     },
     onBlur: () => {
-      t.meta.autoCloseTimer.resume();
+      t.element.props.autoClose && t.meta.autoCloseTimer.resume();
     }
   });
 }, F = (o) => {
-  const { className: t, ...e } = o, i = j(), a = i.useNotifications(), h = L(), p = I(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(M, { features: P }, /* @__PURE__ */ s.createElement("div", { className: p, ...e }, /* @__PURE__ */ s.createElement(S, null, a.map((c) => /* @__PURE__ */ s.createElement(
+  const { className: t, ...e } = o, i = j(), a = i.useNotifications(), p = L(), h = I(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(M, { features: P }, /* @__PURE__ */ s.createElement("div", { className: h, ...e }, /* @__PURE__ */ s.createElement(S, null, a.map((c) => /* @__PURE__ */ s.createElement(
     k.div,
     {
       className: d.notification,
@@ -132,7 +132,7 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
       }
     ))
   )))));
-  return h ? null : b.createPortal(T, document.body);
+  return p ? null : b.createPortal(T, document.body);
 }, f = E(
   new r()
 ), j = () => N(f), X = (o) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.393",
+  "version": "0.1.0-alpha.394",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -425,7 +425,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.393",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.394",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -456,7 +456,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.393",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.394",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -551,5 +551,5 @@
       }
     }
   },
-  "gitHead": "6725be5ecd22bf0cd7f30f5065e47d0b874259ae"
+  "gitHead": "4f7fd927f50675e1eaa0155f761971779627e010"
 }