@mittwald/flow-react-components 0.1.0-alpha.155 → 0.1.0-alpha.157

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

@@ -4,7 +4,7 @@ import { PopoverProps } from '../Popover';
 import { MenuItemProps } from '../MenuItem';
 
 import * as Aria from "react-aria-components";
-export interface ContextMenuProps extends PopoverProps, Pick<Aria.MenuProps<MenuItemProps>, "onAction" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange" | "disabledKeys">, FlowComponentProps {
+export interface ContextMenuProps extends Omit<PopoverProps, "withTip">, Pick<Aria.MenuProps<MenuItemProps>, "onAction" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange" | "disabledKeys">, FlowComponentProps {
     selectionMode?: "single" | "multiple" | "navigation";
 }
 export declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<never>>;

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren, default as React } from 'react';
+import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
+
+export type ContextMenuSectionProps = PropsWithChildren & FlowComponentProps;
+export declare const ContextMenuSection: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & FlowComponentProps & React.RefAttributes<never>>;

package/dist/types/components/ContextMenu/components/ContextMenuSection/index.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenuSection } from './ContextMenuSection';
+
+export * from './ContextMenuSection';
+export default ContextMenuSection;

package/dist/types/components/ContextMenu/stories/Default.stories.d.ts

@@ -9,3 +9,4 @@ export declare const SingleSelection: Story;
 export declare const MultipleSelection: Story;
 export declare const WithLinks: Story;
 export declare const WithSeparator: Story;
+export declare const WithContextMenuSection: Story;

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

@@ -35,6 +35,7 @@ import { CounterBadgeProps } from '../CounterBadge';
 import { OffCanvasProps } from '../OffCanvas';
 import { ContextualHelpProps } from '../ContextualHelp';
 import { PopoverProps } from '../Popover';
+import { ContextMenuSectionProps } from '../ContextMenu/components/ContextMenuSection';
 
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -47,6 +48,7 @@ export interface FlowComponentPropsTypes {
     CheckboxGroup: CheckboxGroupProps;
     Content: ContentProps;
     ContextMenu: ContextMenuProps;
+    ContextMenuSection: ContextMenuSectionProps;
     ContextualHelp: ContextualHelpProps;
     CopyButton: CopyButtonProps;
     CounterBadge: CounterBadgeProps;

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

@@ -14,6 +14,7 @@ export declare const overlayContext: import('react').Context<Partial<{
     CheckboxGroup: OverlayController | undefined;
     Content: OverlayController | undefined;
     ContextMenu: OverlayController | undefined;
+    ContextMenuSection: OverlayController | undefined;
     ContextualHelp: OverlayController | undefined;
     CopyButton: OverlayController | undefined;
     CounterBadge: OverlayController | undefined;

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">;
+    ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
     ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
@@ -54,6 +55,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     CheckboxGroup: import('./types').ComponentPropsContext<"CheckboxGroup">;
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
+    ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
     ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;

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;
+    ContextMenuSection: string;
     ContextualHelp: string;
     CopyButton: string;
     CounterBadge: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.155",
+  "version": "0.1.0-alpha.157",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.155",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.157",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.155",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.157",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.3.0",
     "@storybook/addon-a11y": "^8.1.10",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "fd0bc14df7bf0a2a7fb8f007660267b0dea9eb8f"
+  "gitHead": "338d6d3e6f896ba260bd94b438e01a745e185b40"
 }

package/dist/ContextMenuTrigger-DXPJlFQQ.js

@@ -1,83 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as s from "react-aria-components";
-import { f as g } from "./flowComponent-CWmvUeHT.js";
-import { P as d } from "./Popover-Me79N9-3.js";
-import "mobx";
-import { u as P } from "./useOverlayController-D8N4X2rc.js";
-import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import { O as T } from "./OverlayContextProvider-DJzKzUwy.js";
-import { A } from "./Action-DYTtbQCP.js";
-import { O as h } from "./OverlayTrigger-Bdb65OEJ.js";
-const w = "flow--context-menu", F = "flow--context-menu--popover", a = {
-  contextMenu: w,
-  popover: F
-}, G = g("ContextMenu", (t) => {
-  const {
-    children: r,
-    onAction: n,
-    selectionMode: o,
-    selectedKeys: c,
-    defaultSelectedKeys: i,
-    disabledKeys: m,
-    onSelectionChange: p,
-    refProp: u,
-    controller: C,
-    ...v
-  } = t, x = P("ContextMenu", {
-    reuseControllerFromContext: !0
-  }), l = C ?? x, f = o === "navigation" ? "single" : o, y = {
-    MenuItem: {
-      selectionVariant: o === "navigation" ? "navigation" : "control"
-    }
-  }, M = o === "single" || o === "navigation" ? "ContextMenu" : void 0;
-  return /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
-    d,
-    {
-      ...v,
-      className: a.popover,
-      controller: l
-    },
-    /* @__PURE__ */ e.createElement(
-      T,
-      {
-        type: "ContextMenu",
-        controller: l
-      },
-      /* @__PURE__ */ e.createElement(
-        s.Menu,
-        {
-          className: a.contextMenu,
-          onAction: n,
-          selectionMode: f,
-          selectedKeys: c,
-          defaultSelectedKeys: i,
-          disabledKeys: m,
-          onSelectionChange: p,
-          ref: u
-        },
-        /* @__PURE__ */ e.createElement(O, { props: y }, /* @__PURE__ */ e.createElement(A, { closeOverlay: M }, r))
-      )
-    )
-  ));
-}), H = (t) => {
-  const { children: r, ...n } = t;
-  return /* @__PURE__ */ e.createElement(
-    h,
-    {
-      overlayType: "ContextMenu",
-      ...n,
-      component: s.MenuTrigger
-    },
-    r
-  );
-};
-export {
-  G as C,
-  H as a
-};