@mittwald/flow-react-components 0.1.0-alpha.322 → 0.1.0-alpha.324

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.
@@ -9,46 +9,46 @@ import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "@tabler/icons-react";
11
11
  import "./Icon-DGqvukLZ.js";
12
- import { I as x, a as d } from "./IconCheckboxEmpty-Nnjs5-Pv.js";
13
- import { I as E, a as C } from "./IconRadioOn-CR0g7TLz.js";
12
+ import { I as x, a as E } from "./IconCheckboxEmpty-Nnjs5-Pv.js";
13
+ import { I as d, a as C } from "./IconRadioOn-CR0g7TLz.js";
14
14
  import { T as p } from "./Text-_cq3RnbD.js";
15
- import { d as h } from "./deepFindOfType-6pG0fH7S.js";
15
+ import { d as h } from "./deepHas-KHS5X1F_.js";
16
16
  import { W as M } from "./Wrap-DGT1h1o3.js";
17
17
  import { f as N } from "./flowComponent-1wOIvUIq.js";
18
- const w = "flow--menu-item", T = "flow--menu-item--icon", g = "flow--menu-item--text", P = "flow--menu-item--control-icon", c = {
18
+ const w = "flow--menu-item", g = "flow--menu-item--icon", P = "flow--menu-item--text", T = "flow--menu-item--control-icon", n = {
19
19
  menuItem: w,
20
- icon: T,
21
- text: g,
22
- controlIcon: P
23
- }, k = (o, t) => !!h(o, t), y = (o) => {
20
+ icon: g,
21
+ text: P,
22
+ controlIcon: T
23
+ }, k = (c) => {
24
24
  const {
25
25
  selectionMode: t,
26
- isSelected: n,
26
+ isSelected: o,
27
27
  selectionVariant: m = "control",
28
28
  children: r
29
- } = o, l = {
29
+ } = c, l = {
30
30
  Icon: {
31
- className: c.icon
31
+ className: n.icon
32
32
  },
33
33
  Text: {
34
- className: c.text
34
+ className: n.text
35
35
  }
36
36
  }, s = {
37
37
  Icon: {
38
- className: f(c.controlIcon, c.icon)
38
+ className: f(n.controlIcon, n.icon)
39
39
  }
40
- }, a = t === "none" || m === "navigation" ? null : t === "single" && n ? /* @__PURE__ */ e.createElement(E, null) : t === "single" && !n ? /* @__PURE__ */ e.createElement(C, null) : t === "multiple" && n ? /* @__PURE__ */ e.createElement(x, null) : /* @__PURE__ */ e.createElement(d, null), u = k(r, p);
40
+ }, a = t === "none" || m === "navigation" ? null : t === "single" && o ? /* @__PURE__ */ e.createElement(d, null) : t === "single" && !o ? /* @__PURE__ */ e.createElement(C, null) : t === "multiple" && o ? /* @__PURE__ */ e.createElement(x, null) : /* @__PURE__ */ e.createElement(E, null), u = h(r, p);
41
41
  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, { props: s }, a), /* @__PURE__ */ e.createElement(i, { props: l }, /* @__PURE__ */ e.createElement(M, { if: !u }, /* @__PURE__ */ e.createElement(p, null, r))));
42
- }, D = N("MenuItem", (o) => {
42
+ }, B = N("MenuItem", (c) => {
43
43
  const {
44
44
  children: t,
45
- className: n,
45
+ className: o,
46
46
  selectionVariant: m,
47
47
  refProp: r,
48
48
  ...l
49
- } = o, s = f(c.menuItem, n);
50
- return /* @__PURE__ */ e.createElement(I.MenuItem, { ...l, className: s, ref: r }, (a) => /* @__PURE__ */ e.createElement(y, { ...a, selectionVariant: m }, t));
49
+ } = c, s = f(n.menuItem, o);
50
+ return /* @__PURE__ */ e.createElement(I.MenuItem, { ...l, className: s, ref: r }, (a) => /* @__PURE__ */ e.createElement(k, { ...a, selectionVariant: m }, t));
51
51
  });
52
52
  export {
53
- D as M
53
+ B as M
54
54
  };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { M as t } from "./MenuItem-BHTxlZbm.js";
