@mittwald/flow-react-components 0.1.0-alpha.48 → 0.1.0-alpha.50
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-IRdeGCc6.js → Button-DXziN1Zz.js} +25 -23
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.js +16 -0
- package/dist/Checkbox.js +10 -8
- package/dist/Content.js +11 -9
- package/dist/CopyButton.js +16 -16
- package/dist/FieldDescription.js +12 -10
- package/dist/FieldError-BqM3R6B8.js +22 -0
- package/dist/FieldError.js +1 -1
- package/dist/Header.js +8 -13
- package/dist/Heading.js +11 -13
- package/dist/{Icon-X0pOdlJY.js → Icon-CVuHAKTy.js} +18 -16
- package/dist/Icon.js +1 -1
- package/dist/{IconCheck-BD6sGh4B.js → IconCheck-BBgaFuso.js} +1 -1
- package/dist/{IconChevronUp-CyLNEJQy.js → IconChevronUp-WxE858Is.js} +1 -1
- package/dist/{IconClose-mhahyKoS.js → IconClose-HOOYba0n.js} +1 -1
- package/dist/{IconCopy-Bpp37OMK.js → IconCopy-D-X5JJSk.js} +1 -1
- package/dist/{IconDanger-DH5QCYHj.js → IconDanger-BxaqoG1h.js} +1 -1
- package/dist/{IconPlus-CnjtlT2f.js → IconPlus-C_KrGwcv.js} +1 -1
- package/dist/{IconSucceeded-DQdtfEkv.js → IconSucceeded-B0MTWMyT.js} +1 -1
- package/dist/{IconUnchecked-BhOGDWAq.js → IconUnchecked-Dh6R-VMa.js} +1 -1
- package/dist/{IconWarning-D7qa4Hmz.js → IconWarning-CwE-4DCj.js} +1 -1
- package/dist/Icons.js +10 -10
- package/dist/Image.js +10 -8
- package/dist/Initials.js +13 -11
- package/dist/InlineAlert.js +16 -18
- package/dist/Label-YM0J0DAt.js +27 -0
- package/dist/Label.js +1 -1
- package/dist/LayoutCard.js +9 -15
- package/dist/Link.js +21 -19
- package/dist/List.js +7 -7
- package/dist/Modal.js +73 -0
- package/dist/Navigation.js +29 -27
- package/dist/NumberField.js +14 -12
- package/dist/RadioGroup.js +14 -12
- package/dist/StatusBadge.js +16 -19
- package/dist/{StatusIcon-VLj9j54q.js → StatusIcon-D5bsibLX.js} +10 -8
- package/dist/StatusIcon.js +1 -1
- package/dist/Switch.js +16 -20
- package/dist/Text-DpogSoua.js +29 -0
- package/dist/Text.js +1 -1
- package/dist/TextArea.js +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{TextFieldBase-_wFIsQyH.js → TextFieldBase-B4BOYXb1.js} +1 -1
- package/dist/Tooltip.js +3 -3
- package/dist/TooltipTrigger-BrP57dnv.js +20 -0
- package/dist/context-BzhxSFz9.js +7 -0
- package/dist/flowComponent-pdauvORb.js +30 -0
- package/dist/styles.css +1 -1
- package/dist/types/components/Button/Button.d.ts +4 -3
- package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +5 -0
- package/dist/types/components/ButtonGroup/index.d.ts +3 -0
- package/dist/types/components/ButtonGroup/stories/Default.stories.d.ts +10 -0
- package/dist/types/components/Content/Content.d.ts +4 -3
- package/dist/types/components/CopyButton/CopyButton.d.ts +4 -3
- package/dist/types/components/FieldDescription/FieldDescription.d.ts +4 -3
- package/dist/types/components/FieldError/FieldError.d.ts +4 -3
- package/dist/types/components/Header/Header.d.ts +4 -3
- package/dist/types/components/Heading/Heading.d.ts +5 -3
- package/dist/types/components/Icon/Icon.d.ts +4 -3
- package/dist/types/components/Image/Image.d.ts +4 -3
- package/dist/types/components/Initials/Initials.d.ts +4 -3
- package/dist/types/components/InlineAlert/InlineAlert.d.ts +4 -3
- package/dist/types/components/Label/Label.d.ts +4 -3
- package/dist/types/components/LayoutCard/LayoutCard.d.ts +4 -3
- package/dist/types/components/Link/Link.d.ts +4 -3
- package/dist/types/components/Modal/Modal.d.ts +8 -0
- package/dist/types/components/Modal/index.d.ts +4 -0
- package/dist/types/components/Modal/stories/Default.stories.d.ts +9 -0
- package/dist/types/components/Modal/stories/EdgeCases.stories.d.ts +6 -0
- package/dist/types/components/Navigation/components/NavigationItem/NavigationItem.d.ts +4 -3
- package/dist/types/components/StatusBadge/StatusBadge.d.ts +4 -3
- package/dist/types/components/Switch/Switch.d.ts +4 -3
- package/dist/types/components/Text/Text.d.ts +4 -3
- package/dist/types/components/propTypes/index.d.ts +2 -0
- package/dist/types/lib/componentFactory/flowComponent.d.ts +8 -0
- package/dist/types/lib/propsContext/propsContext.d.ts +1 -0
- package/dist/types/lib/types/props.d.ts +5 -2
- package/dist/{useProps-4x7PxhiE.js → useProps-U3eRrkW6.js} +3 -2
- package/package.json +16 -8
- package/dist/FieldError-BFjashy7.js +0 -21
- package/dist/Label-DIeeRQZQ.js +0 -25
- package/dist/Text-BAkan-um.js +0 -27
- package/dist/Tooltip-Co5h9sSt.js +0 -16
- package/dist/TooltipTrigger-7-ynWHZ9.js +0 -11
- package/dist/TooltipTrigger.js +0 -7
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import * as l from "react-aria-components";
|
|
5
|
+
import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
|
|
6
|
+
import { P as f } from "./PropsContextProvider-B6QiUIPM.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
9
|
+
import "remeda";
|
|
10
|
+
import x from "invariant";
|
|
11
|
+
import { f as T } from "./flowComponent-pdauvORb.js";
|
|
12
|
+
const v = T("Text", (r) => {
|
|
13
|
+
const { children: m, className: s, elementType: e = "span", ...i } = r, o = { ...i, className: s }, p = {
|
|
14
|
+
Link: {
|
|
15
|
+
inline: !0
|
|
16
|
+
}
|
|
17
|
+
}, n = /* @__PURE__ */ t.createElement(f, { props: p }, m);
|
|
18
|
+
if (!r.slot) {
|
|
19
|
+
const a = e;
|
|
20
|
+
return /* @__PURE__ */ t.createElement(a, { ...o }, n);
|
|
21
|
+
}
|
|
22
|
+
return x(
|
|
23
|
+
typeof e == "string",
|
|
24
|
+
"'elementType' in Text component must be of type string"
|
|
25
|
+
), /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(l.Text, { ...o, elementType: e }, n));
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
v as T
|
|
29
|
+
};
|
package/dist/Text.js
CHANGED
package/dist/TextArea.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
4
|
import * as l from "react-aria-components";
|
|
5
|
-
import { T as n } from "./TextFieldBase-
|
|
5
|
+
import { T as n } from "./TextFieldBase-B4BOYXb1.js";
|
|
6
6
|
import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
|
|
7
7
|
import "./propsContext-Dx7WKmmM.js";
|
|
8
8
|
import "@react-aria/utils";
|
package/dist/TextField.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import t from "react";
|
|
4
4
|
import * as s from "react-aria-components";
|
|
5
|
-
import { T as a } from "./TextFieldBase-
|
|
5
|
+
import { T as a } from "./TextFieldBase-B4BOYXb1.js";
|
|
6
6
|
import { C as m } from "./ClearPropsContext-CD1-9TZA.js";
|
|
7
7
|
import "./propsContext-Dx7WKmmM.js";
|
|
8
8
|
import "@react-aria/utils";
|
|
@@ -9,7 +9,7 @@ import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
|
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import "./propsContext-Dx7WKmmM.js";
|
|
11
11
|
import "remeda";
|
|
12
|
-
import { F as f } from "./FieldError-
|
|
12
|
+
import { F as f } from "./FieldError-BqM3R6B8.js";
|
|
13
13
|
const D = (o) => {
|
|
14
14
|
const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
|
|
15
15
|
Label: {
|
package/dist/Tooltip.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import {
|
|
4
|
-
import { T } from "./TooltipTrigger-
|
|
3
|
+
import { a as r } from "./TooltipTrigger-BrP57dnv.js";
|
|
4
|
+
import { T as p } from "./TooltipTrigger-BrP57dnv.js";
|
|
5
5
|
export {
|
|
6
6
|
r as Tooltip,
|
|
7
|
-
|
|
7
|
+
p as TooltipTrigger,
|
|
8
8
|
r as default
|
|
9
9
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import * as l from "react-aria-components";
|
|
4
|
+
import o from "react";
|
|
5
|
+
import c from "clsx";
|
|
6
|
+
const n = "flow--tooltip", m = "flow--tooltip--arrow", p = "flow--tooltip--slide", s = {
|
|
7
|
+
tooltip: n,
|
|
8
|
+
arrow: m,
|
|
9
|
+
slide: p
|
|
10
|
+
}, d = (t) => {
|
|
11
|
+
const { children: e, className: r, ...a } = t, i = c(s.tooltip, r);
|
|
12
|
+
return /* @__PURE__ */ o.createElement(l.Tooltip, { ...a, className: i }, /* @__PURE__ */ o.createElement(l.OverlayArrow, { className: s.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), e);
|
|
13
|
+
}, f = (t) => {
|
|
14
|
+
const { children: e, ...r } = t;
|
|
15
|
+
return /* @__PURE__ */ o.createElement(l.TooltipTrigger, { ...r }, e);
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
f as T,
|
|
19
|
+
d as a
|
|
20
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import u, { useContext as s, useLayoutEffect as a } from "react";
|
|
4
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
5
|
+
import { u as c } from "./useProps-U3eRrkW6.js";
|
|
6
|
+
import { t as f } from "./context-BzhxSFz9.js";
|
|
7
|
+
import "@preact/signals-react";
|
|
8
|
+
import "@preact/signals-react/runtime";
|
|
9
|
+
const m = (r) => {
|
|
10
|
+
const { children: e, id: n = "default" } = r, { nodes: t } = s(f);
|
|
11
|
+
return a(() => {
|
|
12
|
+
if (n !== void 0 && e !== t.value[n])
|
|
13
|
+
return t.value = { ...t.value, [n]: e }, () => {
|
|
14
|
+
t.value = { ...t.value, [n]: void 0 };
|
|
15
|
+
};
|
|
16
|
+
}, [e, n, t]), null;
|
|
17
|
+
};
|
|
18
|
+
function w(r, e) {
|
|
19
|
+
return function(t) {
|
|
20
|
+
const o = c(r, t);
|
|
21
|
+
if ("tunnelId" in o) {
|
|
22
|
+
const { tunnelId: l, ...i } = o;
|
|
23
|
+
return /* @__PURE__ */ u.createElement(m, { id: l }, /* @__PURE__ */ u.createElement(e, { ...i }));
|
|
24
|
+
}
|
|
25
|
+
return /* @__PURE__ */ u.createElement(e, { ...o });
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
w as f
|
|
30
|
+
};
|