@mittwald/flow-react-components 0.1.0-alpha.66 → 0.1.0-alpha.67

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

@@ -1,10 +1,10 @@
 import { PopoverProps } from '../Popover';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { ContextMenuItemProps } from './components/ContextMenuItem';
+import { MenuItemProps } from 'src/components/MenuItem';
 import { default as React } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface ContextMenuProps extends PopoverProps, Pick<Aria.MenuProps<ContextMenuItemProps>, "onAction" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange">, FlowComponentProps {
+export interface ContextMenuProps extends PopoverProps, Pick<Aria.MenuProps<MenuItemProps>, "onAction" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange">, FlowComponentProps {
 }
 export declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<never>>;
 export default ContextMenu;

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

@@ -1,6 +1,6 @@
 import { ContextMenu } from './ContextMenu';
 
 export { type ContextMenuProps, ContextMenu } from './ContextMenu';
-export * from './components/ContextMenuItem';
+export * from '../MenuItem';
 export { MenuTrigger as ContextMenuTrigger } from 'react-aria-components';
 export default ContextMenu;

package/dist/types/components/Icon/components/icons/IconCode.d.ts

@@ -0,0 +1,5 @@
+import { Icon } from '../..';
+import { ComponentProps, FC } from 'react';
+
+export declare const IconCode: FC<Omit<ComponentProps<typeof Icon>, "children">>;
+export default IconCode;

package/dist/types/components/Icon/components/icons/index.d.ts

@@ -10,6 +10,7 @@ export { IconChevronLeft } from './IconChevronLeft';
 export { IconChevronRight } from './IconChevronRight';
 export { IconChevronUp } from './IconChevronUp';
 export { IconClose } from './IconClose';
+export { IconCode } from './IconCode';
 export { IconContextMenu } from './IconContextMenu';
 export { IconCopy } from './IconCopy';
 export { IconCronjob } from './IconCronjob';

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

@@ -0,0 +1,7 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
+export interface IllustratedMessageProps extends PropsWithChildren<ComponentProps<"div">> {
+    variant?: "info" | "negative";
+}
+export declare const IllustratedMessage: FC<IllustratedMessageProps>;
+export default IllustratedMessage;

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

@@ -0,0 +1,4 @@
+import { IllustratedMessage } from './IllustratedMessage';
+
+export { type IllustratedMessageProps, IllustratedMessage, } from './IllustratedMessage';
+export default IllustratedMessage;

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

@@ -0,0 +1,8 @@
+import { default as IllustratedMessage } from '../IllustratedMessage';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof IllustratedMessage>;
+export default meta;
+type Story = StoryObj<typeof IllustratedMessage>;
+export declare const Default: Story;
+export declare const Negative: Story;

package/dist/types/components/IllustratedMessage/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,8 @@
+import { IllustratedMessage } from '../IllustratedMessage';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof IllustratedMessage>;
+export default meta;
+type Story = StoryObj<typeof IllustratedMessage>;
+export declare const LongTexts: Story;
+export declare const SmallSpace: Story;

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

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+
+import * as Aria from "react-aria-components";
+export interface MenuItemProps extends Omit<Aria.MenuItemProps, "children">, PropsWithChildren {
+}
+export declare const MenuItem: FC<MenuItemProps>;
+export default MenuItem;

package/dist/types/components/{ContextMenu/components/ContextMenuItem/ContextMenuItemContent.d.ts → MenuItem/MenuItemContent.d.ts}

@@ -2,5 +2,5 @@ import { FC, PropsWithChildren } from 'react';
 
 import type * as Aria from "react-aria-components";
 type Props = Aria.MenuItemRenderProps & PropsWithChildren;
-export declare const ContextMenuItemContent: FC<Props>;
+export declare const MenuItemContent: FC<Props>;
 export {};

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

@@ -0,0 +1,4 @@
+import { MenuItem } from './MenuItem';
+
+export { MenuItem, type MenuItemProps } from './MenuItem';
+export default MenuItem;

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