3
+ import { M as t } from "./MenuItem-DZ6wEuiI.js";
4
4
  export {
5
5
  t as MenuItem,
6
6
  t as default
@@ -1,13 +1,13 @@
1
1
  "use client"
2
2
  /* */
3
- import e, { useId as f } from "react";
3
+ import e, { useId as v } from "react";
4
4
  import d from "clsx";
5
- import { d as v } from "./deepFindOfType-6pG0fH7S.js";
6
- import { W as E } from "./Wrap-DGT1h1o3.js";
5
+ import { W as f } from "./Wrap-DGT1h1o3.js";
7
6
  import "./propsContext-DzAKlmhS.js";
8
7
  import { PropsContextProvider as l } from "./PropsContextProvider.js";
9
8
  import "@react-aria/utils";
10
9
  import "remeda";
10
+ import { d as E } from "./deepHas-KHS5X1F_.js";
11
11
  import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
12
12
  import { A as x } from "./Accordion-za0RoF1r.js";
13
13
  import { C as N } from "./Content-DW8OnKPj.js";
@@ -17,8 +17,8 @@ const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigatio
17
17
  icon: b,
18
18
  text: w,
19
19
  controlIcon: P
20
- }, z = (i) => {
21
- const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o = !!v(n, y), a = {
20
+ }, B = (i) => {
21
+ const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o = E(n, G), a = {
22
22
  Link: {
23
23
  wrapWith: /* @__PURE__ */ e.createElement("li", null),
24
24
  className: r.item,
@@ -31,12 +31,12 @@ const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigatio
31
31
  }
32
32
  }
33
33
  };
34
- return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(E, { if: !o }, /* @__PURE__ */ e.createElement("ul", null, n))));
34
+ return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(f, { if: !o }, /* @__PURE__ */ e.createElement("ul", null, n))));
35
35
  }, h = "flow--navigation--navigation-group", k = "flow--navigation--navigation-group--label", g = {
36
36
  navigationGroup: h,
37
37
  label: k
38
- }, y = (i) => {
39
- const { children: t, className: n, collapsable: s, ...c } = i, o = d(g.navigationGroup, n), a = f(), m = {
38
+ }, G = (i) => {
39
+ const { children: t, className: n, collapsable: s, ...c } = i, o = d(g.navigationGroup, n), a = v(), m = {
40
40
  Label: {
41
41
  id: a,
42
42
  className: g.label,
@@ -57,7 +57,7 @@ const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigatio
57
57
  )));
58
58
  };
59
59
  export {
60
- z as Navigation,
61
- y as NavigationGroup,
62
- z as default
60
+ B as Navigation,
61
+ G as NavigationGroup,
62
+ B as default
63
63
  };
@@ -7,24 +7,24 @@ import "./propsContext-DzAKlmhS.js";
7
7
  import { PropsContextProvider as C } from "./PropsContextProvider.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as g } from "./FieldError-BvH18haz.js";
10
+ import { F } from "./FieldError-BvH18haz.js";
11
11
  import { C as G } from "./ColumnLayout-CLtV-itI.js";
12
12
  import { TunnelProvider as I, TunnelExit as c } from "@mittwald/react-tunnel";
13
13
  import { f as l } from "./FormField.module-CqWpTQKP.js";
14
- import { d as P } from "./deepFindOfType-6pG0fH7S.js";
15
14
  import { C as R } from "./ClearPropsContext-CUvsbMn8.js";
16
15
  import "@tabler/icons-react";
17
16
  import "./Icon-DGqvukLZ.js";
18
- import { I as w, a as B } from "./IconRadioOn-CR0g7TLz.js";
17
+ import { I as P, a as w } from "./IconRadioOn-CR0g7TLz.js";
19
18
  import { f } from "./flowComponent-1wOIvUIq.js";
20
19
  import "dot-prop";
