@mittwald/flow-react-components 0.1.0-alpha.352 → 0.1.0-alpha.354

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 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.354](https://github.com/mittwald/flow/compare/0.1.0-alpha.353...0.1.0-alpha.354) (2024-11-25)
+
+### Bug Fixes
+
+- **Notification:** Add Suspense to NotificationContainer
+  ([#1002](https://github.com/mittwald/flow/issues/1002))
+  ([843b8ed](https://github.com/mittwald/flow/commit/843b8ed1816bce2a2af3187504b7b108fdae75a0))
+
+# 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.353](https://github.com/mittwald/flow/compare/0.1.0-alpha.352...0.1.0-alpha.353) (2024-11-25)
+
+### Features
+
+- **NotificationProvider:** export NotificationController types
+  ([#998](https://github.com/mittwald/flow/issues/998))
+  ([f1618ce](https://github.com/mittwald/flow/commit/f1618ced26fa5fafb73e344fa856651e4fd92f9d))
+
+# 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.352](https://github.com/mittwald/flow/compare/0.1.0-alpha.351...0.1.0-alpha.352) (2024-11-19)
 
 ### Features

package/dist/js/NotificationProvider.js

@@ -3,13 +3,13 @@
 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, 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 u } from "mobx";
+import s, { useRef as v, cloneElement as C, 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";
-import y from "react-dom";
-import b from "clsx";
-import { LazyMotion as I, domAnimation as M, AnimatePresence as P, m as k } from "framer-motion";
+import b from "react-dom";
+import I from "clsx";
+import { LazyMotion as M, domAnimation as P, AnimatePresence as S, m as k } from "framer-motion";
 import { useIsSSR as L } from "react-aria";
 class R {
   constructor() {
@@ -59,8 +59,8 @@ class r {
   constructor() {
     n(this, "notificationsData", /* @__PURE__ */ new Map());
     n(this, "id", 0);
-    g(this, {
-      notificationsData: x.shallow,
+    x(this, {
+      notificationsData: y.shallow,
       add: u.bound,
       remove: u.bound
     });
@@ -69,7 +69,7 @@ class r {
     return v(new r()).current;
   }
   useNotifications() {
-    return E(() => Array.from(this.notificationsData.values()));
+    return g(() => Array.from(this.notificationsData.values()));
   }
   add(t) {
     const e = this.id++, i = {
@@ -88,10 +88,10 @@ class r {
     this.notificationsData.delete(t);
   }
 }
-const S = "flow--notification-provider--notification-container", B = "flow--notification-provider--notification", d = {
-  notificationContainer: S,
-  notification: B
-}, O = (o) => {
+const B = "flow--notification-provider--notification-container", O = "flow--notification-provider--notification", d = {
+  notificationContainer: B,
+  notification: O
+}, z = (o) => {
   const { notification: t, controller: e } = o;
   return C(t.element, {
     onMouseEnter: () => {
@@ -111,8 +111,8 @@ const S = "flow--notification-provider--notification-container", B = "flow--noti
       t.meta.autoCloseTimer.resume();
     }
   });
-}, z = (o) => {
-  const { className: t, ...e } = o, i = F(), a = i.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, a.map((c) => /* @__PURE__ */ s.createElement(
+}, 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(
     k.div,
     {
       className: d.notification,
@@ -124,23 +124,24 @@ const S = "flow--notification-provider--notification-container", B = "flow--noti
         bounce: 0
       }
     },
-    /* @__PURE__ */ s.createElement(
-      O,
+    /* @__PURE__ */ s.createElement(D, null, /* @__PURE__ */ s.createElement(
+      z,
       {
         notification: c,
         controller: i
       }
-    )
+    ))
   )))));
-  return h ? null : y.createPortal(T, document.body);
-}, f = D(
+  return h ? null : b.createPortal(T, document.body);
+}, f = E(
   new r()
-), F = () => N(f), W = (o) => {
+), j = () => N(f), X = (o) => {
   const { children: t, ...e } = o, i = r.useNew();
-  return /* @__PURE__ */ s.createElement(f.Provider, { value: i }, /* @__PURE__ */ s.createElement(z, { ...e }), t);
+  return /* @__PURE__ */ s.createElement(f.Provider, { value: i }, /* @__PURE__ */ s.createElement(F, { ...e }), t);
 };
 export {
-  W as NotificationProvider,
-  W as default,
-  F as useNotificationController
+  r as NotificationController,
+  X as NotificationProvider,
+  X as default,
+  j as useNotificationController
 };

package/dist/js/types/components/NotificationProvider/index.d.ts

@@ -1,3 +1,4 @@
 import { default as NotificationProvider } from './NotificationProvider';
 export { useNotificationController, NotificationProvider, } from './NotificationProvider';
+export { NotificationController } from './NotificationController';
 export default NotificationProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.352",
+  "version": "0.1.0-alpha.354",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -420,7 +420,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.6",
     "@internationalized/string-compiler": "^3.2.5",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.352",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.354",
     "@mittwald/react-use-promise": "^2.5.0",
     "@react-aria/form": "^3.0.10",
     "@react-aria/utils": "^3.25.3",
@@ -451,7 +451,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.3",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.352",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.354",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^20.0.0",
     "@storybook/addon-a11y": "^8.3.5",
@@ -546,5 +546,5 @@
       }
     }
   },
-  "gitHead": "13fbaba57ead5d7ad58e3d0f7c7515e08f4501c5"
+  "gitHead": "5462b4f7a82fbe726dc037ab91316ea451afcfbe"
 }