@mittwald/flow-react-components 0.1.0-alpha.62 → 0.1.0-alpha.63
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/dist/{Button-Byf2Pi9z.js → Button-CUr754ra.js} +38 -34
- package/dist/Button.js +1 -1
- package/dist/ContextMenu.js +2 -2
- package/dist/ContextMenuItem-7xGNJkkK.js +66 -0
- package/dist/CopyButton.js +1 -1
- package/dist/EmulatedBoldText-Dtox8Wd1.js +14 -0
- package/dist/FieldDescription.js +1 -1
- package/dist/HeaderNavigation.js +34 -0
- package/dist/List.js +10 -10
- package/dist/NumberField.js +1 -1
- package/dist/Popover-MmxZkKu3.js +15 -0
- package/dist/Popover.js +7 -0
- package/dist/Select.js +57 -0
- package/dist/StatusBadge.js +1 -1
- package/dist/Tabs.js +8 -8
- package/dist/Text-2sThcKor.js +37 -0
- package/dist/Text.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/components/ContextMenu/ContextMenu.d.ts +3 -2
- package/dist/types/components/HeaderNavigation/HeaderNavigation.d.ts +7 -0
- package/dist/types/components/HeaderNavigation/index.d.ts +4 -0
- package/dist/types/components/HeaderNavigation/stories/Default.stories.d.ts +8 -0
- package/dist/types/components/Popover/Popover.d.ts +7 -0
- package/dist/types/components/Popover/index.d.ts +4 -0
- package/dist/types/components/Popover/stories/Default.stories.d.ts +7 -0
- package/dist/types/components/Select/Select.d.ts +10 -0
- package/dist/types/components/Select/components/Option/Option.d.ts +7 -0
- package/dist/types/components/Select/components/Option/index.d.ts +4 -0
- package/dist/types/components/Select/components/Options/Options.d.ts +8 -0
- package/dist/types/components/Select/components/Options/index.d.ts +4 -0
- package/dist/types/components/Select/index.d.ts +6 -0
- package/dist/types/components/Select/stories/Default.stories.d.ts +12 -0
- package/dist/types/components/Select/stories/EdgeCases.stories.d.ts +7 -0
- package/package.json +15 -3
- package/dist/ContextMenuItem-jQjIDLgf.js +0 -67
- package/dist/Text-BdJNMX4h.js +0 -43
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import n from "react";
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
4
|
+
import * as E from "react-aria-components";
|
|
5
|
+
import p from "clsx";
|
|
6
6
|
import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
|
|
7
7
|
import { P as C } from "./PropsContextProvider-BcOGMJkn.js";
|
|
8
8
|
import "@react-aria/utils";
|
|
@@ -12,27 +12,28 @@ import "@tabler/icons-react";
|
|
|
12
12
|
import "html-react-parser";
|
|
13
13
|
import { f as I } from "./flowComponent-Dfn_Z9Yx.js";
|
|
14
14
|
import { I as N, a as h, b as z } from "./IconSucceeded-CENvDJzH.js";
|
|
15
|
-
import { W as
|
|
16
|
-
import { T as B } from "./Text-
|
|
17
|
-
import { useLocalizedStringFormatter as
|
|
18
|
-
const L = "flow--button", T = "flow--button--icon",
|
|
19
|
-
button:
|
|
15
|
+
import { W as d } from "./Wrap-DGT1h1o3.js";
|
|
16
|
+
import { T as B } from "./Text-2sThcKor.js";
|
|
17
|
+
import { useLocalizedStringFormatter as A } from "react-aria";
|
|
18
|
+
const D = "flow--button", L = "flow--button--avatar", T = "flow--button--icon", K = "flow--button--text", U = "flow--button--content", W = "flow--button--state-icon", $ = "flow--button--is-succeeded", R = "flow--button--is-failed", j = "flow--button--is-pending", k = "flow--button--plain", q = "flow--button--primary", G = "flow--button--solid", H = "flow--button--accent", J = "flow--button--danger", M = "flow--button--secondary", O = "flow--button--soft", e = {
|
|
19
|
+
button: D,
|
|
20
|
+
avatar: L,
|
|
20
21
|
icon: T,
|
|
21
|
-
text:
|
|
22
|
-
content:
|
|
23
|
-
stateIcon:
|
|
22
|
+
text: K,
|
|
23
|
+
content: U,
|
|
24
|
+
stateIcon: W,
|
|
24
25
|
"size-s": "flow--button--size-s",
|
|
25
|
-
isSucceeded:
|
|
26
|
-
isFailed:
|
|
27
|
-
isPending:
|
|
28
|
-
plain:
|
|
29
|
-
primary:
|
|
30
|
-
solid:
|
|
31
|
-
accent:
|
|
32
|
-
danger:
|
|
33
|
-
secondary:
|
|
34
|
-
soft:
|
|
35
|
-
},
|
|
26
|
+
isSucceeded: $,
|
|
27
|
+
isFailed: R,
|
|
28
|
+
isPending: j,
|
|
29
|
+
plain: k,
|
|
30
|
+
primary: q,
|
|
31
|
+
solid: G,
|
|
32
|
+
accent: H,
|
|
33
|
+
danger: J,
|
|
34
|
+
secondary: M,
|
|
35
|
+
soft: O
|
|
36
|
+
}, Q = {
|
|
36
37
|
"de-DE": {
|
|
37
38
|
"button.isFailed": "Fehlgeschlagen",
|
|
38
39
|
"button.isPending": "Ausstehend",
|
|
@@ -43,30 +44,30 @@ const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K
|
|
|
43
44
|
"button.isPending": "Pending",
|
|
44
45
|
"button.isSucceeded": "Succeeded"
|
|
45
46
|
}
|
|
46
|
-
},
|
|
47
|
-
t =
|
|
47
|
+
}, V = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), dt = I("Button", (t) => {
|
|
48
|
+
t = V(t);
|
|
48
49
|
const {
|
|
49
50
|
variant: m = "primary",
|
|
50
51
|
style: u = "solid",
|
|
51
|
-
children:
|
|
52
|
+
children: c,
|
|
52
53
|
className: f,
|
|
53
54
|
size: i = "m",
|
|
54
|
-
isPending:
|
|
55
|
+
isPending: a,
|
|
55
56
|
isDisabled: b,
|
|
56
57
|
isSucceeded: o,
|
|
57
58
|
isFailed: s,
|
|
58
59
|
"aria-label": g,
|
|
59
60
|
...P
|
|
60
|
-
} = t, w =
|
|
61
|
+
} = t, w = p(
|
|
61
62
|
e.button,
|
|
62
|
-
|
|
63
|
+
a && e.isPending,
|
|
63
64
|
o && e.isSucceeded,
|
|
64
65
|
s && e.isFailed,
|
|
65
66
|
e[`size-${i}`],
|
|
66
67
|
e[m],
|
|
67
68
|
e[u],
|
|
68
69
|
f
|
|
69
|
-
),
|
|
70
|
+
), v = {
|
|
70
71
|
Icon: {
|
|
71
72
|
className: e.icon,
|
|
72
73
|
"aria-hidden": !0,
|
|
@@ -74,20 +75,23 @@ const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K
|
|
|
74
75
|
},
|
|
75
76
|
Text: {
|
|
76
77
|
className: e.text
|
|
78
|
+
},
|
|
79
|
+
Avatar: {
|
|
80
|
+
className: e.avatar
|
|
77
81
|
}
|
|
78
|
-
},
|
|
82
|
+
}, S = A(Q), F = o || s || a ? S.format(
|
|
79
83
|
`button.${o ? "isSucceeded" : s ? "isFailed" : "isPending"}`
|
|
80
|
-
) : void 0, r = o ? N : s ? h :
|
|
84
|
+
) : void 0, r = o ? N : s ? h : a ? z : void 0, l = r && /* @__PURE__ */ n.createElement(r, { size: i, className: e.stateIcon }), y = typeof c == "string";
|
|
81
85
|
return /* @__PURE__ */ n.createElement(x, null, /* @__PURE__ */ n.createElement(
|
|
82
|
-
|
|
86
|
+
E.Button,
|
|
83
87
|
{
|
|
84
88
|
className: w,
|
|
85
89
|
isDisabled: b,
|
|
86
|
-
"aria-label":
|
|
90
|
+
"aria-label": F ?? g,
|
|
87
91
|
...P
|
|
88
92
|
},
|
|
89
|
-
/* @__PURE__ */ n.createElement(
|
|
90
|
-
|
|
93
|
+
/* @__PURE__ */ n.createElement(d, { if: l }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(d, { if: y }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: v }, c))))),
|
|
94
|
+
l
|
|
91
95
|
));
|
|
92
96
|
});
|
|
93
97
|
export {
|
package/dist/Button.js
CHANGED
package/dist/ContextMenu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import { C as t } from "./ContextMenuItem-
|
|
4
|
-
import { a as n } from "./ContextMenuItem-
|
|
3
|
+
import { C as t } from "./ContextMenuItem-7xGNJkkK.js";
|
|
4
|
+
import { a as n } from "./ContextMenuItem-7xGNJkkK.js";
|
|
5
5
|
import { MenuTrigger as x } from "react-aria-components";
|
|
6
6
|
export {
|
|
7
7
|
t as ContextMenu,
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as i from "react-aria-components";
|
|
5
|
+
import { f as u } from "./flowComponent-Dfn_Z9Yx.js";
|
|
6
|
+
import { P as x } from "./Popover-MmxZkKu3.js";
|
|
7
|
+
import f from "clsx";
|
|
8
|
+
import "./propsContext-CauylOgH.js";
|
|
9
|
+
import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
|
|
10
|
+
import "@react-aria/utils";
|
|
11
|
+
import "remeda";
|
|
12
|
+
import "@tabler/icons-react";
|
|
13
|
+
import "html-react-parser";
|
|
14
|
+
import "@mittwald/react-tunnel";
|
|
15
|
+
import { I as C, a as I } from "./IconCheckboxEmpty-BYBEifGn.js";
|
|
16
|
+
import { I as M, a as E } from "./IconRadioOn-VUVt3QQC.js";
|
|
17
|
+
import { T as a } from "./Text-2sThcKor.js";
|
|
18
|
+
import { d as h } from "./deepFindOfType-6pG0fH7S.js";
|
|
19
|
+
import { W as y } from "./Wrap-DGT1h1o3.js";
|
|
20
|
+
const N = "flow--context-menu", w = {
|
|
21
|
+
contextMenu: N
|
|
22
|
+
}, J = u("ContextMenu", (n) => {
|
|
23
|
+
const {
|
|
24
|
+
children: t,
|
|
25
|
+
onAction: o,
|
|
26
|
+
selectionMode: c,
|
|
27
|
+
selectedKeys: m,
|
|
28
|
+
defaultSelectedKeys: s,
|
|
29
|
+
onSelectionChange: r,
|
|
30
|
+
...p
|
|
31
|
+
} = n;
|
|
32
|
+
return /* @__PURE__ */ e.createElement(x, { ...p }, /* @__PURE__ */ e.createElement(
|
|
33
|
+
i.Menu,
|
|
34
|
+
{
|
|
35
|
+
className: w.contextMenu,
|
|
36
|
+
onAction: o,
|
|
37
|
+
selectionMode: c,
|
|
38
|
+
selectedKeys: m,
|
|
39
|
+
defaultSelectedKeys: s,
|
|
40
|
+
onSelectionChange: r
|
|
41
|
+
},
|
|
42
|
+
t
|
|
43
|
+
));
|
|
44
|
+
}), P = "flow--context-menu--context-menu-item", T = "flow--context-menu--context-menu-item--icon", g = "flow--context-menu--context-menu-item--text", l = {
|
|
45
|
+
contextMenuItem: P,
|
|
46
|
+
icon: T,
|
|
47
|
+
text: g
|
|
48
|
+
}, k = (n, t) => !!h(n, t), O = (n) => {
|
|
49
|
+
const { selectionMode: t, isSelected: o, children: c } = n, m = {
|
|
50
|
+
Icon: {
|
|
51
|
+
className: l.icon
|
|
52
|
+
},
|
|
53
|
+
Text: {
|
|
54
|
+
className: l.text
|
|
55
|
+
}
|
|
56
|
+
}, s = t === "none" ? null : t === "single" && o ? /* @__PURE__ */ e.createElement(M, null) : t === "single" && !o ? /* @__PURE__ */ e.createElement(E, null) : t === "multiple" && o ? /* @__PURE__ */ e.createElement(C, null) : /* @__PURE__ */ e.createElement(I, null), r = k(c, a);
|
|
57
|
+
return /* @__PURE__ */ e.createElement(d, { props: m }, s, /* @__PURE__ */ e.createElement(y, { if: !r }, /* @__PURE__ */ e.createElement(a, null, c)));
|
|
58
|
+
}, L = (n) => {
|
|
59
|
+
const { children: t, className: o, ...c } = n, m = f(l.contextMenuItem, o);
|
|
60
|
+
return /* @__PURE__ */ e.createElement(i.MenuItem, { ...c, className: m }, (s) => /* @__PURE__ */ e.createElement(O, { ...s }, t));
|
|
61
|
+
};
|
|
62
|
+
export {
|
|
63
|
+
J as C,
|
|
64
|
+
L as a,
|
|
65
|
+
k as d
|
|
66
|
+
};
|
package/dist/CopyButton.js
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import m from "clsx";
|
|
5
|
+
const c = "flow--emulated-bold-text", r = "flow--emulated-bold-text--bold-text", l = {
|
|
6
|
+
emulatedBoldText: c,
|
|
7
|
+
boldText: r
|
|
8
|
+
}, u = (o) => {
|
|
9
|
+
const { children: e, className: a, ...s } = o, d = m(l.emulatedBoldText, a);
|
|
10
|
+
return /* @__PURE__ */ t.createElement("span", { className: d, ...s }, e, /* @__PURE__ */ t.createElement("span", { "aria-hidden": "true", className: l.boldText }, e));
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
u as E
|
|
14
|
+
};
|
package/dist/FieldDescription.js
CHANGED
|
@@ -6,7 +6,7 @@ import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
|
|
|
6
6
|
import "./propsContext-CauylOgH.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
|
-
import { T as c } from "./Text-
|
|
9
|
+
import { T as c } from "./Text-2sThcKor.js";
|
|
10
10
|
import { f as m } from "./flowComponent-Dfn_Z9Yx.js";
|
|
11
11
|
const p = "flow--field-description", a = {
|
|
12
12
|
fieldDescription: p
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import "./propsContext-CauylOgH.js";
|
|
5
|
+
import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
|
|
6
|
+
import "@react-aria/utils";
|
|
7
|
+
import "remeda";
|
|
8
|
+
import { d as m } from "./dynamic-ClpUSmEt.js";
|
|
9
|
+
import d from "clsx";
|
|
10
|
+
import { E as p } from "./EmulatedBoldText-Dtox8Wd1.js";
|
|
11
|
+
const u = "flow--header-navigation", h = "flow--header-navigation--button", v = "flow--header-navigation--link", n = {
|
|
12
|
+
headerNavigation: u,
|
|
13
|
+
button: h,
|
|
14
|
+
link: v
|
|
15
|
+
}, w = (o) => {
|
|
16
|
+
const { children: a, className: l, ...r } = o, i = d(n.headerNavigation, l), s = {
|
|
17
|
+
Link: {
|
|
18
|
+
hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
|
|
19
|
+
className: n.link,
|
|
20
|
+
unstyled: !0,
|
|
21
|
+
children: m((e) => /* @__PURE__ */ t.createElement(p, null, e.children))
|
|
22
|
+
},
|
|
23
|
+
Button: {
|
|
24
|
+
hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
|
|
25
|
+
className: n.button,
|
|
26
|
+
style: "plain"
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...r }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(c, { props: s }, a)));
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
w as HeaderNavigation,
|
|
33
|
+
w as default
|
|
34
|
+
};
|
package/dist/List.js
CHANGED
|
@@ -10,13 +10,13 @@ import "./propsContext-CauylOgH.js";
|
|
|
10
10
|
import "@react-aria/utils";
|
|
11
11
|
import { times as st } from "remeda";
|
|
12
12
|
import "@mittwald/react-tunnel";
|
|
13
|
-
import
|
|
14
|
-
import {
|
|
13
|
+
import U from "clsx";
|
|
14
|
+
import { a as O, C as $, d as rt } from "./ContextMenuItem-7xGNJkkK.js";
|
|
15
|
+
import { T as b } from "./Text-2sThcKor.js";
|
|
15
16
|
import "@tabler/icons-react";
|
|
16
|
-
import $ from "clsx";
|
|
17
17
|
import "html-react-parser";
|
|
18
18
|
import { I as H } from "./IconChevronDown-BmKMxrq1.js";
|
|
19
|
-
import { B as h } from "./Button-
|
|
19
|
+
import { B as h } from "./Button-CUr754ra.js";
|
|
20
20
|
import "react-children-utilities";
|
|
21
21
|
import { useMessageFormatter as q, useLocalizedStringFormatter as K } from "react-aria";
|
|
22
22
|
import { I as nt } from "./IconClose-BkmXvQ2z.js";
|
|
@@ -39,7 +39,7 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
|
|
|
39
39
|
t();
|
|
40
40
|
})), wt = (i) => {
|
|
41
41
|
const { sorting: t } = i;
|
|
42
|
-
return /* @__PURE__ */ r.createElement(
|
|
42
|
+
return /* @__PURE__ */ r.createElement(O, { id: t.getTableColumn().id }, t.name);
|
|
43
43
|
}, g = {
|
|
44
44
|
"de-DE": {
|
|
45
45
|
options: "Optionen",
|
|
@@ -77,7 +77,7 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
|
|
|
77
77
|
"setSorting"
|
|
78
78
|
) : /* @__PURE__ */ r.createElement(v, { locales: g }, "sorting"));
|
|
79
79
|
return /* @__PURE__ */ r.createElement(x.MenuTrigger, null, /* @__PURE__ */ r.createElement(h, { style: "soft", size: "s", variant: "secondary" }, a, /* @__PURE__ */ r.createElement(H, null)), /* @__PURE__ */ r.createElement(
|
|
80
|
-
|
|
80
|
+
$,
|
|
81
81
|
{
|
|
82
82
|
selectionMode: "single",
|
|
83
83
|
selectedKeys: e ? [e.property] : [],
|
|
@@ -88,11 +88,11 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
|
|
|
88
88
|
t
|
|
89
89
|
));
|
|
90
90
|
}, It = (i) => {
|
|
91
|
-
const { filter: t } = i, e = t.values.map((n) => /* @__PURE__ */ r.createElement(
|
|
91
|
+
const { filter: t } = i, e = t.values.map((n) => /* @__PURE__ */ r.createElement(O, { key: t.getValueId(n), id: String(n) }, String(n))), a = t.values.filter((n) => t.isValueActive(n)).map((n) => String(n)), s = (n) => {
|
|
92
92
|
t.toggleValue(n);
|
|
93
93
|
};
|
|
94
94
|
return /* @__PURE__ */ r.createElement(x.MenuTrigger, null, /* @__PURE__ */ r.createElement(h, { style: "soft", size: "s", variant: "secondary" }, /* @__PURE__ */ r.createElement(b, null, t.name ?? t.property), /* @__PURE__ */ r.createElement(H, null)), /* @__PURE__ */ r.createElement(
|
|
95
|
-
|
|
95
|
+
$,
|
|
96
96
|
{
|
|
97
97
|
onAction: s,
|
|
98
98
|
selectionMode: "multiple",
|
|
@@ -132,7 +132,7 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
|
|
|
132
132
|
));
|
|
133
133
|
}, Rt = (i) => {
|
|
134
134
|
const { className: t } = i, a = m().filters.map((s) => /* @__PURE__ */ r.createElement(It, { key: s.property, filter: s }));
|
|
135
|
-
return /* @__PURE__ */ r.createElement("div", { className:
|
|
135
|
+
return /* @__PURE__ */ r.createElement("div", { className: U(t, M.header) }, /* @__PURE__ */ r.createElement("div", { className: M.pickerList }, /* @__PURE__ */ r.createElement(Lt, null), a), /* @__PURE__ */ r.createElement(Pt, null));
|
|
136
136
|
}, Vt = "flow--list", Mt = {
|
|
137
137
|
list: Vt
|
|
138
138
|
};
|
|
@@ -613,7 +613,7 @@ const Kt = "flow--list--items--item-list", jt = "flow--list--items--is-loading",
|
|
|
613
613
|
};
|
|
614
614
|
return /* @__PURE__ */ r.createElement(St, { if: !e }, /* @__PURE__ */ r.createElement("div", { className: c.item }, /* @__PURE__ */ r.createElement(bt, { props: s }, t)));
|
|
615
615
|
}, ee = (i) => /* @__PURE__ */ r.createElement(vt, null, JSON.stringify(i.data)), ae = (i) => {
|
|
616
|
-
const { className: t } = i, e = m(), a = e.loader.useIsLoading(), s = e.items.entries.map((l) => /* @__PURE__ */ r.createElement(te, { key: l.id }, /* @__PURE__ */ r.createElement(et, null, l.render()))), n =
|
|
616
|
+
const { className: t } = i, e = m(), a = e.loader.useIsLoading(), s = e.items.entries.map((l) => /* @__PURE__ */ r.createElement(te, { key: l.id }, /* @__PURE__ */ r.createElement(et, null, l.render()))), n = U(
|
|
617
617
|
z.itemList,
|
|
618
618
|
t,
|
|
619
619
|
a && z.isLoading
|
package/dist/NumberField.js
CHANGED
|
@@ -10,7 +10,7 @@ import "@react-aria/utils";
|
|
|
10
10
|
import "./propsContext-CauylOgH.js";
|
|
11
11
|
import "remeda";
|
|
12
12
|
import { F as f } from "./FieldError-D9ZaMqoL.js";
|
|
13
|
-
import { B as s } from "./Button-
|
|
13
|
+
import { B as s } from "./Button-CUr754ra.js";
|
|
14
14
|
import "@tabler/icons-react";
|
|
15
15
|
import "html-react-parser";
|
|
16
16
|
import "@mittwald/react-tunnel";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import * as a from "react-aria-components";
|
|
5
|
+
import c from "clsx";
|
|
6
|
+
const l = "flow--popover", m = {
|
|
7
|
+
popover: l,
|
|
8
|
+
"popover-slide": "flow--popover--popover-slide"
|
|
9
|
+
}, i = (o) => {
|
|
10
|
+
const { children: e, className: r, ...p } = o, s = c(m.popover, r);
|
|
11
|
+
return /* @__PURE__ */ t.createElement(a.Popover, { ...p, className: s }, e);
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
i as P
|
|
15
|
+
};
|
package/dist/Popover.js
ADDED
package/dist/Select.js
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as n from "react-aria-components";
|
|
5
|
+
import "./propsContext-CauylOgH.js";
|
|
6
|
+
import { P as f } from "./PropsContextProvider-BcOGMJkn.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "remeda";
|
|
9
|
+
import { s as c } from "./FormField.module-DHK6nIcD.js";
|
|
10
|
+
import { F as N } from "./FieldError-D9ZaMqoL.js";
|
|
11
|
+
import a from "clsx";
|
|
12
|
+
import "@tabler/icons-react";
|
|
13
|
+
import "html-react-parser";
|
|
14
|
+
import "@mittwald/react-tunnel";
|
|
15
|
+
import { I as d } from "./IconChevronDown-BmKMxrq1.js";
|
|
16
|
+
import { P as E } from "./Popover-MmxZkKu3.js";
|
|
17
|
+
const u = "flow--select", x = "flow--select--toggle", i = {
|
|
18
|
+
select: u,
|
|
19
|
+
toggle: x
|
|
20
|
+
}, V = (o) => {
|
|
21
|
+
const { children: t, className: s, ...r } = o, l = a(
|
|
22
|
+
i.select,
|
|
23
|
+
c.formField,
|
|
24
|
+
s
|
|
25
|
+
), p = {
|
|
26
|
+
Label: {
|
|
27
|
+
className: c.label,
|
|
28
|
+
optional: !o.isRequired
|
|
29
|
+
},
|
|
30
|
+
FieldDescription: {
|
|
31
|
+
className: c.fieldDescription
|
|
32
|
+
},
|
|
33
|
+
FieldError: {
|
|
34
|
+
className: c.customFieldError
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
return /* @__PURE__ */ e.createElement(n.Select, { ...r, className: l }, /* @__PURE__ */ e.createElement(n.Button, { className: i.toggle }, /* @__PURE__ */ e.createElement(n.SelectValue, null), /* @__PURE__ */ e.createElement(d, null)), /* @__PURE__ */ e.createElement(f, { props: p }, t), /* @__PURE__ */ e.createElement(N, { className: c.fieldError }));
|
|
38
|
+
}, g = "flow--select--options--popover", w = "flow--select--options", m = {
|
|
39
|
+
popover: g,
|
|
40
|
+
options: w
|
|
41
|
+
}, j = (o) => {
|
|
42
|
+
const { className: t, children: s, ...r } = o, l = a(m.options, t);
|
|
43
|
+
return /* @__PURE__ */ e.createElement(E, { className: m.popover }, /* @__PURE__ */ e.createElement(n.ListBox, { className: l, ...r }, s));
|
|
44
|
+
}, v = "flow--select--option", C = "flow--select--option--icon", F = "flow--select--option--text", P = {
|
|
45
|
+
option: v,
|
|
46
|
+
icon: C,
|
|
47
|
+
text: F
|
|
48
|
+
}, k = (o) => {
|
|
49
|
+
const { className: t, children: s, ...r } = o, l = a(P.option, t);
|
|
50
|
+
return /* @__PURE__ */ e.createElement(n.ListBoxItem, { className: l, ...r }, s);
|
|
51
|
+
};
|
|
52
|
+
export {
|
|
53
|
+
k as Option,
|
|
54
|
+
j as Options,
|
|
55
|
+
V as Select,
|
|
56
|
+
V as default
|
|
57
|
+
};
|
package/dist/StatusBadge.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import t from "react";
|
|
4
4
|
import m from "clsx";
|
|
5
5
|
import { S as l } from "./StatusIcon-D6re4qSI.js";
|
|
6
|
-
import { T as u } from "./Text-
|
|
6
|
+
import { T as u } from "./Text-2sThcKor.js";
|
|
7
7
|
import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
|
|
8
8
|
import "./propsContext-CauylOgH.js";
|
|
9
9
|
import "@react-aria/utils";
|
package/dist/Tabs.js
CHANGED
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
import t, { createContext as x, useContext as N, useId as P } from "react";
|
|
4
4
|
import * as l from "react-aria-components";
|
|
5
5
|
import c from "clsx";
|
|
6
|
-
import { TunnelProvider as f, TunnelExit as
|
|
7
|
-
import { T as p } from "./Text-
|
|
8
|
-
const C = "flow--tabs", h = "flow--tabs--tab-list",
|
|
6
|
+
import { TunnelProvider as f, TunnelExit as i, TunnelEntry as T } from "@mittwald/react-tunnel";
|
|
7
|
+
import { T as p } from "./Text-2sThcKor.js";
|
|
8
|
+
const C = "flow--tabs", h = "flow--tabs--tab-list", m = {
|
|
9
9
|
tabs: C,
|
|
10
10
|
tabList: h
|
|
11
11
|
}, M = (e) => {
|
|
12
|
-
const { children: a, className: s, ...n } = e, o = c(
|
|
13
|
-
return /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement(l.Tabs, { className: o, ...n }, /* @__PURE__ */ t.createElement(l.TabList, { className:
|
|
14
|
-
}, v = "flow--tabs--tab-title
|
|
15
|
-
|
|
12
|
+
const { children: a, className: s, ...n } = e, o = c(m.tabs, s);
|
|
13
|
+
return /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement(l.Tabs, { className: o, ...n }, /* @__PURE__ */ t.createElement(l.TabList, { className: m.tabList }, /* @__PURE__ */ t.createElement(i, { id: "TabTitles" })), /* @__PURE__ */ t.createElement(i, { id: "TabPanels" })), a);
|
|
14
|
+
}, v = "flow--tabs--tab-title", w = {
|
|
15
|
+
tabTitle: v
|
|
16
16
|
}, d = x({}), y = () => N(d), L = d.Provider, R = (e) => {
|
|
17
|
-
const { children: a, className: s, ...n } = e, o = y(), r = c(w.
|
|
17
|
+
const { children: a, className: s, ...n } = e, o = y(), r = c(w.tabTitle, s);
|
|
18
18
|
return /* @__PURE__ */ t.createElement(T, { id: "TabTitles" }, /* @__PURE__ */ t.createElement(l.Tab, { className: r, ...n, id: o.id }, /* @__PURE__ */ t.createElement(p, { emulateBoldWidth: !0 }, a)));
|
|
19
19
|
}, F = "flow--tabs--tab--tab-panel", I = {
|
|
20
20
|
tabPanel: F
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as c from "react-aria-components";
|
|
5
|
+
import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
|
|
6
|
+
import { P as x } from "./PropsContextProvider-BcOGMJkn.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "./propsContext-CauylOgH.js";
|
|
9
|
+
import "remeda";
|
|
10
|
+
import E from "invariant";
|
|
11
|
+
import { f as u } from "./flowComponent-Dfn_Z9Yx.js";
|
|
12
|
+
import { E as T } from "./EmulatedBoldText-Dtox8Wd1.js";
|
|
13
|
+
import { W as d } from "./Wrap-DGT1h1o3.js";
|
|
14
|
+
const w = u("Text", (r) => {
|
|
15
|
+
const {
|
|
16
|
+
children: m,
|
|
17
|
+
className: i,
|
|
18
|
+
elementType: t = "span",
|
|
19
|
+
emulateBoldWidth: l,
|
|
20
|
+
...p
|
|
21
|
+
} = r, o = { ...p, className: i }, s = {
|
|
22
|
+
Link: {
|
|
23
|
+
inline: !0
|
|
24
|
+
}
|
|
25
|
+
}, n = /* @__PURE__ */ e.createElement(x, { props: s }, /* @__PURE__ */ e.createElement(d, { if: l }, /* @__PURE__ */ e.createElement(T, null, m)));
|
|
26
|
+
if (!r.slot) {
|
|
27
|
+
const a = t;
|
|
28
|
+
return /* @__PURE__ */ e.createElement(a, { ...o }, n);
|
|
29
|
+
}
|
|
30
|
+
return E(
|
|
31
|
+
typeof t == "string",
|
|
32
|
+
"'elementType' in Text component must be of type string"
|
|
33
|
+
), /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(c.Text, { ...o, elementType: t }, n));
|
|
34
|
+
});
|
|
35
|
+
export {
|
|
36
|
+
w as T
|
|
37
|
+
};
|