@mittwald/flow-react-components 0.1.0-alpha.207 → 0.1.0-alpha.208

package/dist/{Action-DrXR84F6.js → Action-Dp_7RavF.js}

@@ -4,7 +4,7 @@ var k = Object.defineProperty;
 var M = (n, t, e) => t in n ? k(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => M(n, typeof t != "symbol" ? t + "" : t, e);
 import g, { createContext as O, useRef as I, useContext as w } from "react";
-import { u as E, O as D } from "./context-BB3_MApL.js";
+import { u as E, O as D } from "./context-Cf7tqFtF.js";
 import T from "invariant";
 import { makeObservable as N, observable as R, action as V, computed as $ } from "mobx";
 import { u as b } from "./useSelector-DpU7_HMO.js";

package/dist/Action.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as t } from "./Action-DrXR84F6.js";
+import { A as t } from "./Action-Dp_7RavF.js";
 export {
   t as Action,
   t as default

package/dist/ContextMenu.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-BdJf5T8A.js";
-import { a } from "./ContextMenuTrigger-BdJf5T8A.js";
+import { C as t } from "./ContextMenuTrigger-DOCNHDwJ.js";
+import { a } from "./ContextMenuTrigger-DOCNHDwJ.js";
 import { M as n } from "./MenuItem-DcfYvfPJ.js";
 export {
   t as ContextMenu,

package/dist/{ContextMenuTrigger-BdJf5T8A.js → ContextMenuTrigger-DOCNHDwJ.js}

@@ -4,17 +4,17 @@ import e from "react";
 import * as i from "react-aria-components";
 import { s } from "./ContextMenu.module-BZingr2B.js";
 import { f as m } from "./flowComponent-DHPUcYyM.js";
-import { P } from "./Popover-D_KuyuoO.js";
+import { P } from "./Popover-Cv7qj8sY.js";
 import "mobx";
-import { u as E } from "./useOverlayController-D8N4X2rc.js";
+import { u as E } from "./useOverlayController-D8pgx8nV.js";
 import { C as O } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { O as S } from "./OverlayContextProvider-DJzKzUwy.js";
-import { A } from "./Action-DrXR84F6.js";
-import { O as h } from "./OverlayTrigger-Bdb65OEJ.js";
+import { O as S } from "./OverlayContextProvider-xvILXWn5.js";
+import { A } from "./Action-Dp_7RavF.js";
+import { O as h } from "./OverlayTrigger-D9ziPSB1.js";
 const G = m("ContextMenu", (t) => {
   const {
     children: r,

package/dist/ContextualHelp.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./Popover-D_KuyuoO.js";
+import { P as s } from "./Popover-Cv7qj8sY.js";
 import * as c from "react-aria-components";
 import "mobx";
-import { u } from "./useOverlayController-D8N4X2rc.js";
+import { u } from "./useOverlayController-D8pgx8nV.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import "./context-BB3_MApL.js";
+import "./context-Cf7tqFtF.js";
 import { f } from "./flowComponent-DHPUcYyM.js";
-import { O as x } from "./OverlayTrigger-Bdb65OEJ.js";
+import { O as x } from "./OverlayTrigger-D9ziPSB1.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";

package/dist/CopyButton.js

@@ -15,7 +15,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { f as E } from "./flowComponent-DHPUcYyM.js";
-import { A as B } from "./Action-DrXR84F6.js";
+import { A as B } from "./Action-Dp_7RavF.js";
 const g = { "de-DE": {
   "copyButton.copy": "Kopieren"
 }, "en-EN": {

package/dist/List.js

@@ -13,7 +13,7 @@ import { B as p } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
 import { I as Ct } from "./IconContextMenu-jwoVcLvd.js";
-import { a as A, C as Q } from "./ContextMenuTrigger-BdJf5T8A.js";
+import { a as A, C as Q } from "./ContextMenuTrigger-DOCNHDwJ.js";
 import { M as X } from "./MenuItem-DcfYvfPJ.js";
 import { useLocalizedStringFormatter as v } from "react-aria";
 import { TunnelProvider as Lt, TunnelExit as U } from "@mittwald/react-tunnel";
@@ -25,7 +25,7 @@ import { T as f } from "./Text-Sd5q3Yme.js";
 import { I as Z } from "./IconChevronDown--OxZLX8L.js";
 import { I as At } from "./IconClose-BFwPT_IX.js";
 import { makeObservable as Vt, observable as $, computed as O, action as L } from "mobx";
-import "./context-BB3_MApL.js";
+import "./context-Cf7tqFtF.js";
 import { u as Bt } from "./useOnChange-C1Quwyuz.js";
 import { S as Pt } from "./SearchField-DstUFmq4.js";
 import { getProperty as xt } from "dot-prop";

package/dist/Modal.js

@@ -10,15 +10,15 @@ import { TunnelProvider as v, TunnelExit as y } from "@mittwald/react-tunnel";
 import { f as C } from "./flowComponent-DHPUcYyM.js";
 import * as n from "react-aria-components";
 import "mobx";
-import { u as g } from "./useOverlayController-D8N4X2rc.js";
-import { O as w } from "./OverlayContextProvider-DJzKzUwy.js";
+import { u as g } from "./useOverlayController-D8pgx8nV.js";
+import { O as w } from "./OverlayContextProvider-xvILXWn5.js";
 import { H as E } from "./Header-DUWPZjAq.js";
-import { A as O } from "./Action-DrXR84F6.js";
+import { A as O } from "./Action-Dp_7RavF.js";
 import { B as h } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
 import { I as M } from "./IconClose-BFwPT_IX.js";
-import { O as N } from "./OverlayTrigger-Bdb65OEJ.js";
+import { O as N } from "./OverlayTrigger-D9ziPSB1.js";
 const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--header", T = "flow--modal--content", B = "flow--modal--action-group", A = "flow--modal--close-button", e = {
   modal: x,
   offCanvas: z,

package/dist/{OverlayContextProvider-DJzKzUwy.js → OverlayContextProvider-xvILXWn5.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import a from "react";
-import { u as l, o as c } from "./context-BB3_MApL.js";
+import { u as l, o as c } from "./context-Cf7tqFtF.js";
 const i = (e) => {
   const { type: t, controller: r, children: o } = e, n = l();
   return /* @__PURE__ */ a.createElement(

package/dist/{OverlayTrigger-Bdb65OEJ.js → OverlayTrigger-D9ziPSB1.js}

@@ -1,19 +1,19 @@
 "use client"
 /* */
 import r from "react";
-import { O as m } from "./context-BB3_MApL.js";
+import { O as m } from "./context-Cf7tqFtF.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { O as c } from "./OverlayContextProvider-DJzKzUwy.js";
+import { O as c } from "./OverlayContextProvider-xvILXWn5.js";
 const g = (o) => {
   const {
     overlayType: t,
     isDefaultOpen: n = !1,
     component: p,
     children: s
-  } = o, e = m.useNew(n), a = e.useIsOpen(), l = {
+  } = o, e = m.useNew({ isDefaultOpen: n }), a = e.useIsOpen(), l = {
     Button: {
       onPress: e.open
     }

package/dist/{Popover-D_KuyuoO.js → Popover-Cv7qj8sY.js}

@@ -4,9 +4,9 @@ import o from "react";
 import * as t from "react-aria-components";
 import n from "clsx";
 import "mobx";
-import { u } from "./useOverlayController-D8N4X2rc.js";
+import { u as h } from "./useOverlayController-D8pgx8nV.js";
 import { f as g } from "./flowComponent-DHPUcYyM.js";
-import { O as x } from "./OverlayContextProvider-DJzKzUwy.js";
+import { O as x } from "./OverlayContextProvider-xvILXWn5.js";
 const E = "flow--popover", N = "flow--popover--content", y = "flow--popover--tip", r = {
   popover: E,
   content: N,
@@ -23,22 +23,22 @@ const E = "flow--popover", N = "flow--popover--content", y = "flow--popover--tip
     refProp: v,
     defaultOpen: f = !1,
     ...C
-  } = p, d = u("Popover", {
+  } = p, d = h("Popover", {
     reuseControllerFromContext: !0,
-    defaultOpen: f
-  }), e = m ?? d, P = e.useIsOpen(), w = n(r.popover, l), O = c ? t.Dialog : "div";
+    isDefaultOpen: f
+  }), e = m ?? d, O = e.useIsOpen(), P = n(r.popover, l), w = c ? t.Dialog : "div";
   return /* @__PURE__ */ o.createElement(
     t.Popover,
     {
       ...C,
-      className: w,
+      className: P,
       containerPadding: 16,
       ref: v,
-      isOpen: P,
-      onOpenChange: (h) => e.setOpen(h)
+      isOpen: O,
+      onOpenChange: (u) => e.setOpen(u)
     },
     i && /* @__PURE__ */ o.createElement(t.OverlayArrow, { className: r.tip }, /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
-    /* @__PURE__ */ o.createElement(O, { className: n(r.content, a) }, /* @__PURE__ */ o.createElement(x, { type: "Popover", controller: e }, s))
+    /* @__PURE__ */ o.createElement(w, { className: n(r.content, a) }, /* @__PURE__ */ o.createElement(x, { type: "Popover", controller: e }, s))
   );
 });
 export {

package/dist/Popover.js

@@ -1,9 +1,9 @@
 "use client"
 /* */
-import { P as m } from "./Popover-D_KuyuoO.js";
+import { P as m } from "./Popover-Cv7qj8sY.js";
 import * as t from "react-aria-components";
 import a from "react";
-import { O as i } from "./OverlayTrigger-Bdb65OEJ.js";
+import { O as i } from "./OverlayTrigger-D9ziPSB1.js";
 const s = (r) => {
   const { children: o, ...e } = r;
   return /* @__PURE__ */ a.createElement(

package/dist/Select.js

@@ -13,13 +13,13 @@ import "@tabler/icons-react";
 import "./Icon-DPoIVASu.js";
 import { I as P } from "./IconChevronDown--OxZLX8L.js";
 import { f as E } from "./flowComponent-DHPUcYyM.js";
-import { P as F } from "./Popover-D_KuyuoO.js";
+import { P as F } from "./Popover-Cv7qj8sY.js";
 import "mobx";
-import { u as C } from "./useOverlayController-D8N4X2rc.js";
+import { u as C } from "./useOverlayController-D8pgx8nV.js";
 import "dot-prop";
-import "./context-BB3_MApL.js";
+import "./context-Cf7tqFtF.js";
 import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";
-import { O as B } from "./OverlayContextProvider-DJzKzUwy.js";
+import { O as B } from "./OverlayContextProvider-xvILXWn5.js";
 const D = "flow--select", L = "flow--select--toggle", u = {
   select: D,
   toggle: L

package/dist/Tabs.js

@@ -6,7 +6,7 @@ import u from "clsx";
 import { TunnelExit as C, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as y } from "./flowComponent-DHPUcYyM.js";
 import { useCallbackRef as O } from "use-callback-ref";
-import { a as S, C as A } from "./ContextMenuTrigger-BdJf5T8A.js";
+import { a as S, C as A } from "./ContextMenuTrigger-DOCNHDwJ.js";
 import { M as B } from "./MenuItem-DcfYvfPJ.js";
 import { B as K } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";

package/dist/context-Cf7tqFtF.js

@@ -0,0 +1,50 @@
+"use client"
+/* */
+var l = Object.defineProperty;
+var o = (n, e, s) => e in n ? l(n, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[e] = s;
+var t = (n, e, s) => o(n, typeof e != "symbol" ? e + "" : e, s);
+import { makeObservable as u, observable as h, action as O } from "mobx";
+import { u as a } from "./useSelector-DpU7_HMO.js";
+import { useRef as c, createContext as p, useContext as C } from "react";
+class i {
+  constructor(e) {
+    t(this, "isOpen");
+    t(this, "onOpen");
+    t(this, "onClose");
+    u(this, {
+      isOpen: h,
+      open: O.bound,
+      close: O.bound,
+      toggle: O.bound,
+      setOpen: O.bound
+    }), this.isOpen = (e == null ? void 0 : e.isDefaultOpen) ?? !1, this.onOpen = e == null ? void 0 : e.onOpen, this.onClose = e == null ? void 0 : e.onClose;
+  }
+  static useNew(e) {
+    return c(new i(e)).current;
+  }
+  open() {
+    var e;
+    this.isOpen = !0, (e = this.onOpen) == null || e.call(this);
+  }
+  close() {
+    var e;
+    this.isOpen = !1, (e = this.onClose) == null || e.call(this);
+  }
+  toggle() {
+    var e, s;
+    this.isOpen = !this.isOpen, this.isOpen ? (e = this.onOpen) == null || e.call(this) : (s = this.onClose) == null || s.call(this);
+  }
+  setOpen(e) {
+    var s, r;
+    this.isOpen = e, e ? (s = this.onOpen) == null || s.call(this) : (r = this.onClose) == null || r.call(this);
+  }
+  useIsOpen() {
+    return a(() => this.isOpen);
+  }
+}
+const f = p({}), g = () => C(f);
+export {
+  i as O,
+  f as o,
+  g as u
+};

package/dist/controller.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { O as e } from "./context-BB3_MApL.js";
-import { u as a } from "./useOverlayController-D8N4X2rc.js";
+import { O as e } from "./context-Cf7tqFtF.js";
+import { u as a } from "./useOverlayController-D8pgx8nV.js";
 export {
   e as OverlayController,
   a as useOverlayController

package/dist/hooks.js

@@ -2,7 +2,7 @@
 /* */
 import "mobx";
 import "react";
-import { u as a } from "./useOverlayController-D8N4X2rc.js";
+import { u as a } from "./useOverlayController-D8pgx8nV.js";
 import { u as p } from "./useOnChange-C1Quwyuz.js";
 export {
   p as useOnChange,

package/dist/react-hook-form.js

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
 import { F as P } from "./FieldError-CHN9uCb_.js";
-import { a as g, A as y } from "./Action-DrXR84F6.js";
+import { a as g, A as y } from "./Action-Dp_7RavF.js";
 const x = v({}), V = x.Provider, f = () => F(x);
 function I(e) {
   var i;

package/dist/types/lib/controller/overlay/OverlayController.d.ts

@@ -1,7 +1,14 @@
+export interface OverlayControllerOptions {
+    isDefaultOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
 export declare class OverlayController {
     isOpen: boolean;
-    constructor(isDefaultOpen?: boolean);
-    static useNew(isDefaultOpen?: boolean): OverlayController;
+    onOpen?: () => void;
+    onClose?: () => void;
+    constructor(options?: OverlayControllerOptions);
+    static useNew(options?: OverlayControllerOptions): OverlayController;
     open(): void;
     close(): void;
     toggle(): void;

package/dist/types/lib/controller/overlay/useOverlayController.d.ts

@@ -1,9 +1,8 @@
-import { OverlayController } from './OverlayController';
+import { OverlayControllerOptions, OverlayController } from './OverlayController';
 import { FlowComponentName } from '../../../components/propTypes';
 
-interface Options {
+interface Options extends OverlayControllerOptions {
     reuseControllerFromContext?: boolean;
-    defaultOpen?: boolean;
 }
 export declare const useOverlayController: (overlayType: FlowComponentName, opts?: Options) => OverlayController;
 export {};

package/dist/useOverlayController-D8pgx8nV.js

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { O as C, u as a } from "./context-Cf7tqFtF.js";
+const c = (o, r = {}) => {
+  const {
+    reuseControllerFromContext: t = !0,
+    isDefaultOpen: n,
+    onOpen: l,
+    onClose: s
+  } = r, u = C.useNew({
+    isDefaultOpen: n,
+    onOpen: l,
+    onClose: s
+  }), e = a()[o];
+  return t && e ? e : u;
+};
+export {
+  c as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.207",
+  "version": "0.1.0-alpha.208",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -292,7 +292,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.207",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.208",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.25.1",
     "@react-types/shared": "^3.24.1",
@@ -318,7 +318,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.207",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.208",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.5.6",
     "@storybook/addon-a11y": "^8.2.7",
@@ -396,5 +396,5 @@
       "optional": true
     }
   },
-  "gitHead": "9a013d07dc863c485ab5bad240b8bc56e15c35c3"
+  "gitHead": "c6d16b35db73c128625321e2df5fc35a13a373e0"
 }

package/dist/context-BB3_MApL.js

@@ -1,44 +0,0 @@
-"use client"
-/* */
-var r = Object.defineProperty;
-var p = (s, e, t) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => p(s, typeof e != "symbol" ? e + "" : e, t);
-import { makeObservable as u, observable as a, action as n } from "mobx";
-import { u as O } from "./useSelector-DpU7_HMO.js";
-import { useRef as c, createContext as l, useContext as b } from "react";
-class i {
-  constructor(e = !1) {
-    o(this, "isOpen");
-    u(this, {
-      isOpen: a,
-      open: n.bound,
-      close: n.bound,
-      toggle: n.bound,
-      setOpen: n.bound
-    }), this.isOpen = e;
-  }
-  static useNew(e) {
-    return c(new i(e)).current;
-  }
-  open() {
-    this.isOpen = !0;
-  }
-  close() {
-    this.isOpen = !1;
-  }
-  toggle() {
-    this.isOpen = !this.isOpen;
-  }
-  setOpen(e) {
-    this.isOpen = e;
-  }
-  useIsOpen() {
-    return O(() => this.isOpen);
-  }
-}
-const h = l({}), g = () => b(h);
-export {
-  i as O,
-  h as o,
-  g as u
-};

package/dist/useOverlayController-D8N4X2rc.js

@@ -1,10 +0,0 @@
-"use client"
-/* */
-import { O as s, u } from "./context-BB3_MApL.js";
-const C = (o, r = {}) => {
-  const { reuseControllerFromContext: t = !0, defaultOpen: n } = r, l = s.useNew(n), e = u()[o];
-  return t && e ? e : l;
-};
-export {
-  C as u
-};