@mittwald/flow-react-components 0.2.0-alpha.23 → 0.2.0-alpha.25

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.2.0-alpha.25](https://github.com/mittwald/flow/compare/0.2.0-alpha.24...0.2.0-alpha.25) (2025-01-29)
+
+### Bug Fixes
+
+* fix remote Context Menu ([25f032e](https://github.com/mittwald/flow/commit/25f032e0c95202e503fcb0c4d553e67ae9b464a2))
+* fix remote ListItemView ([22ca167](https://github.com/mittwald/flow/commit/22ca167f537ebf80ea956806d723836676323648))
+
+# [0.2.0-alpha.24](https://github.com/mittwald/flow/compare/0.2.0-alpha.23...0.2.0-alpha.24) (2025-01-28)
+
+### Features
+
+* support Popover/Modals/ContextMenu ([7fc22d9](https://github.com/mittwald/flow/commit/7fc22d959d19e4c56ab6edf3694e3947b7770a39))
+
 # [0.2.0-alpha.23](https://github.com/mittwald/flow/compare/0.2.0-alpha.22...0.2.0-alpha.23) (2025-01-28)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/js/ButtonView-inzXKZFE.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as n } from "react";
+import { B as e } from "./Button-WawPguWq.js";
+import { v as m } from "./viewComponentContext-HXEKmx_D.js";
+const B = (t) => {
+  const o = n(m).Button ?? e;
+  return /* @__PURE__ */ r(o, { ...t });
+};
+export {
+  B
+};

package/dist/js/ContextMenu.js

@@ -1,13 +1,14 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-BSYZFdGB.js";
-import { a as n } from "./ContextMenuTrigger-BSYZFdGB.js";
-import { M as x } from "./MenuItem-D0A7OXWd.js";
-import { C as f } from "./ContextMenuSection-C4JcZt6N.js";
+import { C as t } from "./ContextMenuContent-N8Co_64N.js";
+import { b as r, a } from "./ContextMenuContent-N8Co_64N.js";
+import { M as C } from "./MenuItem-D0A7OXWd.js";
+import { C as s } from "./ContextMenuSection-C4JcZt6N.js";
 export {
   t as ContextMenu,
-  f as ContextMenuSection,
-  n as ContextMenuTrigger,
-  x as MenuItem,
+  r as ContextMenuContent,
+  s as ContextMenuSection,
+  a as ContextMenuTrigger,
+  C as MenuItem,
   t as default
 };

package/dist/js/ContextMenuContent-N8Co_64N.js

@@ -0,0 +1,123 @@
+"use client"
+/* */
+import { jsx as e } from "react/jsx-runtime";
+import { useContext as s } from "react";
+import { s as f, g as v, a as y, b as h } from "./lib-DaWC44Fk.js";
+import { f as l } from "./flowComponent-B8dC8eRj.js";
+import "mobx";
+import { u as A } from "./useOverlayController-BwSJj4Ly.js";
+import "./propsContext-DzAKlmhS.js";
+import { C as P } from "./ClearPropsContext-CIgOlDjP.js";
+import { PropsContextProvider as T } from "./PropsContextProvider.js";
+import { O } from "./OverlayContextProvider-B7EDTT1X.js";
+import * as S from "react-aria-components";
+import { v as m } from "./viewComponentContext-HXEKmx_D.js";
+import "clsx";
+import { P as V } from "./Popover-Ck5nKNR3.js";
+import { A as w } from "./Action-C1Tw5pqL.js";
+import "@mittwald/react-tunnel";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import "./context-BaYmTa0I.js";
+import "invariant";
+import "./getActionGroupSlot-CekBnXeM.js";
+import "@tabler/icons-react";
+import "react-children-utilities";
+import "object-code";
+import "react-aria";
+import { O as I } from "./OverlayTrigger-lqEEBZnu.js";
+import { M as b } from "./MenuTrigger-B6S1um5d.js";
+const z = (o) => {
+  const t = s(m).ContextMenuContent ?? K;
+  return /* @__PURE__ */ e(t, { ...o });
+}, me = l("ContextMenu", (o) => {
+  const {
+    children: t,
+    onAction: r,
+    selectionMode: n,
+    selectedKeys: a,
+    defaultSelectedKeys: p,
+    disabledKeys: c,
+    onSelectionChange: C,
+    ref: u,
+    controller: M,
+    ...x
+  } = o, g = A("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), i = M ?? g, d = {
+    MenuItem: {
+      selectionVariant: h(n),
+      Avatar: {
+        size: "l"
+      }
+    },
+    Section: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      },
+      renderContextMenuSection: !0
+    },
+    ContextMenuSection: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+    V,
+    {
+      ...x,
+      controller: i,
+      isDialogContent: !1,
+      padding: "s",
+      children: /* @__PURE__ */ e(
+        O,
+        {
+          type: "ContextMenu",
+          controller: i,
+          children: /* @__PURE__ */ e(
+            z,
+            {
+              className: f.contextMenu,
+              onAction: r,
+              selectionMode: v(n),
+              selectedKeys: a,
+              defaultSelectedKeys: p,
+              disabledKeys: c,
+              onSelectionChange: C,
+              ref: u,
+              children: /* @__PURE__ */ e(T, { props: d, children: /* @__PURE__ */ e(w, { closeOverlay: y(n), children: t }) })
+            }
+          )
+        }
+      )
+    }
+  ) });
+}), F = (o) => {
+  const t = s(m).MenuTrigger ?? b;
+  return /* @__PURE__ */ e(t, { ...o });
+}, ae = l(
+  "ContextMenuTrigger",
+  (o) => {
+    const { children: t, ...r } = o;
+    return /* @__PURE__ */ e(
+      I,
+      {
+        overlayType: "ContextMenu",
+        ...r,
+        component: F,
+        children: t
+      }
+    );
+  }
+), K = (o) => /* @__PURE__ */ e(S.Menu, { ...o });
+export {
+  me as C,
+  ae as a,
+  K as b
+};

package/dist/js/ContextualHelp.js

@@ -2,19 +2,19 @@
 /* */
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-import * as m from "react-aria-components";
 import "mobx";
-import { u as s } from "./useOverlayController-BwSJj4Ly.js";
+import { u as m } from "./useOverlayController-BwSJj4Ly.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "./context-BaYmTa0I.js";
+import * as s from "react-aria-components";
 import { f as i } from "./flowComponent-B8dC8eRj.js";
-import { P as c } from "./Popover-C8jwukE3.js";
+import "./viewComponentContext-HXEKmx_D.js";
+import "clsx";
+import { P as c } from "./Popover-Ck5nKNR3.js";
 import { O as u } from "./OverlayTrigger-lqEEBZnu.js";
 import { useLocalizedStringFormatter as f } from "react-aria";
 import "@tabler/icons-react";
-import "clsx";
-import "./viewComponentContext-HXEKmx_D.js";
 import { I as x } from "./IconInfo-DOr5jJ3x.js";
 const g = "flow--contextual-help", C = {
   contextualHelp: g
@@ -24,7 +24,7 @@ const g = "flow--contextual-help", C = {
     controller: e,
     ref: p,
     ...n
-  } = t, a = s("ContextualHelp", {
+  } = t, a = m("ContextualHelp", {
     reuseControllerFromContext: !0
   });
   return /* @__PURE__ */ o(c, { withTip: !0, ...n, controller: e ?? a, children: /* @__PURE__ */ o(l, { props: {
@@ -54,7 +54,7 @@ const g = "flow--contextual-help", C = {
       {
         overlayType: "ContextualHelp",
         ...e,
-        component: m.DialogTrigger,
+        component: s.DialogTrigger,
         children: /* @__PURE__ */ o(l, { props: n, mergeInParentContext: !0, children: r })
       }
     );

package/dist/js/DatePicker.js

@@ -20,7 +20,7 @@ import { f as t } from "./FormField.module-CqWpTQKP.js";
 import "mobx";
 import { u as y } from "./useOverlayController-BwSJj4Ly.js";
 import "./context-BaYmTa0I.js";
-import { P as F } from "./Popover-C8jwukE3.js";
+import { P as F } from "./Popover-Ck5nKNR3.js";
 import { s as b, C as g } from "./CalendarHeader-D7_Itm72.js";
 import "invariant";
 import "react-aria";

package/dist/js/DateRangePicker.js

@@ -11,7 +11,8 @@ import "mobx";
 import { u as h } from "./useOverlayController-BwSJj4Ly.js";
 import "./context-BaYmTa0I.js";
 import { f as D } from "./flowComponent-B8dC8eRj.js";
-import { P as R } from "./Popover-C8jwukE3.js";
+import "./viewComponentContext-HXEKmx_D.js";
+import { P as R } from "./Popover-Ck5nKNR3.js";
 import { s as p, C as N } from "./CalendarHeader-D7_Itm72.js";
 import { B as P } from "./Button-WawPguWq.js";
 import "@tabler/icons-react";
@@ -19,7 +20,6 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@mittwald/react-tunnel";
-import "./viewComponentContext-HXEKmx_D.js";
 import { a as v } from "./IconCalendar-Q15swPO9.js";
 import { F } from "./FieldError-Dvter_gI.js";
 const I = () => /* @__PURE__ */ s(r.RangeCalendar, { className: d(p.calendar, p.range), children: [

package/dist/js/DialogTrigger-BQe3ovfI.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { jsx as o } from "react/jsx-runtime";
+import * as i from "react-aria-components";
+const a = (r) => /* @__PURE__ */ o(i.DialogTrigger, { ...r });
+export {
+  a as D
+};

package/dist/js/DialogTriggerView-L7WD5ojU.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as t } from "react";
+import "mobx";
+import "./context-BaYmTa0I.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { D as m } from "./DialogTrigger-BQe3ovfI.js";
+import "react-aria-components";
+import { v as p } from "./viewComponentContext-HXEKmx_D.js";
+const T = (o) => {
+  const r = t(p).DialogTrigger ?? m;
+  return /* @__PURE__ */ i(r, { ...o });
+};
+export {
+  T as D
+};

package/dist/js/Fragment-DLqk6JTD.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { jsx as t, Fragment as e } from "react/jsx-runtime";
+import "react";
+const a = (r) => /* @__PURE__ */ t(e, { children: r.children });
+export {
+  a as F
+};

package/dist/js/Fragment.js

@@ -1,9 +1,7 @@
 "use client"
 /* */
-import { jsx as t, Fragment as e } from "react/jsx-runtime";
-import "react";
-const m = (r) => /* @__PURE__ */ t(e, { children: r.children });
+import { F as r } from "./Fragment-DLqk6JTD.js";
 export {
-  m as Fragment,
-  m as default
+  r as Fragment,
+  r as default
 };

package/dist/js/LightBox.js

@@ -3,18 +3,18 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { f as g } from "./flowComponent-B8dC8eRj.js";
 import "react";
-import { O as h } from "./Overlay-B5crcN0U.js";
-import x from "clsx";
+import { O as h } from "./OverlayContent-BWbB9vpK.js";
+import * as x from "react-aria-components";
+import u from "clsx";
 import "mobx";
-import { u } from "./useOverlayController-BwSJj4Ly.js";
+import { u as d } from "./useOverlayController-BwSJj4Ly.js";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as d } from "./PropsContextProvider.js";
-import { B } from "./Button-WawPguWq.js";
+import { PropsContextProvider as B } from "./PropsContextProvider.js";
+import { B as v } from "./Button-WawPguWq.js";
 import "@tabler/icons-react";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as v } from "./IconClose-B4zJVugN.js";
-import { TunnelProvider as C, TunnelExit as y } from "@mittwald/react-tunnel";
-import * as T from "react-aria-components";
+import { I as C } from "./IconClose-B4zJVugN.js";
+import { TunnelProvider as y, TunnelExit as T } from "@mittwald/react-tunnel";
 import { O as w } from "./OverlayTrigger-lqEEBZnu.js";
 const G = "flow--light-box", L = "flow--light-box--content", N = "flow--light-box--fit-screen", P = "flow--light-box--actions", b = "flow--light-box--action-group", t = {
   lightBox: G,
@@ -30,7 +30,7 @@ const G = "flow--light-box", L = "flow--light-box--content", N = "flow--light-bo
     className: c,
     fitScreen: l = !0,
     ...a
-  } = n, m = x(
+  } = n, m = u(
     t.lightBox,
     l && t.fitScreen,
     c
@@ -41,7 +41,7 @@ const G = "flow--light-box", L = "flow--light-box--content", N = "flow--light-bo
       tunnelId: "actionGroup",
       ignoreBreakpoint: !0
     }
-  }, f = u("LightBox", {
+  }, f = d("LightBox", {
     reuseControllerFromContext: !0
   }), r = e ?? f;
   return /* @__PURE__ */ o(
@@ -51,11 +51,11 @@ const G = "flow--light-box", L = "flow--light-box--content", N = "flow--light-bo
       className: m,
       controller: r,
       ...a,
-      children: /* @__PURE__ */ o(d, { props: p, children: /* @__PURE__ */ s(C, { children: [
+      children: /* @__PURE__ */ o(B, { props: p, children: /* @__PURE__ */ s(y, { children: [
         /* @__PURE__ */ o("div", { className: t.content, children: i }),
         /* @__PURE__ */ s("div", { className: t.actions, children: [
-          /* @__PURE__ */ o(B, { color: "light", variant: "soft", onPress: r == null ? void 0 : r.close, children: /* @__PURE__ */ o(v, {}) }),
-          /* @__PURE__ */ o(y, { id: "actionGroup" })
+          /* @__PURE__ */ o(v, { color: "light", variant: "soft", onPress: r == null ? void 0 : r.close, children: /* @__PURE__ */ o(C, {}) }),
+          /* @__PURE__ */ o(T, { id: "actionGroup" })
         ] })
       ] }) })
     }
@@ -67,7 +67,7 @@ const G = "flow--light-box", L = "flow--light-box--content", N = "flow--light-bo
     {
       overlayType: "LightBox",
       ...i,
-      component: T.DialogTrigger,
+      component: x.DialogTrigger,
       children: e
     }
   );