@mittwald/flow-react-components 0.1.0-alpha.8
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/LICENSE +21 -0
- package/README.md +5 -0
- package/dist/Avatar.d.ts +14 -0
- package/dist/Avatar.js +25 -0
- package/dist/Badge.d.ts +18 -0
- package/dist/Badge.js +39 -0
- package/dist/Button-e6_nSMC7.js +41 -0
- package/dist/Button.d.ts +15 -0
- package/dist/Button.js +14 -0
- package/dist/Checkbox.d.ts +12 -0
- package/dist/Checkbox.js +76 -0
- package/dist/Content.d.ts +13 -0
- package/dist/Content.js +20 -0
- package/dist/CopyToClipboardButton.d.ts +20 -0
- package/dist/CopyToClipboardButton.js +140 -0
- package/dist/FieldDescription.d.ts +12 -0
- package/dist/FieldDescription.js +19 -0
- package/dist/FieldError-O1TRrMMj.js +17 -0
- package/dist/FieldError.d.ts +12 -0
- package/dist/FieldError.js +13 -0
- package/dist/Heading.d.ts +13 -0
- package/dist/Heading.js +26 -0
- package/dist/Icon-ZFuEzyOR.js +55 -0
- package/dist/Icon.d.ts +18 -0
- package/dist/Icon.js +14 -0
- package/dist/Image.d.ts +11 -0
- package/dist/Image.js +11 -0
- package/dist/Initials.d.ts +14 -0
- package/dist/Initials.js +30 -0
- package/dist/Label.d.ts +13 -0
- package/dist/Label.js +26 -0
- package/dist/LabeledValue.d.ts +12 -0
- package/dist/LabeledValue.js +32 -0
- package/dist/Link.d.ts +14 -0
- package/dist/Link.js +25 -0
- package/dist/Navigation.d.ts +22 -0
- package/dist/Navigation.js +53 -0
- package/dist/Note.d.ts +18 -0
- package/dist/Note.js +47 -0
- package/dist/PropsContextProvider-1ZntTV8J.js +26 -0
- package/dist/RadioGroup.d.ts +17 -0
- package/dist/RadioGroup.js +91 -0
- package/dist/StatusIcon-R1Q9m-y9.js +118 -0
- package/dist/StatusIcon.d.ts +17 -0
- package/dist/StatusIcon.js +16 -0
- package/dist/Switch.d.ts +16 -0
- package/dist/Switch.js +30 -0
- package/dist/Text-ZKs-d7Xd.js +19 -0
- package/dist/Text.d.ts +12 -0
- package/dist/Text.js +12 -0
- package/dist/TextArea.d.ts +17 -0
- package/dist/TextArea.js +28 -0
- package/dist/TextField.d.ts +17 -0
- package/dist/TextField.js +21 -0
- package/dist/TextFieldBase-aIybTXPT.js +33 -0
- package/dist/Tooltip-tMnxO0-t.js +16 -0
- package/dist/Tooltip.d.ts +17 -0
- package/dist/Tooltip.js +12 -0
- package/dist/TooltipTrigger-r60QhGZc.js +11 -0
- package/dist/TooltipTrigger.d.ts +12 -0
- package/dist/TooltipTrigger.js +9 -0
- package/dist/clsx-F0OAuoLf.js +24 -0
- package/dist/propsContext-1HT-3SRC.js +7 -0
- package/dist/styles.css +1 -0
- package/dist/stylesInit.d.ts +4 -0
- package/dist/stylesInit.js +6 -0
- package/dist/useProps-5ZdbXCrH.js +27 -0
- package/package.json +131 -0
package/dist/Icon.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BackwardCompatibleOmit } from '@fortawesome/react-fontawesome';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { IconLookup } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import { PropsWithChildren } from 'react';
|
|
5
|
+
import { SVGAttributes } from 'react';
|
|
6
|
+
|
|
7
|
+
declare const Icon: FC<IconProps>;
|
|
8
|
+
export { Icon }
|
|
9
|
+
export default Icon;
|
|
10
|
+
|
|
11
|
+
export declare interface IconProps extends PropsWithChildren<SvgAttributeProps> {
|
|
12
|
+
faIcon?: IconLookup;
|
|
13
|
+
fixedWidth?: boolean;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
declare type SvgAttributeProps = BackwardCompatibleOmit<SVGAttributes<SVGSVGElement>, "children" | "mask" | "transform">;
|
|
17
|
+
|
|
18
|
+
export { }
|
package/dist/Icon.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import { I as r } from "./Icon-ZFuEzyOR.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "@fortawesome/react-fontawesome";
|
|
6
|
+
import "./clsx-F0OAuoLf.js";
|
|
7
|
+
import "html-react-parser";
|
|
8
|
+
import "./propsContext-1HT-3SRC.js";
|
|
9
|
+
import "@react-aria/utils";
|
|
10
|
+
import "./useProps-5ZdbXCrH.js";
|
|
11
|
+
export {
|
|
12
|
+
r as Icon,
|
|
13
|
+
r as default
|
|
14
|
+
};
|
package/dist/Image.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
|
|
4
|
+
declare const Image_2: FC<ImageProps>;
|
|
5
|
+
export { Image_2 as Image }
|
|
6
|
+
export default Image_2;
|
|
7
|
+
|
|
8
|
+
export declare interface ImageProps extends ComponentProps<"img"> {
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { }
|
package/dist/Image.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import r from "react";
|
|
4
|
+
import "./propsContext-1HT-3SRC.js";
|
|
5
|
+
import "@react-aria/utils";
|
|
6
|
+
import { u as t } from "./useProps-5ZdbXCrH.js";
|
|
7
|
+
const i = (e) => /* @__PURE__ */ r.createElement("img", { ...t("Image", e) });
|
|
8
|
+
export {
|
|
9
|
+
i as Image,
|
|
10
|
+
i as default
|
|
11
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
|
|
4
|
+
declare const Initials: FC<InitialsProps>;
|
|
5
|
+
export { Initials }
|
|
6
|
+
export default Initials;
|
|
7
|
+
|
|
8
|
+
export declare interface InitialsProps extends PropsWithChildren<{
|
|
9
|
+
children: string;
|
|
10
|
+
}> {
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { }
|
package/dist/Initials.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import n from "react";
|
|
4
|
+
import { c as m } from "./clsx-F0OAuoLf.js";
|
|
5
|
+
import "./propsContext-1HT-3SRC.js";
|
|
6
|
+
import "@react-aria/utils";
|
|
7
|
+
import { u as p } from "./useProps-5ZdbXCrH.js";
|
|
8
|
+
const f = (t) => {
|
|
9
|
+
let i = 0;
|
|
10
|
+
for (let a = 0; a < t.length; a++)
|
|
11
|
+
i += t.charCodeAt(a);
|
|
12
|
+
return i % 4 + 1;
|
|
13
|
+
}, v = (t) => t.replace(/[^\p{L}\s]/giu, "").split(" ").map((i) => i.trim()[0]).filter((i) => i !== void 0).map((i) => i.toUpperCase()).slice(0, 2), u = "flow--initials", s = {
|
|
14
|
+
initials: u,
|
|
15
|
+
"variant-1": "flow--initials--variant-1",
|
|
16
|
+
"variant-2": "flow--initials--variant-2",
|
|
17
|
+
"variant-3": "flow--initials--variant-3",
|
|
18
|
+
"variant-4": "flow--initials--variant-4"
|
|
19
|
+
}, E = (t) => {
|
|
20
|
+
const { children: i, className: a } = p("Initials", t), r = v(i), l = m(
|
|
21
|
+
s.initials,
|
|
22
|
+
s[`variant-${f(i)}`],
|
|
23
|
+
a
|
|
24
|
+
), e = r.map((o, c) => /* @__PURE__ */ n.createElement("span", { key: c }, o));
|
|
25
|
+
return /* @__PURE__ */ n.createElement("div", { "aria-label": i, className: l }, e);
|
|
26
|
+
};
|
|
27
|
+
export {
|
|
28
|
+
E as Initials,
|
|
29
|
+
E as default
|
|
30
|
+
};
|
package/dist/Label.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Label: FC<LabelProps>;
|
|
6
|
+
export { Label }
|
|
7
|
+
export default Label;
|
|
8
|
+
|
|
9
|
+
export declare interface LabelProps extends PropsWithChildren<Omit<Aria.LabelProps, "children">> {
|
|
10
|
+
optional?: boolean;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { }
|
package/dist/Label.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import i from "react";
|
|
4
|
+
import * as m from "react-aria-components";
|
|
5
|
+
import { c } from "./clsx-F0OAuoLf.js";
|
|
6
|
+
import "./propsContext-1HT-3SRC.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import { u as p } from "./useProps-5ZdbXCrH.js";
|
|
9
|
+
import { useLocalizedStringFormatter as b } from "react-aria";
|
|
10
|
+
const f = "flow--label", u = {
|
|
11
|
+
label: f
|
|
12
|
+
}, d = {
|
|
13
|
+
"de-DE": {
|
|
14
|
+
"label.optional": "(optional)"
|
|
15
|
+
},
|
|
16
|
+
"en-EN": {
|
|
17
|
+
"label.optional": "(optional)"
|
|
18
|
+
}
|
|
19
|
+
}, h = (o) => {
|
|
20
|
+
const { children: t, className: a, optional: l, ...e } = p("Label", o), r = b(d), s = c(u.label, a), n = " " + r.format("label.optional");
|
|
21
|
+
return /* @__PURE__ */ i.createElement(m.Label, { ...e, className: s }, t, l && n);
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
h as Label,
|
|
25
|
+
h as default
|
|
26
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
|
|
4
|
+
declare const LabeledValue: FC<LabeledValueProps>;
|
|
5
|
+
export { LabeledValue }
|
|
6
|
+
export default LabeledValue;
|
|
7
|
+
|
|
8
|
+
export declare interface LabeledValueProps extends PropsWithChildren {
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { }
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import l from "react";
|
|
4
|
+
import { c } from "./clsx-F0OAuoLf.js";
|
|
5
|
+
import "./propsContext-1HT-3SRC.js";
|
|
6
|
+
import { P as r } from "./PropsContextProvider-1ZntTV8J.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
const p = "flow--labeled-value", m = "flow--labeled-value--copy-button", b = "flow--labeled-value--label", u = "flow--labeled-value--content", e = {
|
|
9
|
+
labeledValue: p,
|
|
10
|
+
copyButton: m,
|
|
11
|
+
label: b,
|
|
12
|
+
content: u
|
|
13
|
+
}, C = (t) => {
|
|
14
|
+
const { children: o, className: a } = t, n = c(e.labeledValue, a), s = {
|
|
15
|
+
Label: {
|
|
16
|
+
className: e.label
|
|
17
|
+
},
|
|
18
|
+
Content: {
|
|
19
|
+
className: e.content
|
|
20
|
+
},
|
|
21
|
+
CopyToClipboard: {
|
|
22
|
+
className: e.copyButton,
|
|
23
|
+
variant: "plain",
|
|
24
|
+
small: !0
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
return /* @__PURE__ */ l.createElement("div", { className: n }, /* @__PURE__ */ l.createElement(r, { props: s }, o));
|
|
28
|
+
};
|
|
29
|
+
export {
|
|
30
|
+
C as LabeledValue,
|
|
31
|
+
C as default
|
|
32
|
+
};
|
package/dist/Link.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Link: FC<LinkProps>;
|
|
6
|
+
export { Link }
|
|
7
|
+
export default Link;
|
|
8
|
+
|
|
9
|
+
export declare interface LinkProps extends PropsWithChildren<Omit<Aria.LinkProps, "children">> {
|
|
10
|
+
/** @default "default" */
|
|
11
|
+
variant?: "default" | "danger";
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { }
|
package/dist/Link.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as l from "react-aria-components";
|
|
5
|
+
import "./propsContext-1HT-3SRC.js";
|
|
6
|
+
import "@react-aria/utils";
|
|
7
|
+
import { u as m } from "./useProps-5ZdbXCrH.js";
|
|
8
|
+
import { c } from "./clsx-F0OAuoLf.js";
|
|
9
|
+
const p = "flow--link", f = "flow--link--primary", k = "flow--link--danger", r = {
|
|
10
|
+
link: p,
|
|
11
|
+
primary: f,
|
|
12
|
+
danger: k
|
|
13
|
+
}, L = (o) => {
|
|
14
|
+
const {
|
|
15
|
+
children: t,
|
|
16
|
+
className: a,
|
|
17
|
+
variant: n = "default",
|
|
18
|
+
...s
|
|
19
|
+
} = m("Link", o), i = c(r.link, r[n], a);
|
|
20
|
+
return /* @__PURE__ */ e.createElement(l.Link, { className: i, ...s }, t);
|
|
21
|
+
};
|
|
22
|
+
export {
|
|
23
|
+
L as Link,
|
|
24
|
+
L as default
|
|
25
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { AriaMenuProps } from 'react-aria';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { ComponentType } from 'react';
|
|
4
|
+
import { ItemProps } from 'react-stately';
|
|
5
|
+
import { default as React_2 } from 'react';
|
|
6
|
+
|
|
7
|
+
declare function Navigation<T extends object>(props: NavigationProps<T>): React_2.JSX.Element;
|
|
8
|
+
export { Navigation }
|
|
9
|
+
export default Navigation;
|
|
10
|
+
|
|
11
|
+
export declare const NavigationItem: ComponentType<NavigationItemProps<never>>;
|
|
12
|
+
|
|
13
|
+
export declare interface NavigationItemProps<T = never> extends ItemProps<T> {
|
|
14
|
+
isCurrent?: boolean;
|
|
15
|
+
linkComponent?: ComponentType<Omit<ComponentProps<"a">, "ref">>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export declare interface NavigationProps<T = never> extends AriaMenuProps<T> {
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { }
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import a from "react";
|
|
4
|
+
import { useTreeState as p, Item as v } from "react-stately";
|
|
5
|
+
import "./propsContext-1HT-3SRC.js";
|
|
6
|
+
import { P as g } from "./PropsContextProvider-1ZntTV8J.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import * as l from "remeda";
|
|
9
|
+
import { useMenuItem as f, useMenu as I } from "react-aria";
|
|
10
|
+
import { c as N } from "./clsx-F0OAuoLf.js";
|
|
11
|
+
const x = "flow--navigation", c = {
|
|
12
|
+
navigation: x
|
|
13
|
+
}, P = "flow--navigation--navigation-item", y = "flow--navigation--navigation-item--icon", k = "flow--navigation--navigation-item--text", r = {
|
|
14
|
+
navigationItem: P,
|
|
15
|
+
icon: y,
|
|
16
|
+
text: k
|
|
17
|
+
}, C = (e, n, o) => {
|
|
18
|
+
const t = f(e, n, o);
|
|
19
|
+
return t.menuItemProps = l.omit(t.menuItemProps, ["role"]), t;
|
|
20
|
+
};
|
|
21
|
+
function E(e) {
|
|
22
|
+
const { item: n, state: o } = e, { isCurrent: t, linkComponent: m = "a" } = n.props, i = a.useRef(null), { menuItemProps: s } = C({ key: n.key }, o, i), u = {
|
|
23
|
+
Text: {
|
|
24
|
+
className: r.text
|
|
25
|
+
},
|
|
26
|
+
Icon: {
|
|
27
|
+
className: r.icon
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
return /* @__PURE__ */ a.createElement("li", { className: r.navigationItem }, /* @__PURE__ */ a.createElement(
|
|
31
|
+
m,
|
|
32
|
+
{
|
|
33
|
+
...s,
|
|
34
|
+
ref: i,
|
|
35
|
+
"aria-current": t ? "page" : !1
|
|
36
|
+
},
|
|
37
|
+
/* @__PURE__ */ a.createElement(g, { props: u }, n.rendered)
|
|
38
|
+
));
|
|
39
|
+
}
|
|
40
|
+
const d = (e, n, o) => {
|
|
41
|
+
const t = I(e, n, o);
|
|
42
|
+
return t.menuProps = l.omit(t.menuProps, ["role"]), t;
|
|
43
|
+
};
|
|
44
|
+
function $(e) {
|
|
45
|
+
const { className: n } = e, o = p(e), t = a.useRef(null), { menuProps: m } = d(e, o, t), i = N(c.navigation, n);
|
|
46
|
+
return /* @__PURE__ */ a.createElement("nav", { ...m, className: i, ref: t }, /* @__PURE__ */ a.createElement("ul", { className: c.list }, Array.from(o.collection).map((s) => /* @__PURE__ */ a.createElement(E, { state: o, item: s, key: s.key }))));
|
|
47
|
+
}
|
|
48
|
+
const b = v;
|
|
49
|
+
export {
|
|
50
|
+
$ as Navigation,
|
|
51
|
+
b as NavigationItem,
|
|
52
|
+
$ as default
|
|
53
|
+
};
|
package/dist/Note.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Note: FC<NoteProps>;
|
|
6
|
+
export { Note }
|
|
7
|
+
export default Note;
|
|
8
|
+
|
|
9
|
+
export declare interface NoteProps extends PropsWithChildren<ComponentProps<"aside">>, StatusVariantProps<"success"> {
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
declare interface StatusVariantProps<TOmit extends Variant = never> {
|
|
13
|
+
variant?: Exclude<Variant, TOmit>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
declare type Variant = "info" | "success" | "warning" | "danger";
|
|
17
|
+
|
|
18
|
+
export { }
|
package/dist/Note.js
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import "./propsContext-1HT-3SRC.js";
|
|
5
|
+
import { P as m } from "./PropsContextProvider-1ZntTV8J.js";
|
|
6
|
+
import { u as l } from "./useProps-5ZdbXCrH.js";
|
|
7
|
+
import { c as f } from "./clsx-F0OAuoLf.js";
|
|
8
|
+
import { S as p } from "./StatusIcon-R1Q9m-y9.js";
|
|
9
|
+
import "@react-aria/utils";
|
|
10
|
+
import "./Icon-ZFuEzyOR.js";
|
|
11
|
+
import "@fortawesome/react-fontawesome";
|
|
12
|
+
import "html-react-parser";
|
|
13
|
+
import "react-aria";
|
|
14
|
+
const d = "flow--note", u = "flow--note--custom-icon", g = "flow--note--status-icon", w = "flow--note--content", N = "flow--note--heading", I = "flow--note--info", h = "flow--note--warning", x = "flow--note--danger", o = {
|
|
15
|
+
note: d,
|
|
16
|
+
customIcon: u,
|
|
17
|
+
statusIcon: g,
|
|
18
|
+
content: w,
|
|
19
|
+
heading: N,
|
|
20
|
+
info: I,
|
|
21
|
+
warning: h,
|
|
22
|
+
danger: x
|
|
23
|
+
}, q = (e) => {
|
|
24
|
+
const {
|
|
25
|
+
children: s,
|
|
26
|
+
className: a,
|
|
27
|
+
variant: n = "info",
|
|
28
|
+
...c
|
|
29
|
+
} = l("Note", e), r = f(o.note, o[n], a), i = {
|
|
30
|
+
Icon: {
|
|
31
|
+
className: o.customIcon,
|
|
32
|
+
"aria-hidden": !1
|
|
33
|
+
},
|
|
34
|
+
Heading: {
|
|
35
|
+
className: o.heading,
|
|
36
|
+
level: 3
|
|
37
|
+
},
|
|
38
|
+
Content: {
|
|
39
|
+
className: o.content
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return /* @__PURE__ */ t.createElement("aside", { ...c, className: r }, /* @__PURE__ */ t.createElement(p, { className: o.statusIcon, variant: n }), /* @__PURE__ */ t.createElement(m, { props: i }, s));
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
q as Note,
|
|
46
|
+
q as default
|
|
47
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import m, { useContext as c, useMemo as i } from "react";
|
|
4
|
+
import { p } from "./propsContext-1HT-3SRC.js";
|
|
5
|
+
import { mergeProps as P } from "@react-aria/utils";
|
|
6
|
+
const d = (r, o) => {
|
|
7
|
+
const t = Object.keys({
|
|
8
|
+
...r,
|
|
9
|
+
...o
|
|
10
|
+
});
|
|
11
|
+
return Object.fromEntries(
|
|
12
|
+
t.map((e) => [
|
|
13
|
+
e,
|
|
14
|
+
P(r[e], o[e])
|
|
15
|
+
])
|
|
16
|
+
);
|
|
17
|
+
}, C = (r) => {
|
|
18
|
+
const { props: o, dependencies: t = [], children: e } = r, s = c(p), n = i(
|
|
19
|
+
() => d(s, o),
|
|
20
|
+
[s, ...t]
|
|
21
|
+
);
|
|
22
|
+
return /* @__PURE__ */ m.createElement(p.Provider, { value: n }, e);
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
C as P
|
|
26
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
export declare const Radio: FC<RadioProps>;
|
|
6
|
+
|
|
7
|
+
declare const RadioGroup: FC<RadioGroupProps>;
|
|
8
|
+
export { RadioGroup }
|
|
9
|
+
export default RadioGroup;
|
|
10
|
+
|
|
11
|
+
export declare interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">> {
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export declare interface RadioProps extends PropsWithChildren<Omit<Aria.RadioProps, "children">> {
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { }
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import * as m from "react-aria-components";
|
|
5
|
+
import { c as f } from "./clsx-F0OAuoLf.js";
|
|
6
|
+
import "./propsContext-1HT-3SRC.js";
|
|
7
|
+
import { P as u } from "./PropsContextProvider-1ZntTV8J.js";
|
|
8
|
+
import "@react-aria/utils";
|
|
9
|
+
import { F as g } from "./FieldError-O1TRrMMj.js";
|
|
10
|
+
import { I as N } from "./Icon-ZFuEzyOR.js";
|
|
11
|
+
import "./useProps-5ZdbXCrH.js";
|
|
12
|
+
import "@fortawesome/react-fontawesome";
|
|
13
|
+
import "html-react-parser";
|
|
14
|
+
const v = "flow--radio-group", w = "flow--radio-group--content", C = "flow--radio-group--icon", k = "flow--radio-group--label", E = "flow--radio-group--field-error", b = "flow--radio-group--custom-field-error", P = "flow--radio-group--field-description", n = {
|
|
15
|
+
radioGroup: v,
|
|
16
|
+
content: w,
|
|
17
|
+
icon: C,
|
|
18
|
+
label: k,
|
|
19
|
+
fieldError: E,
|
|
20
|
+
customFieldError: b,
|
|
21
|
+
fieldDescription: P
|
|
22
|
+
}, q = (o) => {
|
|
23
|
+
const { children: e, className: i, ...r } = o, c = f(n.radioGroup, i), a = {
|
|
24
|
+
Label: {
|
|
25
|
+
className: n.label
|
|
26
|
+
},
|
|
27
|
+
FieldDescription: {
|
|
28
|
+
className: n.fieldDescription
|
|
29
|
+
},
|
|
30
|
+
FieldError: {
|
|
31
|
+
className: n.customFieldError
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
return /* @__PURE__ */ t.createElement(m.RadioGroup, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(g, { className: n.fieldError }));
|
|
35
|
+
}, D = "flow--radio-group--radio", F = "flow--radio-group--radio--content", G = "flow--radio-group--radio--icon", R = "flow--radio-group--radio--checkmark", y = "flow--radio-group--radio--label", l = {
|
|
36
|
+
radio: D,
|
|
37
|
+
content: F,
|
|
38
|
+
icon: G,
|
|
39
|
+
checkmark: R,
|
|
40
|
+
label: y
|
|
41
|
+
};
|
|
42
|
+
var h = {}, p = {};
|
|
43
|
+
(function(o) {
|
|
44
|
+
Object.defineProperty(o, "__esModule", { value: !0 });
|
|
45
|
+
var e = "far", i = "circle-check", r = 512, c = 512, a = [61533, "check-circle"], s = "f058", d = "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z";
|
|
46
|
+
o.definition = {
|
|
47
|
+
prefix: e,
|
|
48
|
+
iconName: i,
|
|
49
|
+
icon: [
|
|
50
|
+
r,
|
|
51
|
+
c,
|
|
52
|
+
a,
|
|
53
|
+
s,
|
|
54
|
+
d
|
|
55
|
+
]
|
|
56
|
+
}, o.faCircleCheck = o.definition, o.prefix = e, o.iconName = i, o.width = r, o.height = c, o.ligatures = a, o.unicode = s, o.svgPathData = d, o.aliases = a;
|
|
57
|
+
})(p);
|
|
58
|
+
(function(o) {
|
|
59
|
+
Object.defineProperty(o, "__esModule", { value: !0 });
|
|
60
|
+
var e = p;
|
|
61
|
+
o.definition = {
|
|
62
|
+
prefix: e.prefix,
|
|
63
|
+
iconName: e.iconName,
|
|
64
|
+
icon: [
|
|
65
|
+
e.width,
|
|
66
|
+
e.height,
|
|
67
|
+
e.aliases,
|
|
68
|
+
e.unicode,
|
|
69
|
+
e.svgPathData
|
|
70
|
+
]
|
|
71
|
+
}, o.faCheckCircle = o.definition, o.prefix = e.prefix, o.iconName = e.iconName, o.width = e.width, o.height = e.height, o.ligatures = e.aliases, o.unicode = e.unicode, o.svgPathData = e.svgPathData, o.aliases = e.aliases;
|
|
72
|
+
})(h);
|
|
73
|
+
const B = (o) => {
|
|
74
|
+
const { children: e, className: i, ...r } = o, c = f(l.radio, i), a = {
|
|
75
|
+
Icon: {
|
|
76
|
+
className: l.icon
|
|
77
|
+
},
|
|
78
|
+
Text: {
|
|
79
|
+
className: l.label
|
|
80
|
+
},
|
|
81
|
+
Content: {
|
|
82
|
+
className: l.content
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
return /* @__PURE__ */ t.createElement(m.Radio, { ...r, className: c }, /* @__PURE__ */ t.createElement(u, { props: a }, e), /* @__PURE__ */ t.createElement(N, { className: l.checkmark, faIcon: h.faCheckCircle }));
|
|
86
|
+
};
|
|
87
|
+
export {
|
|
88
|
+
B as Radio,
|
|
89
|
+
q as RadioGroup,
|
|
90
|
+
q as default
|
|
91
|
+
};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import s from "react";
|
|
4
|
+
import { I as g } from "./Icon-ZFuEzyOR.js";
|
|
5
|
+
import { useLocalizedStringFormatter as m } from "react-aria";
|
|
6
|
+
var h = {}, r = {};
|
|
7
|
+
(function(a) {
|
|
8
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
9
|
+
var i = "fas", c = "circle-check", t = 512, n = 512, e = [61533, "check-circle"], f = "f058", l = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z";
|
|
10
|
+
a.definition = {
|
|
11
|
+
prefix: i,
|
|
12
|
+
iconName: c,
|
|
13
|
+
icon: [
|
|
14
|
+
t,
|
|
15
|
+
n,
|
|
16
|
+
e,
|
|
17
|
+
f,
|
|
18
|
+
l
|
|
19
|
+
]
|
|
20
|
+
}, a.faCircleCheck = a.definition, a.prefix = i, a.iconName = c, a.width = t, a.height = n, a.ligatures = e, a.unicode = f, a.svgPathData = l, a.aliases = e;
|
|
21
|
+
})(r);
|
|
22
|
+
(function(a) {
|
|
23
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
24
|
+
var i = r;
|
|
25
|
+
a.definition = {
|
|
26
|
+
prefix: i.prefix,
|
|
27
|
+
iconName: i.iconName,
|
|
28
|
+
icon: [
|
|
29
|
+
i.width,
|
|
30
|
+
i.height,
|
|
31
|
+
i.aliases,
|
|
32
|
+
i.unicode,
|
|
33
|
+
i.svgPathData
|
|
34
|
+
]
|
|
35
|
+
}, a.faCheckCircle = a.definition, a.prefix = i.prefix, a.iconName = i.iconName, a.width = i.width, a.height = i.height, a.ligatures = i.aliases, a.unicode = i.unicode, a.svgPathData = i.svgPathData, a.aliases = i.aliases;
|
|
36
|
+
})(h);
|
|
37
|
+
var u = {}, o = {};
|
|
38
|
+
(function(a) {
|
|
39
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
40
|
+
var i = "fas", c = "circle-info", t = 512, n = 512, e = ["info-circle"], f = "f05a", l = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z";
|
|
41
|
+
a.definition = {
|
|
42
|
+
prefix: i,
|
|
43
|
+
iconName: c,
|
|
44
|
+
icon: [
|
|
45
|
+
t,
|
|
46
|
+
n,
|
|
47
|
+
e,
|
|
48
|
+
f,
|
|
49
|
+
l
|
|
50
|
+
]
|
|
51
|
+
}, a.faCircleInfo = a.definition, a.prefix = i, a.iconName = c, a.width = t, a.height = n, a.ligatures = e, a.unicode = f, a.svgPathData = l, a.aliases = e;
|
|
52
|
+
})(o);
|
|
53
|
+
(function(a) {
|
|
54
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
55
|
+
var i = o;
|
|
56
|
+
a.definition = {
|
|
57
|
+
prefix: i.prefix,
|
|
58
|
+
iconName: i.iconName,
|
|
59
|
+
icon: [
|
|
60
|
+
i.width,
|
|
61
|
+
i.height,
|
|
62
|
+
i.aliases,
|
|
63
|
+
i.unicode,
|
|
64
|
+
i.svgPathData
|
|
65
|
+
]
|
|
66
|
+
}, a.faInfoCircle = a.definition, a.prefix = i.prefix, a.iconName = i.iconName, a.width = i.width, a.height = i.height, a.ligatures = i.aliases, a.unicode = i.unicode, a.svgPathData = i.svgPathData, a.aliases = i.aliases;
|
|
67
|
+
})(u);
|
|
68
|
+
var d = {}, v = {};
|
|
69
|
+
(function(a) {
|
|
70
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
71
|
+
var i = "fas", c = "circle-exclamation", t = 512, n = 512, e = ["exclamation-circle"], f = "f06a", l = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z";
|
|
72
|
+
a.definition = {
|
|
73
|
+
prefix: i,
|
|
74
|
+
iconName: c,
|
|
75
|
+
icon: [
|
|
76
|
+
t,
|
|
77
|
+
n,
|
|
78
|
+
e,
|
|
79
|
+
f,
|
|
80
|
+
l
|
|
81
|
+
]
|
|
82
|
+
}, a.faCircleExclamation = a.definition, a.prefix = i, a.iconName = c, a.width = t, a.height = n, a.ligatures = e, a.unicode = f, a.svgPathData = l, a.aliases = e;
|
|
83
|
+
})(v);
|
|
84
|
+
(function(a) {
|
|
85
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
86
|
+
var i = v;
|
|
87
|
+
a.definition = {
|
|
88
|
+
prefix: i.prefix,
|
|
89
|
+
iconName: i.iconName,
|
|
90
|
+
icon: [
|
|
91
|
+
i.width,
|
|
92
|
+
i.height,
|
|
93
|
+
i.aliases,
|
|
94
|
+
i.unicode,
|
|
95
|
+
i.svgPathData
|
|
96
|
+
]
|
|
97
|
+
}, a.faExclamationCircle = a.definition, a.prefix = i.prefix, a.iconName = i.iconName, a.width = i.width, a.height = i.height, a.ligatures = i.aliases, a.unicode = i.unicode, a.svgPathData = i.svgPathData, a.aliases = i.aliases;
|
|
98
|
+
})(d);
|
|
99
|
+
const N = {
|
|
100
|
+
"de-DE": {
|
|
101
|
+
"statusIcon.danger": "Fehler",
|
|
102
|
+
"statusIcon.info": "Information",
|
|
103
|
+
"statusIcon.success": "Erfolgreich",
|
|
104
|
+
"statusIcon.warning": "Warnung"
|
|
105
|
+
},
|
|
106
|
+
"en-EN": {
|
|
107
|
+
"statusIcon.danger": "Error",
|
|
108
|
+
"statusIcon.info": "Information",
|
|
109
|
+
"statusIcon.success": "Successful",
|
|
110
|
+
"statusIcon.warning": "Warning"
|
|
111
|
+
}
|
|
112
|
+
}, w = (a) => {
|
|
113
|
+
const { variant: i = "info", ...c } = a, n = m(N).format(`statusIcon.${i}`), e = i === "info" ? u.faInfoCircle : i === "success" ? h.faCheckCircle : d.faExclamationCircle;
|
|
114
|
+
return /* @__PURE__ */ s.createElement(g, { "aria-label": n, faIcon: e, ...c });
|
|
115
|
+
};
|
|
116
|
+
export {
|
|
117
|
+
w as S
|
|
118
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
|
|
3
|
+
declare const StatusIcon: FC<StatusIconProps>;
|
|
4
|
+
export { StatusIcon }
|
|
5
|
+
export default StatusIcon;
|
|
6
|
+
|
|
7
|
+
export declare interface StatusIconProps extends StatusVariantProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare interface StatusVariantProps<TOmit extends Variant = never> {
|
|
12
|
+
variant?: Exclude<Variant, TOmit>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
declare type Variant = "info" | "success" | "warning" | "danger";
|
|
16
|
+
|
|
17
|
+
export { }
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import { S as o } from "./StatusIcon-R1Q9m-y9.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./Icon-ZFuEzyOR.js";
|
|
6
|
+
import "@fortawesome/react-fontawesome";
|
|
7
|
+
import "./clsx-F0OAuoLf.js";
|
|
8
|
+
import "html-react-parser";
|
|
9
|
+
import "./propsContext-1HT-3SRC.js";
|
|
10
|
+
import "@react-aria/utils";
|
|
11
|
+
import "./useProps-5ZdbXCrH.js";
|
|
12
|
+
import "react-aria";
|
|
13
|
+
export {
|
|
14
|
+
o as StatusIcon,
|
|
15
|
+
o as default
|
|
16
|
+
};
|