@mittwald/flow-react-components 0.1.0-alpha.354 → 0.1.0-alpha.356

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,32 @@
3
3
  All notable changes to this project will be documented in this file. See
4
4
  [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.1.0-alpha.356](https://github.com/mittwald/flow/compare/0.1.0-alpha.355...0.1.0-alpha.356) (2024-11-26)
7
+
8
+ ### Features
9
+
10
+ - **ContextMenu:** support Avatar in ContextMenu
11
+ ([#1003](https://github.com/mittwald/flow/issues/1003))
12
+ ([5f03c84](https://github.com/mittwald/flow/commit/5f03c8441cb67ff5248457fbe2ba5697f5e0b1c4))
13
+
14
+ # Change Log
15
+
16
+ All notable changes to this project will be documented in this file. See
17
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
18
+
19
+ # [0.1.0-alpha.355](https://github.com/mittwald/flow/compare/0.1.0-alpha.354...0.1.0-alpha.355) (2024-11-26)
20
+
21
+ ### Bug Fixes
22
+
23
+ - **List:** list item without action should not have a hover effect
24
+ ([#999](https://github.com/mittwald/flow/issues/999))
25
+ ([2dc94b8](https://github.com/mittwald/flow/commit/2dc94b8b9da0c207e38186e65c2693c1e31a5bf1))
26
+
27
+ # Change Log
28
+
29
+ All notable changes to this project will be documented in this file. See
30
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
31
+
6
32
  # [0.1.0-alpha.354](https://github.com/mittwald/flow/compare/0.1.0-alpha.353...0.1.0-alpha.354) (2024-11-25)
7
33
 
8
34
  ### Bug Fixes
@@ -1 +1 @@
1
- .flow--context-menu{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu hr{margin-block:var(--menu--separator-to-item-spacing)}.flow--context-menu:focus-visible{outline:none}.flow--context-menu--section{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu--popover-content.flow--context-menu--popover-content{padding:var(--context-menu--padding)}
1
+ .flow--context-menu{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu hr{margin-block:var(--menu--separator-to-item-spacing)}.flow--context-menu:focus-visible{outline:none}.flow--context-menu--section{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu--section:has(.flow--avatar){align-items:center;padding-top:var(--context-menu--padding)}.flow--context-menu--popover-content.flow--context-menu--popover-content{padding:var(--context-menu--padding)}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./ContextMenuTrigger-Dc-Np62m.js";
4
- import { a } from "./ContextMenuTrigger-Dc-Np62m.js";
3
+ import { C as t } from "./ContextMenuTrigger-ClyNKT8M.js";
4
+ import { a } from "./ContextMenuTrigger-ClyNKT8M.js";
5
5
  import { M as n } from "./MenuItem-CmXY1SHp.js";
6
6
  export {
7
7
  t as ContextMenu,
@@ -6,13 +6,13 @@ import { s } from "./ContextMenu.module-BZingr2B.js";
6
6
  import { f as c } from "./flowComponent-D-FBrwbQ.js";
7
7
  import { P } from "./Popover-BrvR8xG2.js";
8
8
  import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
9
- import { PropsContextProvider as O } from "./PropsContextProvider.js";
9
+ import { PropsContextProvider as A } from "./PropsContextProvider.js";
10
10
  import "@react-aria/utils";
11
11
  import "./propsContext-DzAKlmhS.js";
12
12
  import "remeda";
13
13
  import "mobx";
14
- import { u as T } from "./useOverlayController-BwSJj4Ly.js";
15
- import { O as S, a as A } from "./OverlayTrigger-j2zD8W4S.js";
14
+ import { u as O } from "./useOverlayController-BwSJj4Ly.js";
15
+ import { O as T, a as S } from "./OverlayTrigger-j2zD8W4S.js";
16
16
  import { A as h } from "./Action-Bcw69Ub4.js";
17
17
  const B = c("ContextMenu", (t) => {
18
18
  const {
@@ -26,15 +26,21 @@ const B = c("ContextMenu", (t) => {
26
26
  refProp: v,
27
27
  controller: g,
28
28
  ...x
29
- } = t, M = T("ContextMenu", {
29
+ } = t, M = O("ContextMenu", {
30
30
  reuseControllerFromContext: !0
31
31
  }), l = g ?? M, f = o === "navigation" ? "none" : o, a = o === "navigation" ? "navigation" : "control", y = {
32
32
  MenuItem: {
33
- selectionVariant: a
33
+ selectionVariant: a,
34
+ Avatar: {
35
+ size: "l"
36
+ }
34
37
  },
35
38
  Section: {
36
39
  MenuItem: {
37
- selectionVariant: a
40
+ selectionVariant: a,
41
+ Avatar: {
42
+ size: "l"
43
+ }
38
44
  },
39
45
  renderContextMenuSection: !0
40
46
  }
@@ -48,7 +54,7 @@ const B = c("ContextMenu", (t) => {
48
54
  isDialogContent: !1
49
55
  },
50
56
  /* @__PURE__ */ e.createElement(
51
- S,
57
+ T,
52
58
  {
53
59
  type: "ContextMenu",
54
60
  controller: l
@@ -65,7 +71,7 @@ const B = c("ContextMenu", (t) => {
65
71
  onSelectionChange: u,
66
72
  ref: v
67
73
  },
68
- /* @__PURE__ */ e.createElement(O, { props: y }, /* @__PURE__ */ e.createElement(h, { closeOverlay: d }, r))
74
+ /* @__PURE__ */ e.createElement(A, { props: y }, /* @__PURE__ */ e.createElement(h, { closeOverlay: d }, r))
69
75
  )
70
76
  )
71
77
  ));
@@ -74,7 +80,7 @@ const B = c("ContextMenu", (t) => {
74
80
  (t) => {
75
81
  const { children: r, ...n } = t;
76
82
  return /* @__PURE__ */ e.createElement(
77
- A,
83
+ S,
78
84
  {
79
85
  overlayType: "ContextMenu",
80
86
  ...n,
package/dist/js/List.js CHANGED
@@ -13,7 +13,7 @@ import { B as w } from "./Button-DCUWhBV1.js";
13
13
  import { IconArrowBackUp as ot } from "@tabler/icons-react";
14
14
  import { I as he } from "./Icon-CxrvfV3P.js";
15
15
  import { I as lt } from "./IconContextMenu-DTUG7bob.js";
16
- import { a as O, C as Q } from "./ContextMenuTrigger-Dc-Np62m.js";
16
+ import { a as O, C as Q } from "./ContextMenuTrigger-ClyNKT8M.js";
17
17
  import { M as X } from "./MenuItem-CmXY1SHp.js";
18
18
  import { useLocalizedStringFormatter as F } from "react-aria";
19
19
  import { TunnelProvider as Ee, TunnelExit as $ } from "@mittwald/react-tunnel";
@@ -1032,9 +1032,9 @@ const Ms = "flow--list--items", xs = "flow--list--items--is-loading", ve = {
1032
1032
  }, [l, c, u.current, m]), !m)
1033
1033
  return {
1034
1034
  gridItemProps: {
1035
- onAction: () => {
1035
+ onAction: o ? () => {
1036
1036
  o == null || o(e);
1037
- }
1037
+ } : void 0
1038
1038
  },
1039
1039
  children: E
1040
1040
  };
package/dist/js/Tabs.js CHANGED
@@ -6,7 +6,7 @@ import u from "clsx";
6
6
  import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
7
7
  import { f as O } from "./flowComponent-D-FBrwbQ.js";
8
8
  import { useCallbackRef as S } from "use-callback-ref";
9
- import { a as A, C as B } from "./ContextMenuTrigger-Dc-Np62m.js";
9
+ import { a as A, C as B } from "./ContextMenuTrigger-ClyNKT8M.js";
10
10
  import { M as K } from "./MenuItem-CmXY1SHp.js";
11
11
  import { B as L } from "./Button-DCUWhBV1.js";
12
12
  import "@tabler/icons-react";