@mittwald/flow-react-components 0.1.0-alpha.349 → 0.1.0-alpha.350

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 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.350](https://github.com/mittwald/flow/compare/0.1.0-alpha.349...0.1.0-alpha.350) (2024-11-19)
+
+### Bug Fixes
+
+- **LightBox:** fix LightBox controller
+  ([5cc4507](https://github.com/mittwald/flow/commit/5cc4507745997e7fa9b5a8e2d2a941c7c72d2e35))
+- **LightBox:** fix LightBox controller
+  ([f3e84af](https://github.com/mittwald/flow/commit/f3e84af39e6d927f1bcdd4f0e9d513ff4e2a658b))
+
+# 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.349](https://github.com/mittwald/flow/compare/0.1.0-alpha.348...0.1.0-alpha.349) (2024-11-18)
 
 ### Features

package/dist/js/LightBox.js

@@ -1,71 +1,74 @@
 "use client"
 /* */
-import { f as m } from "./flowComponent-D-FBrwbQ.js";
-import t from "react";
-import { O as p } from "./Overlay-BwfQD0k1.js";
-import f from "clsx";
+import { f } from "./flowComponent-D-FBrwbQ.js";
+import o from "react";
+import { O as g } from "./Overlay-BwfQD0k1.js";
+import u from "clsx";
+import "mobx";
+import { u as x } from "./useOverlayController-BwSJj4Ly.js";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as g } from "./PropsContextProvider.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as u } from "./Button-DCUWhBV1.js";
+import { B } from "./Button-DCUWhBV1.js";
 import "@tabler/icons-react";
 import "./Icon-CxrvfV3P.js";
-import { I as x } from "./IconClose-RfQv2X6g.js";
-import { A as h } from "./Action-Bcw69Ub4.js";
-import { TunnelProvider as B, TunnelExit as v } from "@mittwald/react-tunnel";
-import * as E from "react-aria-components";
-import { a as d } from "./OverlayTrigger-j2zD8W4S.js";
-const y = "flow--light-box", T = "flow--light-box--content", w = "flow--light-box--fit-screen", G = "flow--light-box--actions", L = "flow--light-box--action-group", o = {
-  lightBox: y,
+import { I as v } from "./IconClose-RfQv2X6g.js";
+import { TunnelProvider as d, TunnelExit as E } from "@mittwald/react-tunnel";
+import * as C from "react-aria-components";
+import { a as y } from "./OverlayTrigger-j2zD8W4S.js";
+const P = "flow--light-box", T = "flow--light-box--content", w = "flow--light-box--fit-screen", G = "flow--light-box--actions", L = "flow--light-box--action-group", t = {
+  lightBox: P,
   content: T,
   fitScreen: w,
   actions: G,
   actionGroup: L
-}, J = m("LightBox", (e) => {
+}, Q = f("LightBox", (e) => {
   const {
-    controller: r,
-    children: n,
+    controller: n,
+    children: i,
     refProp: N,
-    className: i,
+    className: l,
     fitScreen: c = !0,
-    ...l
-  } = e, a = f(
-    o.lightBox,
-    c && o.fitScreen,
-    i
-  ), s = {
+    ...s
+  } = e, a = u(
+    t.lightBox,
+    c && t.fitScreen,
+    l
+  ), m = {
     ActionGroup: {
-      className: o.actionGroup,
+      className: t.actionGroup,
       Button: { variant: "soft", color: "light" },
       tunnelId: "actionGroup",
       ignoreBreakpoint: !0
     }
-  };
-  return /* @__PURE__ */ t.createElement(
-    p,
+  }, p = x("LightBox", {
+    reuseControllerFromContext: !0
+  }), r = n ?? p;
+  return /* @__PURE__ */ o.createElement(
+    g,
     {
       overlayType: "LightBox",
       className: a,
       controller: r,
-      ...l
+      ...s
     },
-    /* @__PURE__ */ t.createElement(g, { props: s }, /* @__PURE__ */ t.createElement(B, null, /* @__PURE__ */ t.createElement("div", { className: o.content }, n), /* @__PURE__ */ t.createElement("div", { className: o.actions }, /* @__PURE__ */ t.createElement(h, { closeOverlay: "LightBox" }, /* @__PURE__ */ t.createElement(u, { color: "light", variant: "soft" }, /* @__PURE__ */ t.createElement(x, null))), /* @__PURE__ */ t.createElement(v, { id: "actionGroup" }))))
+    /* @__PURE__ */ o.createElement(h, { props: m }, /* @__PURE__ */ o.createElement(d, null, /* @__PURE__ */ o.createElement("div", { className: t.content }, i), /* @__PURE__ */ o.createElement("div", { className: t.actions }, /* @__PURE__ */ o.createElement(B, { color: "light", variant: "soft", onPress: r == null ? void 0 : r.close }, /* @__PURE__ */ o.createElement(v, null)), /* @__PURE__ */ o.createElement(E, { id: "actionGroup" }))))
   );
-}), K = (e) => {
-  const { children: r, ...n } = e;
-  return /* @__PURE__ */ t.createElement(
-    d,
+}), U = (e) => {
+  const { children: n, ...i } = e;
+  return /* @__PURE__ */ o.createElement(
+    y,
     {
       overlayType: "LightBox",
-      ...n,
-      component: E.DialogTrigger
+      ...i,
+      component: C.DialogTrigger
     },
-    r
+    n
   );
 };
 export {
-  J as LightBox,
-  K as LightBoxTrigger,
-  J as default
+  Q as LightBox,
+  U as LightBoxTrigger,
+  Q as default
 };

package/dist/js/types/components/LightBox/stories/Default.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof LightBox>;
 export declare const Default: Story;
 export declare const WithoutFitScreen: Story;
+export declare const WithController: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.349",
+  "version": "0.1.0-alpha.350",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -410,7 +410,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.349",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.350",
     "@mittwald/react-use-promise": "^2.5.0",
     "@react-aria/form": "^3.0.10",
     "@react-aria/utils": "^3.25.3",
@@ -440,7 +440,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.3",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.349",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.350",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^20.0.0",
     "@storybook/addon-a11y": "^8.3.5",
@@ -535,5 +535,5 @@
       }
     }
   },
-  "gitHead": "9abd015cbaa3978e1bd624bf2f15972e6ac7af65"
+  "gitHead": "064a61d717077b0f2da5b05d3291555d3b1acfc4"
 }