@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.
- package/CHANGELOG.md +21 -0
- package/dist/css/FileCard.css +1 -1
- package/dist/js/CheckboxGroup.js +8 -8
- package/dist/js/ContextMenu.js +1 -1
- package/dist/js/List.js +138 -138
- package/dist/js/{MenuItem-BHTxlZbm.js → MenuItem-DZ6wEuiI.js} +19 -19
- package/dist/js/MenuItem.js +1 -1
- package/dist/js/Navigation.js +11 -11
- package/dist/js/RadioGroup.js +15 -15
- package/dist/js/Tabs.js +1 -1
- package/dist/js/all.css +1 -1
- package/dist/js/deepHas-KHS5X1F_.js +15 -0
- package/package.json +4 -4
- package/dist/js/deepFindOfType-6pG0fH7S.js +0 -14
|
@@ -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
|
|
13
|
-
import { I as
|
|
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 "./
|
|
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",
|
|
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:
|
|
21
|
-
text:
|
|
22
|
-
controlIcon:
|
|
23
|
-
}, k = (
|
|
20
|
+
icon: g,
|
|
21
|
+
text: P,
|
|
22
|
+
controlIcon: T
|
|
23
|
+
}, k = (c) => {
|
|
24
24
|
const {
|
|
25
25
|
selectionMode: t,
|
|
26
|
-
isSelected:
|
|
26
|
+
isSelected: o,
|
|
27
27
|
selectionVariant: m = "control",
|
|
28
28
|
children: r
|
|
29
|
-
} =
|
|
29
|
+
} = c, l = {
|
|
30
30
|
Icon: {
|
|
31
|
-
className:
|
|
31
|
+
className: n.icon
|
|
32
32
|
},
|
|
33
33
|
Text: {
|
|
34
|
-
className:
|
|
34
|
+
className: n.text
|
|
35
35
|
}
|
|
36
36
|
}, s = {
|
|
37
37
|
Icon: {
|
|
38
|
-
className: f(
|
|
38
|
+
className: f(n.controlIcon, n.icon)
|
|
39
39
|
}
|
|
40
|
-
}, a = t === "none" || m === "navigation" ? null : t === "single" &&
|
|
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
|
-
},
|
|
42
|
+
}, B = N("MenuItem", (c) => {
|
|
43
43
|
const {
|
|
44
44
|
children: t,
|
|
45
|
-
className:
|
|
45
|
+
className: o,
|
|
46
46
|
selectionVariant: m,
|
|
47
47
|
refProp: r,
|
|
48
48
|
...l
|
|
49
|
-
} =
|
|
50
|
-
return /* @__PURE__ */ e.createElement(I.MenuItem, { ...l, className: s, ref: r }, (a) => /* @__PURE__ */ e.createElement(
|
|
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
|
-
|
|
53
|
+
B as M
|
|
54
54
|
};
|
package/dist/js/MenuItem.js
CHANGED
package/dist/js/Navigation.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import e, { useId as
|
|
3
|
+
import e, { useId as v } from "react";
|
|
4
4
|
import d from "clsx";
|
|
5
|
-
import {
|
|
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
|
-
},
|
|
21
|
-
const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o =
|
|
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(
|
|
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
|
-
},
|
|
39
|
-
const { children: t, className: n, collapsable: s, ...c } = i, o = d(g.navigationGroup, n), a =
|
|
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
|
-
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
B as Navigation,
|
|
61
|
+
G as NavigationGroup,
|
|
62
|
+
B as default
|
|
63
63
|
};
|
package/dist/js/RadioGroup.js
CHANGED
|
@@ -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
|
|
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
|
|
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",
|
|
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:
|
|
27
|
-
},
|
|
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
|
-
),
|
|
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 =
|
|
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:
|
|
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(
|
|
74
|
-
}),
|
|
75
|
-
radio:
|
|
76
|
-
icon:
|
|
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(
|
|
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
|
-
|
|
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-
|
|
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";
|