@mittwald/flow-react-components 0.1.0-alpha.142 → 0.1.0-alpha.144

package/dist/controller.js

@@ -1,7 +1,8 @@
 "use client"
 /* */
-import { O as l, u as o } from "./useOverlayController-CGKumeGL.js";
+import { O as e } from "./context-Bdh6m_8S.js";
+import { u as a } from "./useOverlayController-C88Gnnhi.js";
 export {
-  l as OverlayController,
-  o as useOverlayController
+  e as OverlayController,
+  a as useOverlayController
 };

package/dist/{flowComponent-CPKCCJEg.js → flowComponent-CWmvUeHT.js}

@@ -18,6 +18,7 @@ const k = {
   CheckboxGroup: !0,
   Content: !0,
   ContextMenu: !0,
+  ContextualHelp: !0,
   CopyButton: !0,
   CounterBadge: !0,
   FieldDescription: !0,
@@ -35,7 +36,9 @@ const k = {
   Modal: !0,
   NumberField: !0,
   Radio: !0,
+  OffCanvas: !0,
   Option: !0,
+  Popover: !0,
   RadioButton: !0,
   RadioGroup: !0,
   Section: !0,
@@ -102,7 +105,7 @@ const A = (t) => h(t, (o, r) => m(r)), I = (t, o) => {
   };
   return /* @__PURE__ */ s.createElement(g.Provider, { value: u }, e);
 };
-function O(t, o) {
+function H(t, o) {
   return f((r, e) => {
     const { tunnelId: n, wrapWith: u, ...p } = F(
       t,
@@ -116,5 +119,5 @@ function O(t, o) {
   });
 }
 export {
-  O as f
+  H as f
 };

package/dist/hooks.js

@@ -2,7 +2,7 @@
 /* */
 import "mobx";
 import { useRef as n, useEffect as s } from "react";
-import { u as i } from "./useOverlayController-CGKumeGL.js";
+import { u as i } from "./useOverlayController-C88Gnnhi.js";
 const m = (r, e, t = []) => {
   const o = n(r);
   s(() => {

package/dist/react-hook-form.js

@@ -7,8 +7,8 @@ import { P as A } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as V } from "./dynamic-ClpUSmEt.js";
-import { F as y } from "./FieldError-D_VRyiJG.js";
-import { a as I, A as D } from "./Action-C4Ncwjzf.js";
+import { F as y } from "./FieldError-eiEmcuuK.js";
+import { a as I, A as D } from "./Action-SzQtjRB5.js";
 const F = C({}), R = F.Provider, w = () => k(F);
 function T(c) {
   var r;

package/dist/types/components/Action/models/ActionModel.d.ts

@@ -1,13 +1,15 @@
 import { OverlayController } from '../../../lib/controller';
 import { ActionProps } from '../types';
 import { ActionState } from './ActionState';
+import { OverlayContext } from '../../../lib/controller/overlay/context';
+import { FlowComponentName } from '../../propTypes';
 
 interface InitObject {
     actionProps: ActionProps;
     parentAction?: ActionModel;
     confirmationModalController: OverlayController;
     needsConfirmation: boolean;
-    overlayController: OverlayController;
+    overlayContext: OverlayContext;
     state: ActionState;
 }
 export declare class ActionModel {
@@ -16,12 +18,12 @@ export declare class ActionModel {
     readonly actionProps: ActionProps;
     readonly parentAction?: ActionModel;
     readonly confirmationModalController: OverlayController;
-    readonly overlayController: OverlayController;
+    readonly overlayContext: OverlayContext;
     private constructor();
     static useNew(actionProps: ActionProps, init?: Partial<InitObject>): ActionModel;
     static use(): ActionModel;
     static useConfirmationAction(): ActionModel;
-    getOverlayController(): OverlayController | undefined;
+    getOverlayController(component: FlowComponentName): OverlayController | undefined;
     execute: (...args: unknown[]) => void;
 }
 export {};

package/dist/types/components/Action/types.d.ts

@@ -1,14 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { OverlayController } from '../../lib/controller';
 import { ActionModel } from './models/ActionModel';
+import { FlowComponentName } from '../propTypes';
 
 export type ActionFn = (...args: unknown[]) => unknown;
 export interface ActionProps extends PropsWithChildren {
     action?: ActionFn;
     actionModel?: ActionModel;
-    closeOverlay?: boolean | OverlayController;
-    openOverlay?: boolean | OverlayController;
-    toggleOverlay?: boolean | OverlayController;
+    closeOverlay?: FlowComponentName | OverlayController;
+    openOverlay?: FlowComponentName | OverlayController;
+    toggleOverlay?: FlowComponentName | OverlayController;
     break?: boolean;
     skip?: number | boolean;
     showFeedback?: boolean;

package/dist/types/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.d.ts

@@ -1,5 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
+import { OverlayTriggerProps } from '../../../OverlayTrigger';
 
-type Props = PropsWithChildren;
+type Props = Omit<OverlayTriggerProps, "overlayType">;
 export declare const ContextMenuTrigger: FC<Props>;
 export {};

package/dist/types/components/ContextualHelp/ContextualHelp.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
+import { default as React } from 'react';
 import { PopoverProps } from '../Popover';
 
 export type ContextualHelpProps = Omit<PopoverProps, "withTip">;
-export declare const ContextualHelp: FC<ContextualHelpProps>;
+export declare const ContextualHelp: React.ForwardRefExoticComponent<ContextualHelpProps & React.RefAttributes<never>>;
 export default ContextualHelp;

package/dist/types/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.d.ts

@@ -1,5 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
+import { OverlayTriggerProps } from '../../../OverlayTrigger';
 
-type Props = PropsWithChildren;
+type Props = Omit<OverlayTriggerProps, "overlayType">;
 export declare const ContextualHelpTrigger: FC<Props>;
 export {};

package/dist/types/components/Modal/components/ModalTrigger/ModalTrigger.d.ts

@@ -1,5 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
+import { OverlayTriggerProps } from '../../../OverlayTrigger';
 
-type Props = PropsWithChildren;
+type Props = Omit<OverlayTriggerProps, "overlayType">;
 export declare const ModalTrigger: FC<Props>;
 export {};

package/dist/types/components/OffCanvas/OffCanvas.d.ts

@@ -1,9 +1,10 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 import { OverlayController } from '../../lib/controller/overlay';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
-export interface OffCanvasProps extends PropsWithChildren {
+export interface OffCanvasProps extends PropsWithChildren, FlowComponentProps {
     controller?: OverlayController;
     className?: string;
 }
-export declare const OffCanvas: FC<OffCanvasProps>;
+export declare const OffCanvas: React.ForwardRefExoticComponent<OffCanvasProps & React.RefAttributes<never>>;
 export default OffCanvas;

package/dist/types/components/OffCanvas/components/OffCanvasTrigger/OffCanvasTrigger.d.ts

@@ -1,5 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
+import { OverlayTriggerProps } from '../../../OverlayTrigger';
 
-type Props = PropsWithChildren;
+type Props = Omit<OverlayTriggerProps, "overlayType">;
 export declare const OffCanvasTrigger: FC<Props>;
 export {};

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

@@ -1,5 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
+import { FlowComponentName } from '../propTypes';
 
-type Props = PropsWithChildren;
-export declare const OverlayTrigger: FC<Props>;
-export {};
+export interface OverlayTriggerProps extends PropsWithChildren {
+    overlayType: FlowComponentName;
+    isDefaultOpen?: boolean;
+}
+export declare const OverlayTrigger: FC<OverlayTriggerProps>;

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

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Popover/Popover.d.ts

@@ -6,5 +6,5 @@ export interface PopoverProps extends PropsWithChildren<Omit<Aria.PopoverProps,
     withTip?: boolean;
     controller?: OverlayController;
 }
-export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>>;
+export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<never>>;
 export default Popover;

package/dist/types/components/Popover/components/PopoverTrigger/PopoverTrigger.d.ts

@@ -1,5 +1,6 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from 'react';
+import { OverlayTriggerProps } from '../../../OverlayTrigger';
 
-type Props = PropsWithChildren;
+type Props = Omit<OverlayTriggerProps, "overlayType">;
 export declare const PopoverTrigger: FC<Props>;
 export {};

package/dist/types/components/Select/Select.d.ts

@@ -1,12 +1,14 @@
 import { PropsWithChildren, default as React } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithClassName } from '../../lib/types/props';
+import { OverlayController } from '../../lib/controller';
 
 import * as Aria from "react-aria-components";
 export interface SelectProps extends PropsWithChildren<Omit<Aria.SelectProps<{
     example: string;
 }>, "children" | "className">>, FlowComponentProps, PropsWithClassName {
     onChange?: (value: string) => void;
+    controller?: OverlayController;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<never>>;
 export default Select;

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

@@ -32,6 +32,9 @@ import { ModalProps } from '../Modal';
 import { SectionProps } from '../Section';
 import { SliderProps } from '../Slider';
 import { CounterBadgeProps } from '../CounterBadge';
+import { OffCanvasProps } from '../OffCanvas';
+import { ContextualHelpProps } from '../ContextualHelp';
+import { PopoverProps } from '../Popover';
 
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -44,6 +47,7 @@ export interface FlowComponentPropsTypes {
     CheckboxGroup: CheckboxGroupProps;
     Content: ContentProps;
     ContextMenu: ContextMenuProps;
+    ContextualHelp: ContextualHelpProps;
     CopyButton: CopyButtonProps;
     CounterBadge: CounterBadgeProps;
     FieldDescription: FieldDescriptionProps;
@@ -61,6 +65,8 @@ export interface FlowComponentPropsTypes {
     Modal: ModalProps;
     NumberField: NumberFieldProps;
     Option: OptionProps;
+    OffCanvas: OffCanvasProps;
+    Popover: PopoverProps;
     Radio: RadioProps;
     RadioButton: RadioButtonProps;
     RadioGroup: RadioGroupProps;

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

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { FlowComponentName } from '../../../components/propTypes';
+import { OverlayController } from '..';
+
+interface Props extends PropsWithChildren {
+    type: FlowComponentName;
+    controller: OverlayController;
+}
+export declare const OverlayContextProvider: FC<Props>;
+export default OverlayContextProvider;

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

@@ -1,4 +1,51 @@
 import { OverlayController } from './OverlayController';
+import { FlowComponentName } from '../../../components/propTypes';
 
-export declare const overlayContext: import('react').Context<OverlayController | undefined>;
-export declare const OverlayContextProvider: import('react').Provider<OverlayController | undefined>;
+export type OverlayContext = Partial<{
+    [C in FlowComponentName]: OverlayController | undefined;
+}>;
+export declare const overlayContext: import('react').Context<Partial<{
+    Action: OverlayController | undefined;
+    ActionGroup: OverlayController | undefined;
+    Avatar: OverlayController | undefined;
+    Button: OverlayController | undefined;
+    Checkbox: OverlayController | undefined;
+    CheckboxButton: OverlayController | undefined;
+    CheckboxGroup: OverlayController | undefined;
+    Content: OverlayController | undefined;
+    ContextMenu: OverlayController | undefined;
+    ContextualHelp: OverlayController | undefined;
+    CopyButton: OverlayController | undefined;
+    CounterBadge: OverlayController | undefined;
+    FieldDescription: OverlayController | undefined;
+    FieldError: OverlayController | undefined;
+    Header: OverlayController | undefined;
+    Heading: OverlayController | undefined;
+    Icon: OverlayController | undefined;
+    Image: OverlayController | undefined;
+    Initials: OverlayController | undefined;
+    InlineAlert: OverlayController | undefined;
+    Label: OverlayController | undefined;
+    LayoutCard: OverlayController | undefined;
+    Link: OverlayController | undefined;
+    MenuItem: OverlayController | undefined;
+    Modal: OverlayController | undefined;
+    NumberField: OverlayController | undefined;
+    Option: OverlayController | undefined;
+    OffCanvas: OverlayController | undefined;
+    Popover: OverlayController | undefined;
+    Radio: OverlayController | undefined;
+    RadioButton: OverlayController | undefined;
+    RadioGroup: OverlayController | undefined;
+    Section: OverlayController | undefined;
+    Select: OverlayController | undefined;
+    Slider: OverlayController | undefined;
+    StatusBadge: OverlayController | undefined;
+    Switch: OverlayController | undefined;
+    Tabs: OverlayController | undefined;
+    Text: OverlayController | undefined;
+    TextArea: OverlayController | undefined;
+    TextField: OverlayController | undefined;
+    TestComponent: OverlayController | undefined;
+}>>;
+export declare const useOverlayContext: () => OverlayContext;

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

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

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

@@ -10,6 +10,7 @@ export declare const propsContext: import('react').Context<Partial<{
     CheckboxGroup: import('./types').ComponentPropsContext<"CheckboxGroup">;
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
+    ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
     FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
@@ -27,6 +28,8 @@ export declare const propsContext: import('react').Context<Partial<{
     Modal: import('./types').ComponentPropsContext<"Modal">;
     NumberField: import('./types').ComponentPropsContext<"NumberField">;
     Option: import('./types').ComponentPropsContext<"Option">;
+    OffCanvas: import('./types').ComponentPropsContext<"OffCanvas">;
+    Popover: import('./types').ComponentPropsContext<"Popover">;
     Radio: import('./types').ComponentPropsContext<"Radio">;
     RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
     RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;
@@ -51,6 +54,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     CheckboxGroup: import('./types').ComponentPropsContext<"CheckboxGroup">;
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
+    ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
     FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
@@ -68,6 +72,8 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     Modal: import('./types').ComponentPropsContext<"Modal">;
     NumberField: import('./types').ComponentPropsContext<"NumberField">;
     Option: import('./types').ComponentPropsContext<"Option">;
+    OffCanvas: import('./types').ComponentPropsContext<"OffCanvas">;
+    Popover: import('./types').ComponentPropsContext<"Popover">;
     Radio: import('./types').ComponentPropsContext<"Radio">;
     RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
     RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;

package/dist/types/lib/slotContext/slotContext.d.ts

@@ -10,6 +10,7 @@ export declare const slotContext: import('react').Context<Partial<{
     CheckboxGroup: string;
     Content: string;
     ContextMenu: string;
+    ContextualHelp: string;
     CopyButton: string;
     CounterBadge: string;
     FieldDescription: string;
@@ -27,6 +28,8 @@ export declare const slotContext: import('react').Context<Partial<{
     Modal: string;
     NumberField: string;
     Option: string;
+    OffCanvas: string;
+    Popover: string;
     Radio: string;
     RadioButton: string;
     RadioGroup: string;

package/dist/useOverlayController-C88Gnnhi.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { O as s, u } from "./context-Bdh6m_8S.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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.142",
+  "version": "0.1.0-alpha.144",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -276,7 +276,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.142",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.144",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -303,7 +303,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.142",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.144",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.2.3",
     "@storybook/addon-a11y": "^8.1.6",
@@ -379,5 +379,5 @@
       "optional": true
     }
   },
-  "gitHead": "75513ce9e761cb187633810c14e9b4793f345aff"
+  "gitHead": "061d609704ce5d70cbd852839379a4eb3a331ada"
 }