@mittwald/flow-react-components 0.1.0-alpha.275 → 0.1.0-alpha.277

package/dist/List.js

@@ -47,7 +47,7 @@ import { I as Vt } from "./IconSearch-CSaVgGtE.js";
 import { d as S, a as P } from "./deepFindOfType-6pG0fH7S.js";
 import { ListLoaderAsyncResource as kt, TypedListLoaderAsyncResource as At } from "./List/ListLoaderAsyncResource.js";
 import { S as Mt } from "./Skeleton-CKLaTmDR.js";
-import { T as Ee, d as Fe, c as Te, a as Ce, e as Ie, b as Le } from "./TableRow-BsPgWqkU.js";
+import { a as Ee, e as Fe, d as Te, b as Ce, T as Ie, c as Le } from "./TableRow-DNTJVTkO.js";
 import { A as Bt } from "./ActionGroup-CPMad0DR.js";
 const Dt = "flow--list--items--item--view", xt = "flow--list--items--item--view--title", Nt = "flow--list--items--item--view--top-content", Rt = "flow--list--items--item--view--content", $t = "flow--list--items--item--view--action", zt = "flow--list--items--item--view--avatar", Ut = "flow--list--items--item--view--text", Kt = "flow--list--items--item--view--heading", m = {
   view: Dt,

package/dist/Modal.js

@@ -1,75 +1,81 @@
 "use client"
 /* */
 import o from "react";
-import p from "clsx";
+import v from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as y } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
-import { f as C } from "./flowComponent-Cnrr91a8.js";
-import * as n from "react-aria-components";
+import { TunnelProvider as C, TunnelExit as E } from "@mittwald/react-tunnel";
+import { f as w } from "./flowComponent-Cnrr91a8.js";
+import { createHtmlPortalNode as h, InPortal as N, OutPortal as O } from "react-reverse-portal";
+import * as c from "react-aria-components";
 import "mobx";
-import { u as w } from "./useOverlayController-D8pgx8nV.js";
-import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
-import { H as O } from "./Header-Dyx52LYx.js";
-import { A as M } from "./Action-BkFTzx0k.js";
-import { B as N } from "./Button-DtpO7pbw.js";
+import { u as M } from "./useOverlayController-D8pgx8nV.js";
+import { O as P, a as x } from "./OverlayTrigger-bD8_mPel.js";
+import { A as z } from "./Activity-CmfZpgOM.js";
+import { H as A } from "./Header-Dyx52LYx.js";
+import { A as T } from "./Action-BkFTzx0k.js";
+import { B } from "./Button-DtpO7pbw.js";
 import "@tabler/icons-react";
 import "./Icon-9pbeBcg1.js";
-import { I as x } from "./IconClose-Cv0NnMI0.js";
-const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", I = "flow--modal--close-button", e = {
-  modal: z,
-  offCanvas: P,
-  header: T,
-  content: B,
-  actionGroup: A,
+import { I } from "./IconClose-Cv0NnMI0.js";
+const F = "flow--modal", G = "flow--modal--off-canvas", H = "flow--modal--header", D = "flow--modal--content", b = "flow--modal--action-group", R = "flow--modal--left", $ = "flow--modal--close-button", e = {
+  modal: F,
+  offCanvas: G,
+  header: H,
+  content: D,
+  actionGroup: b,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "modal-zoom": "flow--modal--modal-zoom",
   "modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
-  left: G,
+  left: R,
   "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
   "modal-slide-up": "flow--modal--modal-slide-up",
-  closeButton: I
-}, D = "flow--modal-overlay--overlay", F = {
-  overlay: D,
+  closeButton: $
+}, U = "flow--modal-overlay--overlay", _ = {
+  overlay: U,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, H = (t) => {
+}, j = (l) => {
   const {
-    controller: a,
-    children: l,
-    isDismissable: s = !0,
-    className: m
-  } = t, f = w("Modal", {
+    controller: r,
+    children: t,
+    isDismissable: i = !0,
+    className: d,
+    _experimentalNoUnmountContent: u = !1
+  } = l, f = M("Modal", {
     reuseControllerFromContext: !0
-  }), r = a ?? f, c = r.useIsOpen(), i = p(F.overlay, m);
-  return /* @__PURE__ */ o.createElement(
-    n.ModalOverlay,
+  }), a = r ?? f, n = a.useIsOpen(), p = v(_.overlay, d), s = /* @__PURE__ */ o.createElement(c.Dialog, null, /* @__PURE__ */ o.createElement(P, { type: "Modal", controller: a }, t)), m = o.useMemo(
+    () => u ? h() : null,
+    []
+  );
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, m && /* @__PURE__ */ o.createElement(N, { node: m }, /* @__PURE__ */ o.createElement(z, { isActive: n }, s)), /* @__PURE__ */ o.createElement(
+    c.ModalOverlay,
     {
-      className: i,
-      isDismissable: s,
-      isOpen: c,
-      onOpenChange: (d) => r.setOpen(d)
+      className: p,
+      isDismissable: i,
+      isOpen: n,
+      onOpenChange: (g) => a.setOpen(g)
     },
-    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: r }, l)))
-  );
-}, _ = C("Modal", (t) => {
+    /* @__PURE__ */ o.createElement(c.Modal, null, m ? /* @__PURE__ */ o.createElement(O, { node: m }) : s)
+  ));
+}, so = w("Modal", (l) => {
   const {
-    size: a = "s",
-    offCanvas: l,
-    controller: s,
-    children: m,
-    refProp: f,
-    className: r,
-    offCanvasOrientation: c = "right",
-    ...i
-  } = t, d = p(
-    l ? e.offCanvas : e.modal,
-    e[`size-${a}`],
-    e[c],
-    r
-  ), u = {
+    size: r = "s",
+    offCanvas: t,
+    controller: i,
+    children: d,
+    refProp: u,
+    className: f,
+    offCanvasOrientation: a = "right",
+    ...n
+  } = l, p = v(
+    t ? e.offCanvas : e.modal,
+    e[`size-${r}`],
+    e[a],
+    f
+  ), s = {
     Content: {
       className: e.content
     },
@@ -83,29 +89,29 @@ const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header
       spacing: "m"
     }
   };
-  return /* @__PURE__ */ o.createElement(H, { className: d, controller: s, ...i }, /* @__PURE__ */ o.createElement(v, { props: u }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(O, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(M, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
-    N,
+  return /* @__PURE__ */ o.createElement(j, { className: p, controller: i, ...n }, /* @__PURE__ */ o.createElement(y, { props: s }, /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(A, { className: e.header }, /* @__PURE__ */ o.createElement(E, { id: "heading" }), t && /* @__PURE__ */ o.createElement(T, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
+    B,
     {
       variant: "plain",
       color: "secondary",
       className: e.closeButton
     },
-    /* @__PURE__ */ o.createElement(x, null)
-  ))), m)));
-}), oo = (t) => {
-  const { children: a, ...l } = t;
+    /* @__PURE__ */ o.createElement(I, null)
+  ))), d)));
+}), mo = (l) => {
+  const { children: r, ...t } = l;
   return /* @__PURE__ */ o.createElement(
-    h,
+    x,
     {
       overlayType: "Modal",
-      ...l,
-      component: n.DialogTrigger
+      ...t,
+      component: c.DialogTrigger
     },
-    a
+    r
   );
 };
 export {
-  _ as Modal,
-  oo as ModalTrigger,
-  _ as default
+  so as Modal,
+  mo as ModalTrigger,
+  so as default
 };

