@mittwald/flow-react-components 1.2.0-next.48 → 1.2.0-next.49

package/dist/js/packages/components/src/lib/propsContext/overlayTriggerTunnel.mjs

@@ -0,0 +1,34 @@
+"use client"
+/* */
+//#region src/lib/propsContext/overlayTriggerTunnel.ts
+/**
+* Props context entries that send every overlay trigger into `tunnel`.
+*
+* A props context that tunnels `Button` has to tunnel the overlay triggers as a
+* whole, not their buttons: `OverlayTrigger` pins its trigger button in place
+* (`tunnel: null`), because react-aria wires the press handling, the trigger
+* ref and `aria-haspopup`/`aria-expanded`/`aria-controls` through a
+* `PressResponder` that only reaches its own subtree. Tunnelling the button
+* alone lifts it out of that subtree and silently drops all of it.
+*
+* `DialogTrigger` is in the list because it is the host-side identity of the
+* triggers that are not `@flr-generate` — `ModalTrigger`, `PopoverTrigger` and
+* `LightBoxTrigger` all render through its view, so a remote tree only ever
+* reaches the host as a `DialogTrigger`. `OverlayTrigger` pins it with `tunnel:
+* null` in turn, so the local tree tunnels the trigger the author wrote and
+* never the `DialogTrigger` inside it.
+*
+* Spread the entries before the context's own, so a single trigger can still be
+* sent somewhere else (see `Label`).
+*/
+var overlayTriggersTunneledTo = (tunnel) => ({
+	ContextMenuTrigger: { tunnel },
+	ContextualHelpTrigger: { tunnel },
+	DialogTrigger: { tunnel },
+	ModalTrigger: { tunnel },
+	PopoverTrigger: { tunnel }
+});
+//#endregion
+export { overlayTriggersTunneledTo as default, overlayTriggersTunneledTo };
+
+//# sourceMappingURL=overlayTriggerTunnel.mjs.map

package/dist/js/packages/components/src/lib/propsContext/overlayTriggerTunnel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayTriggerTunnel.mjs","names":[],"sources":["../../../../../../../src/lib/propsContext/overlayTriggerTunnel.ts"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\n\n/**\n * Props context entries that send every overlay trigger into `tunnel`.\n *\n * A props context that tunnels `Button` has to tunnel the overlay triggers as a\n * whole, not their buttons: `OverlayTrigger` pins its trigger button in place\n * (`tunnel: null`), because react-aria wires the press handling, the trigger\n * ref and `aria-haspopup`/`aria-expanded`/`aria-controls` through a\n * `PressResponder` that only reaches its own subtree. Tunnelling the button\n * alone lifts it out of that subtree and silently drops all of it.\n *\n * `DialogTrigger` is in the list because it is the host-side identity of the\n * triggers that are not `@flr-generate` — `ModalTrigger`, `PopoverTrigger` and\n * `LightBoxTrigger` all render through its view, so a remote tree only ever\n * reaches the host as a `DialogTrigger`. `OverlayTrigger` pins it with `tunnel:\n * null` in turn, so the local tree tunnels the trigger the author wrote and\n * never the `DialogTrigger` inside it.\n *\n * Spread the entries before the context's own, so a single trigger can still be\n * sent somewhere else (see `Label`).\n */\nexport const overlayTriggersTunneledTo = (\n  tunnel: PropsWithTunnel[\"tunnel\"],\n): PropsContext => ({\n  ContextMenuTrigger: { tunnel },\n  ContextualHelpTrigger: { tunnel },\n  DialogTrigger: { tunnel },\n  ModalTrigger: { tunnel },\n  PopoverTrigger: { tunnel },\n});\n\nexport default overlayTriggersTunneledTo;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,6BACX,YACkB;CAClB,oBAAoB,EAAE,OAAO;CAC7B,uBAAuB,EAAE,OAAO;CAChC,eAAe,EAAE,OAAO;CACxB,cAAc,EAAE,OAAO;CACvB,gBAAgB,EAAE,OAAO;AAC3B"}

package/dist/types/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.d.ts

@@ -1,6 +1,10 @@
 import { ComponentProps, FC } from 'react';
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
-export type DialogTriggerProps = ComponentProps<typeof Aria.DialogTrigger>;
-/** @flr-generate all */
+export type DialogTriggerProps = ComponentProps<typeof Aria.DialogTrigger> & FlowComponentProps;
+/**
+ * @flr-generate all
+ * @flr-provider
+ */
 export declare const DialogTrigger: FC<DialogTriggerProps>;
 export default DialogTrigger;

