@mittwald/flow-react-components 0.1.0-alpha.157 → 0.1.0-alpha.158

package/dist/NotificationProvider.js

@@ -3,7 +3,7 @@
 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 i = (o, t, e) => A(o, typeof t != "symbol" ? t + "" : t, e);
-import s, { useRef as v, cloneElement as D, createContext as C, useContext as N } from "react";
+import s, { useRef as v, cloneElement as C, createContext as D, useContext as N } from "react";
 import { u as E } from "./useSelector-DpU7_HMO.js";
 import { makeObservable as g, observable as x, action as c } from "mobx";
 import { Duration as u, DateTime as m } from "luxon";
@@ -88,12 +88,12 @@ class a {
     this.notificationsData.delete(t);
   }
 }
-const S = "flow--notification-provider--notification-container", O = "flow--notification-provider--notification", d = {
+const S = "flow--notification-provider--notification-container", B = "flow--notification-provider--notification", d = {
   notificationContainer: S,
-  notification: O
-}, z = (o) => {
+  notification: B
+}, O = (o) => {
   const { notification: t, controller: e } = o;
-  return D(t.element, {
+  return C(t.element, {
     onMouseEnter: () => {
       t.meta.autoCloseTimer.pause();
     },
@@ -102,10 +102,16 @@ const S = "flow--notification-provider--notification-container", O = "flow--noti
     },
     onClose: () => {
       e.remove(t.meta.id);
+    },
+    onFocus: () => {
+      t.meta.autoCloseTimer.pause();
+    },
+    onBlur: () => {
+      t.meta.autoCloseTimer.resume();
     }
   });
-}, B = (o) => {
-  const { className: t, ...e } = o, n = j(), f = n.useNotifications(), h = L(), p = b(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(I, { features: M }, /* @__PURE__ */ s.createElement("div", { className: p, ...e }, /* @__PURE__ */ s.createElement(P, null, f.map((r) => /* @__PURE__ */ s.createElement(
+}, z = (o) => {
+  const { className: t, ...e } = o, n = F(), f = n.useNotifications(), h = L(), p = b(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(I, { features: M }, /* @__PURE__ */ s.createElement("div", { className: p, ...e }, /* @__PURE__ */ s.createElement(P, null, f.map((r) => /* @__PURE__ */ s.createElement(
     k.div,
     {
       className: d.notification,
@@ -118,7 +124,7 @@ const S = "flow--notification-provider--notification-container", O = "flow--noti
       }
     },
     /* @__PURE__ */ s.createElement(
-      z,
+      O,
       {
         notification: r,
         controller: n
@@ -126,14 +132,14 @@ const S = "flow--notification-provider--notification-container", O = "flow--noti
     )
   )))));
   return h ? null : y.createPortal(T, document.body);
-}, l = C(
+}, l = D(
   new a()
-), j = () => N(l), W = (o) => {
+), F = () => N(l), W = (o) => {
   const { children: t, ...e } = o, n = a.useNew();
-  return /* @__PURE__ */ s.createElement(l.Provider, { value: n }, /* @__PURE__ */ s.createElement(B, { ...e }), t);
+  return /* @__PURE__ */ s.createElement(l.Provider, { value: n }, /* @__PURE__ */ s.createElement(z, { ...e }), t);
 };
 export {
   W as NotificationProvider,
   W as default,
-  j as useNotificationController
+  F as useNotificationController
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.157",
+  "version": "0.1.0-alpha.158",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.157",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.158",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.157",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.158",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.3.0",
     "@storybook/addon-a11y": "^8.1.10",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "338d6d3e6f896ba260bd94b438e01a745e185b40"
+  "gitHead": "a51c43dc244c5cf570c87fa2db483dbe0a60ee0f"
 }