@mittwald/flow-react-components 0.1.0-alpha.353 → 0.1.0-alpha.355

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.355](https://github.com/mittwald/flow/compare/0.1.0-alpha.354...0.1.0-alpha.355) (2024-11-26)
+
+### Bug Fixes
+
+- **List:** list item without action should not have a hover effect
+  ([#999](https://github.com/mittwald/flow/issues/999))
+  ([2dc94b8](https://github.com/mittwald/flow/commit/2dc94b8b9da0c207e38186e65c2693c1e31a5bf1))
+
+# 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.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

package/dist/js/List.js

@@ -1032,9 +1032,9 @@ const Ms = "flow--list--items", xs = "flow--list--items--is-loading", ve = {
   }, [l, c, u.current, m]), !m)
     return {
       gridItemProps: {
-        onAction: () => {
+        onAction: o ? () => {
           o == null || o(e);
-        }
+        } : void 0
       },
       children: E
     };

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,24 +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 {
   r as NotificationController,
-  W as NotificationProvider,
-  W as default,
-  F as useNotificationController
+  X as NotificationProvider,
+  X as default,
+  j as useNotificationController
 };

package/dist/js/types/components/List/components/Items/components/Item/hooks/useGridItemProps.d.ts

@@ -4,7 +4,7 @@ interface P extends PropsWithChildren {
 }
 export declare const useGridItemProps: (props: P) => {
     gridItemProps: {
-        onAction: () => void;
+        onAction: (() => void) | undefined;
         ref?: undefined;
     };
     children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.353",
+  "version": "0.1.0-alpha.355",
   "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.353",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.355",
     "@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.353",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.355",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^20.0.0",
     "@storybook/addon-a11y": "^8.3.5",
@@ -546,5 +546,5 @@
       }
     }
   },
-  "gitHead": "11fe256c041db02c658fb31dd410f710c67da6db"
+  "gitHead": "ad53b4048d7af6811c85c6452049c913bd479554"
 }