package/dist/types/components/propTypes/index.d.ts

@@ -61,7 +61,7 @@ import { MessageThreadProps } from '../MessageThread';
 import { FileCardListProps } from '../FileCardList';
 import { AccentBoxProps } from '../AccentBox';
 import { ColumnLayoutProps } from '../ColumnLayout';
-import { MenuTriggerProps } from '../OverlayTrigger';
+import { DialogTriggerProps, MenuTriggerProps } from '../OverlayTrigger';
 import { ProgressBarProps } from '../ProgressBar';
 import { FileDropZoneProps } from '../FileDropZone';
 import { NavigationProps } from '../Navigation';
@@ -113,6 +113,7 @@ export interface FlowComponentPropsTypes {
     CountryOptions: CountryOptionsProps;
     DatePicker: DatePickerProps<Aria.DateValue>;
     DateRangePicker: DateRangePickerProps<Aria.DateValue>;
+    DialogTrigger: DialogTriggerProps;
     FieldDescription: FieldDescriptionProps;
     FieldError: FieldErrorProps;
     FileCard: FileCardProps;

package/dist/types/lib/propsContext/index.d.ts

@@ -2,3 +2,4 @@ export { dynamic } from './dynamicProps/dynamic';
 export { propsContext } from './propsContext';
 export { PropsContextProvider } from './components/PropsContextProvider';
 export type { PropsContext } from './types';
+export { overlayTriggersTunneledTo } from './overlayTriggerTunnel';

package/dist/types/lib/propsContext/overlayTriggerTunnel.d.ts

@@ -0,0 +1,24 @@
+import { PropsContext } from './types';
+import { PropsWithTunnel } from '../types/props';
+/**
+ * Props context entries that send every overlay trigger into `tunnel`.
+ *
+ * A props context that tunnels `Button` has to tunnel the overlay triggers as a
+ * whole, not their buttons: `OverlayTrigger` pins its trigger button in place
+ * (`tunnel: null`), because react-aria wires the press handling, the trigger
+ * ref and `aria-haspopup`/`aria-expanded`/`aria-controls` through a
+ * `PressResponder` that only reaches its own subtree. Tunnelling the button
+ * alone lifts it out of that subtree and silently drops all of it.
+ *
+ * `DialogTrigger` is in the list because it is the host-side identity of the
+ * triggers that are not `@flr-generate` — `ModalTrigger`, `PopoverTrigger` and
+ * `LightBoxTrigger` all render through its view, so a remote tree only ever
+ * reaches the host as a `DialogTrigger`. `OverlayTrigger` pins it with `tunnel:
+ * null` in turn, so the local tree tunnels the trigger the author wrote and
+ * never the `DialogTrigger` inside it.
+ *
+ * Spread the entries before the context's own, so a single trigger can still be
+ * sent somewhere else (see `Label`).
+ */
+export declare const overlayTriggersTunneledTo: (tunnel: PropsWithTunnel["tunnel"]) => PropsContext;
+export default overlayTriggersTunneledTo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.2.0-next.48",
+  "version": "1.2.0-next.49",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -79,9 +79,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "1.2.0-next.48",
+    "@mittwald/flow-icons": "1.2.0-next.49",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "1.2.0-next.48",
+    "@mittwald/react-tunnel": "1.2.0-next.49",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -134,12 +134,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.2.0-next.48",
-    "@mittwald/flow-design-tokens": "1.2.0-next.48",
-    "@mittwald/flow-icons-base": "1.2.0-next.48",
+    "@mittwald/flow-core": "1.2.0-next.49",
+    "@mittwald/flow-design-tokens": "1.2.0-next.49",
+    "@mittwald/flow-icons-base": "1.2.0-next.49",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.2.0-next.48",
+    "@mittwald/typescript-config": "1.2.0-next.49",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -191,7 +191,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.2.0-next.48",
+    "@mittwald/flow-icons-pro": "1.2.0-next.49",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -215,5 +215,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "99bd487e303f62e77a13db5f88df32592077e536"
+  "gitHead": "1a48b08178b38e311205f4656fe553e6746d45f0"
 }