20
+ import { d as B } from "./deepHas-KHS5X1F_.js";
21
21
  const y = "flow--radio-group", m = {
22
22
  radioGroup: y
23
- }, h = "flow--radio-group--radio-button", D = "flow--radio-group--radio-button--content", T = "flow--radio-group--radio-button--label", d = {
23
+ }, h = "flow--radio-group--radio-button", D = "flow--radio-group--radio-button--content", v = "flow--radio-group--radio-button--label", d = {
24
24
  radioButton: h,
25
25
  content: D,
26
- label: T
27
- }, v = f("RadioButton", (r) => {
26
+ label: v
27
+ }, T = f("RadioButton", (r) => {
28
28
  const { children: e, className: t, refProp: a, ...n } = r, s = u(d.radioButton, t), i = {
29
29
  Text: {
30
30
  className: d.label
@@ -39,7 +39,7 @@ const y = "flow--radio-group", m = {
39
39
  l.formField,
40
40
  m.radioGroupContainer,
41
41
  t
42
- ), F = {
42
+ ), g = {
43
43
  Label: {
44
44
  className: l.label
45
45
  },
@@ -57,12 +57,12 @@ const y = "flow--radio-group", m = {
57
57
  Radio: {
58
58
  tunnelId: "radios"
59
59
  }
60
- }, E = !!P(e, v);
60
+ }, E = B(e, T);
61
61
  return /* @__PURE__ */ o.createElement(N.RadioGroup, { ...b, className: x, ref: i }, /* @__PURE__ */ o.createElement(I, null, /* @__PURE__ */ o.createElement(
62
62
  C,
63
63
  {
64
64
  dependencies: ["radio"],
65
- props: F,
65
+ props: g,
66
66
  mergeInParentContext: !0
67
67
  },
68
68
  e,
@@ -70,17 +70,17 @@ const y = "flow--radio-group", m = {
70
70
  !E && /* @__PURE__ */ o.createElement("div", { className: m.radioGroup }, /* @__PURE__ */ o.createElement(c, { id: "radios" })),
71
71
  /* @__PURE__ */ o.createElement(c, { id: "fieldDescription" }),
72
72
  /* @__PURE__ */ o.createElement(c, { id: "fieldError" })
73
- )), /* @__PURE__ */ o.createElement(g, { className: l.fieldError }));
74
- }), O = "flow--radio-group--radio", L = "flow--radio-group--radio--icon", p = {
75
- radio: O,
76
- icon: L
73
+ )), /* @__PURE__ */ o.createElement(F, { className: l.fieldError }));
74
+ }), L = "flow--radio-group--radio", O = "flow--radio-group--radio--icon", p = {
75
+ radio: L,
76
+ icon: O
77
77
  }, $ = f("Radio", (r) => {
78
78
  const { children: e, className: t, refProp: a, ...n } = r, s = u(p.radio, t);
79
- return /* @__PURE__ */ o.createElement(R, null, /* @__PURE__ */ o.createElement(N.Radio, { ...n, className: s, ref: a }, ({ isSelected: i }) => /* @__PURE__ */ o.createElement(o.Fragment, null, i ? /* @__PURE__ */ o.createElement(w, { className: p.icon }) : /* @__PURE__ */ o.createElement(B, { className: p.icon }), e)));
79
+ return /* @__PURE__ */ o.createElement(R, null, /* @__PURE__ */ o.createElement(N.Radio, { ...n, className: s, ref: a }, ({ isSelected: i }) => /* @__PURE__ */ o.createElement(o.Fragment, null, i ? /* @__PURE__ */ o.createElement(P, { className: p.icon }) : /* @__PURE__ */ o.createElement(w, { className: p.icon }), e)));
80
80
  });
81
81
  export {
82
82
  $ as Radio,
83
- v as RadioButton,
83
+ T as RadioButton,
84
84
  _ as RadioGroup,
85
85
  _ as default
86
86
  };
package/dist/js/Tabs.js CHANGED
@@ -7,7 +7,7 @@ import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwal
7
7
  import { f as O } from "./flowComponent-1wOIvUIq.js";
8
8
  import { useCallbackRef as S } from "use-callback-ref";
9
9
  import { a as A, C as B } from "./ContextMenuTrigger-BbYyy0an.js";
10
- import { M as K } from "./MenuItem-BHTxlZbm.js";
10
+ import { M as K } from "./MenuItem-DZ6wEuiI.js";
11
11
  import { B as L } from "./Button-DXgQ5lAy.js";
12
12
  import "@tabler/icons-react";
13
13
  import "./Icon-DGqvukLZ.js";