package/dist/Table.js

@@ -1,13 +1,16 @@
 "use client"
 /* */
-import { T as e } from "./TableRow-BsPgWqkU.js";
-import { a as b, b as s, c as T, d as r, e as d } from "./TableRow-BsPgWqkU.js";
+import { T as a, a as t } from "./TableRow-DNTJVTkO.js";
+import { b as m, c as f, d as c, e as d } from "./TableRow-DNTJVTkO.js";
+import o from "react";
+const b = (e) => /* @__PURE__ */ o.createElement(a, { ...e, footer: !0 });
 export {
-  e as Table,
-  b as TableBody,
-  s as TableCell,
-  T as TableColumn,
-  r as TableHeader,
-  d as TableRow,
-  e as default
+  t as Table,
+  m as TableBody,
+  f as TableCell,
+  c as TableColumn,
+  b as TableFooterRow,
+  d as TableHeader,
+  a as TableRow,
+  t as default
 };

package/dist/TableRow-DNTJVTkO.js

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import s, { Suspense as b } from "react";
+import * as r from "react-aria-components";
+import n from "clsx";
+import { S as d } from "./SkeletonText-B5ZghZhO.js";
+const f = "flow--table--table-container", i = "flow--table", N = "flow--table--header", u = "flow--table--body", w = "flow--table--footer", C = "flow--table--cell", h = "flow--table--column", c = {
+  tableContainer: f,
+  table: i,
+  header: N,
+  body: u,
+  footer: w,
+  cell: C,
+  column: h
+}, y = (t) => {
+  const { children: a, className: e, ...l } = t, o = n(c.table, e);
+  return /* @__PURE__ */ s.createElement("div", { className: c.tableContainer }, /* @__PURE__ */ s.createElement(r.Table, { className: o, ...l }, a));
+}, x = (t) => {
+  const { children: a, className: e, ...l } = t, o = n(c.body, e);
+  return /* @__PURE__ */ s.createElement(r.TableBody, { className: o, ...l }, a);
+}, R = (t) => {
+  const { children: a, className: e, ...l } = t, o = n(c.cell, e);
+  return /* @__PURE__ */ s.createElement(r.Cell, { className: o, ...l }, /* @__PURE__ */ s.createElement(b, { fallback: /* @__PURE__ */ s.createElement(d, { width: "100px" }) }, a));
+}, H = (t) => {
+  const { children: a, className: e, ...l } = t, o = n(c.column, e);
+  return /* @__PURE__ */ s.createElement(r.Column, { isRowHeader: !0, className: o, ...l }, a);
+}, S = (t) => {
+  const { children: a, className: e, ...l } = t, o = n(c.header, e);
+  return /* @__PURE__ */ s.createElement(r.TableHeader, { className: o, ...l }, a);
+}, k = (t) => {
+  const { children: a, className: e, footer: l, ...o } = t;
+  return /* @__PURE__ */ s.createElement(
+    r.Row,
+    {
+      className: (m) => n(
+        c.row,
+        l && c.footer,
+        typeof e == "function" ? e(m) : e
+      ),
+      ...o
+    },
+    a
+  );
+};
+export {
+  k as T,
+  y as a,
+  x as b,
+  R as c,
+  H as d,
+  S as e
+};