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

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.395](https://github.com/mittwald/flow/compare/0.1.0-alpha.394...0.1.0-alpha.395) (2025-01-20)
+
+### Features
+
+- **ActionGroup:** support switch
+  ([#1105](https://github.com/mittwald/flow/issues/1105))
+  ([5415c9d](https://github.com/mittwald/flow/commit/5415c9dc01fc2cef7a701ba547625f6eb2f0a9d5))
+
+# 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.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/css/ActionGroup.css

@@ -1 +1 @@
-.flow--action-group{display:flex}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--primary:only-child{margin-left:auto}.flow--action-group .flow--action-group--secondary{margin-left:auto;order:2}.flow--action-group .flow--action-group--secondary~.flow--action-group--secondary{margin-left:unset}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--spacing--m)}
+.flow--action-group{display:flex;align-items:center}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--primary:only-child{margin-left:auto}.flow--action-group .flow--action-group--secondary{margin-left:auto;order:2}.flow--action-group .flow--action-group--secondary~.flow--action-group--secondary{margin-left:unset}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--spacing--m)}

package/dist/js/ActionGroup-cpOWMaBi.js

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import r from "react";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as w } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { d as n } from "./dynamic-ClpUSmEt.js";
+import e from "clsx";
+import { f as C } from "./flowComponent-BQs9wMX_.js";
+import { TunnelProvider as G } from "@mittwald/react-tunnel";
+import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
+const N = "flow--action-group", P = "flow--action-group--primary", x = "flow--action-group--secondary", A = "flow--action-group--abort", b = "flow--action-group--action-group-container", k = "flow--action-group--ignore-breakpoint", v = "flow--action-group--s", B = "flow--action-group--m", t = {
+  actionGroup: N,
+  primary: P,
+  secondary: x,
+  abort: A,
+  actionGroupContainer: b,
+  ignoreBreakpoint: k,
+  s: v,
+  m: B
+}, F = C("ActionGroup", (i) => {
+  const {
+    children: c,
+    className: s,
+    refProp: p,
+    ignoreBreakpoint: l,
+    spacing: m = "s",
+    ...u
+  } = i, g = e(
+    t.actionGroupContainer,
+    s,
+    l && t.ignoreBreakpoint,
+    t[m]
+  ), f = {
+    Button: {
+      slot: n((o) => a(o)),
+      className: n((o) => {
+        const d = a(o);
+        return e(o.className, t[d]);
+      })
+    },
+    Switch: {
+      labelPosition: "leading",
+      className: n((o) => e(o.className, o.slot && t[o.slot]))
+    }
+  };
+  return /* @__PURE__ */ r.createElement(y, null, /* @__PURE__ */ r.createElement(w, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement("div", { ...u, className: g, ref: p }, /* @__PURE__ */ r.createElement("div", { className: t.actionGroup, role: "group" }, c)))));
+});
+export {
+  F as A
+};

package/dist/js/ActionGroup.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./ActionGroup-Bd0aZvbX.js";
+import { A as r } from "./ActionGroup-cpOWMaBi.js";
 export {
   r as ActionGroup,
   r as default

package/dist/js/List.js

@@ -50,7 +50,7 @@ import { a as v, b as D, d as xe } from "./deepHas-KHS5X1F_.js";
 import { ListLoaderAsyncResource as De, TypedListLoaderAsyncResource as Ne } from "./List/ListLoaderAsyncResource.js";
 import { S as Re } from "./Skeleton-CKLaTmDR.js";
 import { a as Lt, e as Pt, d as At, b as Vt, T as kt, c as Bt } from "./Table-Cgwv_qa_.js";
-import { A as $e } from "./ActionGroup-Bd0aZvbX.js";
+import { A as $e } from "./ActionGroup-cpOWMaBi.js";
 const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view--content", Ke = "flow--list--items--item--view--title", Oe = "flow--list--items--item--view--avatar", He = "flow--list--items--item--view--sub-title", qe = "flow--list--items--item--view--heading", Ge = "flow--list--items--item--view--text", je = "flow--list--items--item--view--top-content", We = "flow--list--items--item--view--action", Je = "flow--list--items--item--view--bottom-content", p = {
   view: Ue,
   content: ze,

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) => {