@mittwald/flow-react-components 0.1.0-alpha.39 → 0.1.0-alpha.41
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/Avatar.js +2 -2
- package/dist/{Button-Bh0E7tqA.js → Button-BmQ-57Vz.js} +7 -8
- package/dist/Button.js +1 -1
- package/dist/Checkbox.js +11 -10
- package/dist/Content.js +2 -2
- package/dist/CopyButton.js +5 -5
- package/dist/FieldDescription.js +3 -3
- package/dist/{FieldError-BvbJ9dzr.js → FieldError-h_2c51Ws.js} +4 -4
- package/dist/FieldError.js +1 -1
- package/dist/Header.js +18 -0
- package/dist/Heading.js +2 -2
- package/dist/{Icon-D4F2hKiG.js → Icon-pvbWA-vL.js} +2 -2
- package/dist/Icon.js +1 -1
- package/dist/{IconCheck-DkmJUDfj.js → IconCheck-BhmzlVex.js} +1 -1
- package/dist/{IconClose-B6UJFr7O.js → IconClose-DP0Hbb0w.js} +1 -1
- package/dist/{IconCopy-DwaMO7aJ.js → IconCopy-f1oXwqHF.js} +1 -1
- package/dist/{IconDanger-CCULXdVw.js → IconDanger-DxWZvd65.js} +1 -1
- package/dist/{IconPlus-CnpaX_7c.js → IconPlus-DQBvsCqr.js} +1 -1
- package/dist/{IconSucceeded-CPpK5tIY.js → IconSucceeded-Df3yoJLr.js} +1 -1
- package/dist/{IconUnchecked-DbkvP1em.js → IconUnchecked-CMZzDHYB.js} +1 -1
- package/dist/{IconWarning-BIeWNF-G.js → IconWarning-DhmOwBP9.js} +1 -1
- package/dist/Icons.js +9 -9
- package/dist/Image.js +2 -2
- package/dist/Initials.js +7 -6
- package/dist/InlineAlert.js +10 -11
- package/dist/{Label-EVs32ETX.js → Label-CoQ5dkQY.js} +2 -2
- package/dist/Label.js +1 -1
- package/dist/LabeledValue.js +2 -2
- package/dist/LayoutCard.js +2 -2
- package/dist/Link.js +2 -2
- package/dist/Navigation.js +7 -8
- package/dist/NumberField.js +6 -6
- package/dist/PropsContextProvider-C0o9mDtR.js +29 -0
- package/dist/RadioGroup.js +5 -5
- package/dist/Section.js +22 -11
- package/dist/StatusBadge.js +2 -2
- package/dist/{StatusIcon-CZbUO0T5.js → StatusIcon-BTmOqTZR.js} +7 -6
- package/dist/StatusIcon.js +1 -1
- package/dist/Switch.js +12 -11
- package/dist/Text-BUVxBLdV.js +26 -0
- package/dist/Text.js +1 -1
- package/dist/TextArea.js +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{TextFieldBase-aO8YvtBx.js → TextFieldBase-Ck-WpOdU.js} +3 -3
- package/dist/nextjs/LinkProvider.js +2 -2
- package/dist/styles.css +1 -1
- package/dist/types/components/Header/Header.d.ts +6 -0
- package/dist/types/components/Header/index.d.ts +3 -0
- package/dist/types/components/Header/stories/Default.stories.d.ts +6 -0
- package/dist/types/components/Section/stories/Default.stories.d.ts +2 -0
- package/dist/types/components/Section/stories/EdgeCases.stories.d.ts +8 -0
- package/dist/types/components/propTypes/index.d.ts +13 -11
- package/dist/types/lib/propsContext/dynamicProps/resolveDynamicProps.d.ts +1 -1
- package/dist/types/lib/propsContext/dynamicProps/types.d.ts +1 -1
- package/dist/types/lib/propsContext/isFlowComponentName.d.ts +2 -0
- package/dist/types/lib/propsContext/isFlowComponentProp.d.ts +2 -0
- package/dist/types/lib/propsContext/nestedPropsContext/isPropsWithChildren.d.ts +2 -0
- package/dist/types/lib/propsContext/nestedPropsContext/pickPropsContext.d.ts +3 -0
- package/dist/types/lib/propsContext/nestedPropsContext/pickPropsContext.test.d.ts +1 -0
- package/dist/types/lib/propsContext/nestedPropsContext/wrapChildrenWithNestedPropsContext.d.ts +5 -0
- package/dist/types/lib/propsContext/propsContext.d.ts +17 -3078
- package/dist/types/lib/propsContext/types.d.ts +2 -1
- package/dist/useProps-DWCkDfxd.js +67 -0
- package/package.json +7 -3
- package/dist/PropsContextProvider-CEoxD8yK.js +0 -26
- package/dist/Text-8V0yR4PK.js +0 -27
- package/dist/propsContext-Dx7WKmmM.js +0 -7
- package/dist/useProps-C7GIMcgB.js +0 -27
package/dist/Section.js
CHANGED
|
@@ -1,17 +1,28 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
import t from "react";
|
|
4
|
+
import i from "clsx";
|
|
5
|
+
import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
|
|
6
|
+
import "@react-aria/utils";
|
|
7
|
+
import "remeda";
|
|
8
|
+
const m = "flow--section", p = "flow--section--header", o = {
|
|
9
|
+
section: m,
|
|
10
|
+
header: p
|
|
11
|
+
}, N = (s) => {
|
|
12
|
+
const { children: e, className: r, ...n } = s;
|
|
13
|
+
if (!e)
|
|
10
14
|
return null;
|
|
11
|
-
const c =
|
|
12
|
-
|
|
15
|
+
const c = i(o.section, r), a = {
|
|
16
|
+
Heading: {
|
|
17
|
+
level: 2
|
|
18
|
+
},
|
|
19
|
+
Header: {
|
|
20
|
+
className: o.header
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
return /* @__PURE__ */ t.createElement("section", { ...n, className: c }, /* @__PURE__ */ t.createElement(l, { props: a }, e));
|
|
13
24
|
};
|
|
14
25
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
26
|
+
N as Section,
|
|
27
|
+
N as default
|
|
17
28
|
};
|
package/dist/StatusBadge.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import t from "react";
|
|
4
4
|
import l from "clsx";
|
|
5
|
-
import { S as u } from "./StatusIcon-
|
|
6
|
-
import { T as d } from "./Text-
|
|
5
|
+
import { S as u } from "./StatusIcon-BTmOqTZR.js";
|
|
6
|
+
import { T as d } from "./Text-BUVxBLdV.js";
|
|
7
7
|
const g = "flow--status-badge", m = "flow--status-badge--text", f = "flow--status-badge--info", i = "flow--status-badge--success", w = "flow--status-badge--warning", x = "flow--status-badge--danger", s = {
|
|
8
8
|
statusBadge: g,
|
|
9
9
|
text: m,
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import a from "react";
|
|
4
4
|
import "@tabler/icons-react";
|
|
5
|
-
import "./Icon-
|
|
5
|
+
import "./Icon-pvbWA-vL.js";
|
|
6
6
|
import "clsx";
|
|
7
7
|
import "html-react-parser";
|
|
8
|
-
import "./
|
|
8
|
+
import "./PropsContextProvider-C0o9mDtR.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
|
-
import
|
|
11
|
-
import { I as
|
|
10
|
+
import "remeda";
|
|
11
|
+
import { I as c } from "./IconDanger-DxWZvd65.js";
|
|
12
|
+
import { I as e, a as i, b as m } from "./IconWarning-DhmOwBP9.js";
|
|
12
13
|
import { useLocalizedStringFormatter as u } from "react-aria";
|
|
13
14
|
const I = {
|
|
14
15
|
"de-DE": {
|
|
@@ -28,10 +29,10 @@ const I = {
|
|
|
28
29
|
info: e,
|
|
29
30
|
success: i,
|
|
30
31
|
warning: m
|
|
31
|
-
},
|
|
32
|
+
}, L = (o) => {
|
|
32
33
|
const { status: t = "info", ...n } = o, s = u(I).format(`statusIcon.${t}`), r = f[t];
|
|
33
34
|
return /* @__PURE__ */ a.createElement(r, { "aria-label": s, ...n });
|
|
34
35
|
};
|
|
35
36
|
export {
|
|
36
|
-
|
|
37
|
+
L as S
|
|
37
38
|
};
|
package/dist/StatusIcon.js
CHANGED
package/dist/Switch.js
CHANGED
|
@@ -4,28 +4,29 @@ import e from "react";
|
|
|
4
4
|
import * as m from "react-aria-components";
|
|
5
5
|
import n from "clsx";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
7
|
+
import "./Icon-pvbWA-vL.js";
|
|
8
8
|
import "html-react-parser";
|
|
9
|
-
import "./
|
|
9
|
+
import "./PropsContextProvider-C0o9mDtR.js";
|
|
10
10
|
import "@react-aria/utils";
|
|
11
|
-
import
|
|
12
|
-
import { I as
|
|
13
|
-
import {
|
|
14
|
-
|
|
11
|
+
import "remeda";
|
|
12
|
+
import { I as h } from "./IconCheck-BhmzlVex.js";
|
|
13
|
+
import { I as w } from "./IconClose-DP0Hbb0w.js";
|
|
14
|
+
import { L as p } from "./Label-CoQ5dkQY.js";
|
|
15
|
+
const f = "flow--switch--track", d = "flow--switch--handle", b = "flow--switch--label", t = {
|
|
15
16
|
switch: "flow--switch",
|
|
16
17
|
"label-leading": "flow--switch--label-leading",
|
|
17
|
-
track:
|
|
18
|
+
track: f,
|
|
18
19
|
handle: d,
|
|
19
20
|
label: b
|
|
20
|
-
},
|
|
21
|
+
}, S = (l) => {
|
|
21
22
|
const { children: a, className: s, labelPosition: c = "trailing", ...o } = l, r = n(
|
|
22
23
|
t.switch,
|
|
23
24
|
t[`label-${c}`],
|
|
24
25
|
s
|
|
25
26
|
);
|
|
26
|
-
return /* @__PURE__ */ e.createElement(m.Switch, { ...o, className: r }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(h, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(
|
|
27
|
+
return /* @__PURE__ */ e.createElement(m.Switch, { ...o, className: r }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(h, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(p, { className: t.label }, a)));
|
|
27
28
|
};
|
|
28
29
|
export {
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
S as Switch,
|
|
31
|
+
S as default
|
|
31
32
|
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as p from "react-aria-components";
|
|
5
|
+
import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
|
|
6
|
+
import { u as x } from "./useProps-DWCkDfxd.js";
|
|
7
|
+
const P = (t) => {
|
|
8
|
+
const {
|
|
9
|
+
children: s,
|
|
10
|
+
className: m,
|
|
11
|
+
elementType: r = "span",
|
|
12
|
+
...c
|
|
13
|
+
} = x("Text", t), o = { ...c, className: m }, a = {
|
|
14
|
+
Link: {
|
|
15
|
+
inline: !0
|
|
16
|
+
}
|
|
17
|
+
}, n = /* @__PURE__ */ e.createElement(l, { props: a }, s);
|
|
18
|
+
if (!t.slot) {
|
|
19
|
+
const i = r;
|
|
20
|
+
return /* @__PURE__ */ e.createElement(i, { ...o }, n);
|
|
21
|
+
}
|
|
22
|
+
return /* @__PURE__ */ e.createElement(p.Text, { ...o, elementType: r }, n);
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
P as T
|
|
26
|
+
};
|
package/dist/Text.js
CHANGED
package/dist/TextArea.js
CHANGED
package/dist/TextField.js
CHANGED
|
@@ -4,10 +4,10 @@ import r from "react";
|
|
|
4
4
|
import * as c from "react-aria-components";
|
|
5
5
|
import { s as e } from "./FormField.module-DHK6nIcD.js";
|
|
6
6
|
import p from "clsx";
|
|
7
|
-
import "./
|
|
8
|
-
import { P as n } from "./PropsContextProvider-CEoxD8yK.js";
|
|
7
|
+
import { P as n } from "./PropsContextProvider-C0o9mDtR.js";
|
|
9
8
|
import "@react-aria/utils";
|
|
10
|
-
import
|
|
9
|
+
import "remeda";
|
|
10
|
+
import { F as d } from "./FieldError-h_2c51Ws.js";
|
|
11
11
|
const P = (o) => {
|
|
12
12
|
const { children: s, className: t, input: a, ...i } = o, l = p(e.formField, t), m = {
|
|
13
13
|
Label: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import o, { forwardRef as i } from "react";
|
|
4
|
-
import "../
|
|
5
|
-
import { P as m } from "../PropsContextProvider-CEoxD8yK.js";
|
|
4
|
+
import { P as m } from "../PropsContextProvider-C0o9mDtR.js";
|
|
6
5
|
import "@react-aria/utils";
|
|
6
|
+
import "remeda";
|
|
7
7
|
import a from "next/link";
|
|
8
8
|
const t = i(function(r, n) {
|
|
9
9
|
return /* @__PURE__ */ o.createElement(a, { href: r.href ?? "#", ...r, ref: n });
|