@@ -1,7 +1,8 @@
-import { FC, PropsWithChildren } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TabsProps extends Omit<Aria.TabsProps, "children">, PropsWithChildren {
+export interface TabsProps extends Omit<Aria.TabsProps, "children">, PropsWithChildren, FlowComponentProps {
 }
-export declare const Tabs: FC<TabsProps>;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<never>>;
 export default Tabs;

package/dist/types/components/Tabs/components/Tab/context.d.ts

@@ -2,6 +2,6 @@
 interface TabContext {
     id?: string;
 }
-export declare const useTabTabContext: () => TabContext;
+export declare const useTabContext: () => TabContext;
 export declare const TabContextProvider: import('react').Provider<TabContext>;
 export {};

package/dist/types/components/Tabs/components/TabTitle/TabTitle.d.ts

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TabTitleProps extends Omit<Aria.TabProps, "children" | "id">, PropsWithChildren {
+export interface TabTitleProps extends Omit<Aria.TabProps, "children" | "id" | "isDisabled">, PropsWithChildren {
 }
 export declare const TabTitle: FC<TabTitleProps>;
 export default TabTitle;

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

@@ -1,3 +1,4 @@
+import { TabsProps } from '../Tabs';
 import { CheckboxButtonProps } from '../CheckboxButton';
 import { CheckboxProps } from '../Checkbox';
 import { CheckboxGroupProps } from '../CheckboxGroup';
@@ -35,8 +36,8 @@ export interface FlowComponentPropsTypes {
     Button: ButtonProps;
     ButtonGroup: ButtonGroupProps;
     Checkbox: CheckboxProps;
-    CheckboxGroup: CheckboxGroupProps;
     CheckboxButton: CheckboxButtonProps;
+    CheckboxGroup: CheckboxGroupProps;
     Content: ContentProps;
     ContextMenu: ContextMenuProps;
     CopyButton: CopyButtonProps;
@@ -59,6 +60,7 @@ export interface FlowComponentPropsTypes {
     Select: SelectProps;
     StatusBadge: StatusBadgeProps;
     Switch: SwitchProps;
+    Tabs: TabsProps;
     Text: TextProps;
     TextArea: TextAreaProps;
     TextField: TextFieldProps;

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

@@ -4,6 +4,7 @@ import { DependencyList, FC, PropsWithChildren } from 'react';
 interface Props extends PropsWithChildren {
     props: PropsContextShape;
     dependencies?: DependencyList;
+    mergeInParentContext?: boolean;
 }
 export declare const PropsContextProvider: FC<Props>;
 export default PropsContextProvider;

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

@@ -1,4 +1,4 @@
 import { PropsContext } from './types';
 
-export declare const mergePropsContext: (firstContext: PropsContext, secondContext: PropsContext) => PropsContext;
+export declare const mergePropsContext: (firstContext?: PropsContext, secondContext?: PropsContext) => PropsContext;
 export default mergePropsContext;

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

@@ -6,8 +6,8 @@ export declare const propsContext: import('react').Context<Partial<{
     Button: import("@/lib/propsContext/types").ComponentPropsContext<"Button">;
     ButtonGroup: import("@/lib/propsContext/types").ComponentPropsContext<"ButtonGroup">;
     Checkbox: import("@/lib/propsContext/types").ComponentPropsContext<"Checkbox">;
-    CheckboxGroup: import("@/lib/propsContext/types").ComponentPropsContext<"CheckboxGroup">;
     CheckboxButton: import("@/lib/propsContext/types").ComponentPropsContext<"CheckboxButton">;
+    CheckboxGroup: import("@/lib/propsContext/types").ComponentPropsContext<"CheckboxGroup">;
     Content: import("@/lib/propsContext/types").ComponentPropsContext<"Content">;
     ContextMenu: import("@/lib/propsContext/types").ComponentPropsContext<"ContextMenu">;
     CopyButton: import("@/lib/propsContext/types").ComponentPropsContext<"CopyButton">;
@@ -30,6 +30,7 @@ export declare const propsContext: import('react').Context<Partial<{
     Select: import("@/lib/propsContext/types").ComponentPropsContext<"Select">;
     StatusBadge: import("@/lib/propsContext/types").ComponentPropsContext<"StatusBadge">;
     Switch: import("@/lib/propsContext/types").ComponentPropsContext<"Switch">;
+    Tabs: import("@/lib/propsContext/types").ComponentPropsContext<"Tabs">;
     Text: import("@/lib/propsContext/types").ComponentPropsContext<"Text">;
     TextArea: import("@/lib/propsContext/types").ComponentPropsContext<"TextArea">;
     TextField: import("@/lib/propsContext/types").ComponentPropsContext<"TextField">;

package/dist/types/lib/react/getPropsMerger.d.ts

@@ -2,6 +2,7 @@ import { mergeProps as ariaMergeProps } from '@react-aria/utils';
 
 interface MergePropsOptions {
     mergeClassNames?: boolean;
+    mergeEventHandler?: boolean;
 }
 export declare const getPropsMerger: (options?: MergePropsOptions) => typeof ariaMergeProps;
 export {};

package/dist/{useProps-DoKnPAup.js → useProps-BqLmWTTi.js}

@@ -4,15 +4,15 @@ import { mergeProps as s } from "@react-aria/utils";
 import { u as p } from "./propsContext-CauylOgH.js";
 import c, { isValidElement as d } from "react";
 import { pickBy as a, omit as m } from "remeda";
-import { P as C } from "./PropsContextProvider-BcOGMJkn.js";
+import { P as C } from "./PropsContextProvider-DkNLd3Yj.js";
 const l = {
   Action: !0,
   Avatar: !0,
   Button: !0,
   ButtonGroup: !0,
   Checkbox: !0,
-  CheckboxGroup: !0,
   CheckboxButton: !0,
+  CheckboxGroup: !0,
   Content: !0,
   ContextMenu: !0,
   CopyButton: !0,
@@ -35,6 +35,7 @@ const l = {
   StatusBadge: !0,
   Select: !0,
   Switch: !0,
+  Tabs: !0,
   TestComponent: !0,
   Text: !0,
   TextArea: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.66",
+  "version": "0.1.0-alpha.67",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -46,6 +46,10 @@
       "types": "./dist/types/components/Content/index.d.ts",
       "import": "./dist/Content.js"
     },
+    "./IllustratedMessage": {
+      "types": "./dist/types/components/IllustratedMessage/index.d.ts",
+      "import": "./dist/IllustratedMessage.js"
+    },
     "./ContextMenu": {
       "types": "./dist/types/components/ContextMenu/index.d.ts",
       "import": "./dist/ContextMenu.js"
@@ -126,6 +130,10 @@
       "types": "./dist/types/components/List/components/ListLoaderAsyncResource.d.ts",
       "import": "./dist/List/ListLoaderAsyncResource.js"
     },
+    "./MenuItem": {
+      "types": "./dist/types/components/MenuItem/index.d.ts",
+      "import": "./dist/MenuItem.js"
+    },
     "./Modal": {
       "types": "./dist/types/components/Modal/index.d.ts",
       "import": "./dist/Modal.js"
@@ -241,7 +249,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.65",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.67",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^18.2.4",
     "@storybook/addon-a11y": "^8.0.6",
@@ -316,5 +324,5 @@
       "optional": true
     }
   },
-  "gitHead": "9bdbe8df30140d2017e418b1147b13163857e6fc"
+  "gitHead": "4dde4841ef3a5f19adfc07884db98ce0dbd80924"
 }

package/dist/ContextMenuItem-k4nwztKS.js

@@ -1,67 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as i from "react-aria-components";
-import { f as x } from "./flowComponent-CEo3pjEA.js";
-import { P as f } from "./Popover-MmxZkKu3.js";
-import d from "clsx";
-import "./propsContext-CauylOgH.js";
-import { P as C } from "./PropsContextProvider-BcOGMJkn.js";
-import "@react-aria/utils";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I, a as M } from "./IconCheckboxEmpty-BneZ_izo.js";
-import { I as E, a as h } from "./IconRadioOn-DNpq9Xk7.js";
-import { T as a } from "./Text-D7C_T7CE.js";
-import { d as y } from "./deepFindOfType-6pG0fH7S.js";
-import { W as N } from "./Wrap-DGT1h1o3.js";
-const w = "flow--context-menu", P = {
-  contextMenu: w
-}, J = x("ContextMenu", (n) => {
-  const {
-    children: t,
-    onAction: o,
-    selectionMode: c,
-    selectedKeys: s,
-    defaultSelectedKeys: m,
-    onSelectionChange: r,
-    ref: p,
-    ...u
-  } = n;
-  return /* @__PURE__ */ e.createElement(f, { ...u }, /* @__PURE__ */ e.createElement(
-    i.Menu,
-    {
-      className: P.contextMenu,
-      onAction: o,
-      selectionMode: c,
-      selectedKeys: s,
-      defaultSelectedKeys: m,
-      onSelectionChange: r,
-      ref: p
-    },
-    t
-  ));
-}), T = "flow--context-menu--context-menu-item", g = "flow--context-menu--context-menu-item--icon", k = "flow--context-menu--context-menu-item--text", l = {
-  contextMenuItem: T,
-  icon: g,
-  text: k
-}, O = (n, t) => !!y(n, t), R = (n) => {
-  const { selectionMode: t, isSelected: o, children: c } = n, s = {
-    Icon: {
-      className: l.icon
-    },
-    Text: {
-      className: l.text
-    }
-  }, m = t === "none" ? null : t === "single" && o ? /* @__PURE__ */ e.createElement(E, null) : t === "single" && !o ? /* @__PURE__ */ e.createElement(h, null) : t === "multiple" && o ? /* @__PURE__ */ e.createElement(I, null) : /* @__PURE__ */ e.createElement(M, null), r = O(c, a);
-  return /* @__PURE__ */ e.createElement(C, { props: s }, m, /* @__PURE__ */ e.createElement(N, { if: !r }, /* @__PURE__ */ e.createElement(a, null, c)));
-}, L = (n) => {
-  const { children: t, className: o, ...c } = n, s = d(l.contextMenuItem, o);
-  return /* @__PURE__ */ e.createElement(i.MenuItem, { ...c, className: s }, (m) => /* @__PURE__ */ e.createElement(R, { ...m }, t));
-};
-export {
-  J as C,
-  L as a,
-  O as d
-};

package/dist/FieldError-CBxCl2nS.js

@@ -1,22 +0,0 @@
-"use client"
-/* */
-import r from "react";
-import * as a from "react-aria-components";
-import i from "clsx";
-import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
-import "./propsContext-CauylOgH.js";
-import "@react-aria/utils";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I as p } from "./IconDanger-BKH4QbJ1.js";
-import { f } from "./flowComponent-CEo3pjEA.js";
-const E = "flow--field-error", d = {
-  fieldError: E
-}, y = f("FieldError", (o) => {
-  const { children: e, className: t, ref: l, ...m } = o, s = i(d.fieldError, t);
-  return /* @__PURE__ */ r.createElement(c, null, /* @__PURE__ */ r.createElement(a.FieldError, { ...m, className: s, ref: l }, ({ validationErrors: n }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(p, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || n.join(" ")))));
-});
-export {
-  y as F
-};

package/dist/InlineCode-CI8164C6.js

@@ -1,17 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import l from "clsx";
-import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
-import "./propsContext-CauylOgH.js";
-import "@react-aria/utils";
-import "remeda";
-const c = "flow--inline-code", m = {
-  inlineCode: c
-}, N = (o) => {
-  const { children: t, className: n, ...r } = o, s = l(m.inlineCode, n);
-  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement("code", { ...r, className: s }, t));
-};
-export {
-  N as I
-};

package/dist/PropsContextProvider-BcOGMJkn.js

@@ -1,25 +0,0 @@
-"use client"
-/* */
-import a, { useMemo as t, isValidElement as s, cloneElement as P } from "react";
-import { p as h } from "./propsContext-CauylOgH.js";
-const u = (n) => {
-  const {
-    props: p,
-    dependencies: d = [],
-    children: e,
-    ...r
-  } = n, i = t(() => p, d), o = s(e) ? {
-    ...r,
-    ...e.props
-  } : r, c = [
-    e,
-    ...Object.entries(o).flatMap((m) => m)
-  ], l = t(
-    () => s(e) ? P(e, o) : e,
-    c
-  );
-  return /* @__PURE__ */ a.createElement(h.Provider, { value: i }, l);
-};
-export {
-  u as P
-};

package/dist/flowComponent-CEo3pjEA.js

@@ -1,19 +0,0 @@
-"use client"
-/* */
-import n, { forwardRef as u } from "react";
-import "./propsContext-CauylOgH.js";
-import { u as a } from "./useProps-DoKnPAup.js";
-import { TunnelEntry as c } from "@mittwald/react-tunnel";
-function w(m, f) {
-  return u((t, i) => {
-    const { tunnelId: r, hoc: o, ...l } = a(
-      m,
-      t
-    );
-    let e = /* @__PURE__ */ n.createElement(f, { ...l, ref: i });
-    return o && (e = o(e, t)), r && (e = /* @__PURE__ */ n.createElement(c, { id: r }, e)), e;
-  });
-}
-export {
-  w as f
-};

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

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-
-import * as Aria from "react-aria-components";
-export interface ContextMenuItemProps extends Omit<Aria.MenuItemProps, "children">, PropsWithChildren {
-}
-export declare const ContextMenuItem: FC<ContextMenuItemProps>;
-export default ContextMenuItem;

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

@@ -1,4 +0,0 @@
-import { ContextMenuItem } from './ContextMenuItem';
-
-export { ContextMenuItem, type ContextMenuItemProps } from './ContextMenuItem';
-export default ContextMenuItem;