@mittwald/flow-react-components 0.1.0-alpha.132 → 0.1.0-alpha.133
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/{Accordion-C0i7OVyG.js → Accordion-rCpRbkUM.js} +5 -5
- package/dist/Accordion.js +1 -1
- package/dist/Action-Dp9FyJCZ.js +282 -0
- package/dist/Action.js +1 -1
- package/dist/ActionGroup.js +25 -25
- package/dist/Avatar.js +4 -4
- package/dist/Breadcrumb.js +21 -19
- package/dist/{Button-DmFXEX6m.js → Button-BPAhEOTg.js} +8 -8
- package/dist/Button.js +1 -1
- package/dist/{Checkbox-D4IUwOOm.js → Checkbox-CD6v6jqo.js} +6 -6
- package/dist/Checkbox.js +1 -1
- package/dist/{CheckboxButton-Cw_cTFPz.js → CheckboxButton-I0WYBLv2.js} +5 -5
- package/dist/CheckboxButton.js +1 -1
- package/dist/CheckboxGroup.js +5 -5
- package/dist/{ClearPropsContext-mes1t7Bj.js → ClearPropsContext-CUvsbMn8.js} +1 -1
- package/dist/{Content-Cq-QSozP.js → Content-DlB-BYko.js} +3 -3
- package/dist/Content.js +1 -1
- package/dist/ContextMenu.js +3 -3
- package/dist/{ContextMenuTrigger-ChPmQMpO.js → ContextMenuTrigger-BwhLrGm5.js} +15 -18
- package/dist/CopyButton.js +7 -7
- package/dist/CounterBadge.js +1 -1
- package/dist/FieldDescription.js +4 -4
- package/dist/{FieldError-hYSngYTh.js → FieldError-D_VRyiJG.js} +5 -5
- package/dist/FieldError.js +1 -1
- package/dist/{Header-BPe0FNKy.js → Header-BetbThNR.js} +1 -1
- package/dist/Header.js +1 -1
- package/dist/HeaderNavigation.js +23 -24
- package/dist/{Heading-0KJIjlox.js → Heading-CfQzGjxY.js} +4 -4
- package/dist/Heading.js +1 -1
- package/dist/{Icon-DeN4Y_a0.js → Icon-D4bkU_pz.js} +3 -3
- package/dist/Icon.js +1 -1
- package/dist/{IconCheck-Dt46vtrJ.js → IconCheck-CMWmQYpS.js} +1 -1
- package/dist/{IconCheckboxEmpty-DdLa3K6h.js → IconCheckboxEmpty-DQLeOSmS.js} +1 -1
- package/dist/{IconCheckboxIndeterminate-DZubWEXp.js → IconCheckboxIndeterminate-DoNQre-9.js} +1 -1
- package/dist/{IconChevronDown-DxftprRQ.js → IconChevronDown-HLDPe1kj.js} +1 -1
- package/dist/{IconChevronRight-BmNGIbWG.js → IconChevronRight-DmCZeDFh.js} +1 -1
- package/dist/IconChevronUp-CUKpaGeP.js +9 -0
- package/dist/{IconClose-CVvBI6H7.js → IconClose-FTrJdf_N.js} +1 -1
- package/dist/{IconContextMenu-BZ6cD-An.js → IconContextMenu-Bmk1_j_0.js} +1 -1
- package/dist/{IconCopy-DCChJuYP.js → IconCopy-DH_CNzXF.js} +1 -1
- package/dist/{IconDanger-l4_b7cTo.js → IconDanger-PwvUWqzQ.js} +1 -1
- package/dist/{IconPending-VHfFhE2m.js → IconPending-BV7TXz8_.js} +1 -1
- package/dist/IconPlus-CAQpgAH5.js +10 -0
- package/dist/{IconRadioOn-BQq4Iu7w.js → IconRadioOn-BIS8wd64.js} +1 -1
- package/dist/{IconSearch-BxE5ZQFN.js → IconSearch-DadOOeXe.js} +1 -1
- package/dist/{IconSucceeded-LyvLqe_3.js → IconSucceeded-KKiDIenP.js} +1 -1
- package/dist/{IconWarning-CbxAYuzB.js → IconWarning-DFG_1t6M.js} +1 -1
- package/dist/Icons.js +39 -38
- package/dist/{IllustratedMessage-D07W9uSy.js → IllustratedMessage-DadLfPs9.js} +2 -2
- package/dist/IllustratedMessage.js +1 -1
- package/dist/Image.js +3 -3
- package/dist/Initials.js +3 -3
- package/dist/InlineAlert.js +5 -5
- package/dist/{InlineCode-Sk5wfXAE.js → InlineCode-BT-PKxVv.js} +2 -2
- package/dist/InlineCode.js +1 -1
- package/dist/{Label-Cy_UxX3Y.js → Label-CJi7iMmE.js} +3 -3
- package/dist/Label.js +1 -1
- package/dist/LabeledValue.js +3 -3
- package/dist/LayoutCard.js +3 -3
- package/dist/{Link-B1BFyDl1.js → Link-TcBL3IVI.js} +4 -4
- package/dist/Link.js +1 -1
- package/dist/List.js +42 -43
- package/dist/{LoadingSpinner-DSpuNOHM.js → LoadingSpinner-CoSM7GIL.js} +2 -2
- package/dist/LoadingSpinner.js +1 -1
- package/dist/{MenuItem-BKaeRvx3.js → MenuItem-Dny58Rqq.js} +7 -7
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.js +4 -4
- package/dist/Navigation.js +36 -34
- package/dist/NumberField.js +21 -20
- package/dist/OffCanvas.js +8 -8
- package/dist/OverlayTrigger-DbjMkqKf.js +20 -0
- package/dist/ProgressBar.js +2 -2
- package/dist/{PropsContextProvider-B7e3QrmR.js → PropsContextProvider-C6Z4XGp6.js} +17 -17
- package/dist/RadioGroup.js +8 -8
- package/dist/Section.js +3 -3
- package/dist/Select.js +44 -45
- package/dist/Slider.js +105 -0
- package/dist/StatusBadge.js +5 -5
- package/dist/{StatusIcon-DKPrtG-X.js → StatusIcon-Dj5p-iL1.js} +5 -5
- package/dist/StatusIcon.js +1 -1
- package/dist/Switch.js +7 -7
- package/dist/Tabs.js +9 -9
- package/dist/{Text-DlffGRII.js → Text-D6e-S6em.js} +4 -4
- package/dist/Text.js +1 -1
- package/dist/TextArea.js +4 -4
- package/dist/TextField.js +4 -4
- package/dist/{TextFieldBase-CQ8ddfp_.js → TextFieldBase-D6wA8562.js} +4 -4
- package/dist/flowComponent-CPKCCJEg.js +120 -0
- package/dist/getActionGroupSlot-izllH4ID.js +59 -0
- package/dist/propsContext-DzAKlmhS.js +10 -0
- package/dist/react-hook-form.js +10 -9
- package/dist/slotContext-DoCFkzCA.js +8 -0
- package/dist/styles.css +1 -1
- package/dist/types/components/Action/hooks/useActionButtonState.d.ts +4 -0
- package/dist/types/components/Action/hooks/useConfirmationModalButtonSlot.d.ts +3 -0
- package/dist/types/components/ActionGroup/ActionGroup.d.ts +1 -1
- package/dist/types/components/Avatar/Avatar.d.ts +1 -1
- package/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/Content/Content.d.ts +1 -1
- package/dist/types/components/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/types/components/CopyButton/CopyButton.d.ts +1 -1
- package/dist/types/components/CounterBadge/CounterBadge.d.ts +1 -1
- package/dist/types/components/Header/Header.d.ts +1 -1
- package/dist/types/components/Link/Link.d.ts +1 -1
- package/dist/types/components/MenuItem/MenuItem.d.ts +1 -1
- package/dist/types/components/Modal/Modal.d.ts +1 -1
- package/dist/types/components/Section/Section.d.ts +1 -1
- package/dist/types/components/Slider/Slider.d.ts +9 -0
- package/dist/types/components/Slider/index.d.ts +4 -0
- package/dist/types/components/Slider/stories/Default.stories.d.ts +10 -0
- package/dist/types/components/propTypes/index.d.ts +3 -1
- package/dist/types/lib/componentFactory/flowComponent.d.ts +6 -4
- package/dist/types/lib/propsContext/propsContext.d.ts +4 -2
- package/dist/types/lib/slotContext/SlotContextProvider.d.ts +9 -0
- package/dist/types/lib/slotContext/slotContext.d.ts +44 -0
- package/dist/types/lib/slotContext/types.d.ts +5 -0
- package/dist/types/lib/slotContext/useContextSlot.d.ts +4 -0
- package/dist/types/lib/types/props.d.ts +1 -4
- package/package.json +9 -5
- package/dist/Action-COYULIMl.js +0 -307
- package/dist/ActionStateContext-C_nPivaA.js +0 -55
- package/dist/ComponentRenderContextProvider-C-1_ziLI.js +0 -29
- package/dist/IconPlus-jiiIPCCu.js +0 -11
- package/dist/OverlayTrigger-Bb8cs_IA.js +0 -21
- package/dist/context-D_-mRqs8.js +0 -8
- package/dist/flowComponent-DahHhlnC.js +0 -125
- package/dist/getActionGroupSlot-B4Vu4Kix.js +0 -9
- package/dist/types/components/Action/components/ActionButton.d.ts +0 -4
- package/dist/types/components/Action/components/ActionComponentsRenderContext.d.ts +0 -3
- package/dist/types/components/Action/components/ActionLink.d.ts +0 -4
- package/dist/types/components/Action/components/ActionModal.d.ts +0 -4
- package/dist/types/components/Action/components/ModalActionButton.d.ts +0 -4
- package/dist/types/lib/propsContext/render/ComponentRenderContextProvider.d.ts +0 -18
- package/dist/types/lib/propsContext/render/useComponentRenderFn.d.ts +0 -8
package/dist/NumberField.js
CHANGED
|
@@ -4,18 +4,19 @@ import e from "react";
|
|
|
4
4
|
import * as r from "react-aria-components";
|
|
5
5
|
import { s as t } from "./FormField.module-DHK6nIcD.js";
|
|
6
6
|
import E from "clsx";
|
|
7
|
-
import { C as N } from "./ClearPropsContext-
|
|
8
|
-
import { P as
|
|
7
|
+
import { C as N } from "./ClearPropsContext-CUvsbMn8.js";
|
|
8
|
+
import { P as I } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
|
-
import "./
|
|
10
|
+
import "./propsContext-DzAKlmhS.js";
|
|
11
11
|
import "remeda";
|
|
12
|
-
import { F as
|
|
13
|
-
import { B as
|
|
12
|
+
import { F as b } from "./FieldError-D_VRyiJG.js";
|
|
13
|
+
import { B as m } from "./Button-BPAhEOTg.js";
|
|
14
14
|
import "@tabler/icons-react";
|
|
15
|
-
import "./Icon-
|
|
16
|
-
import { I as C } from "./IconChevronDown-
|
|
17
|
-
import { I as h
|
|
18
|
-
import {
|
|
15
|
+
import "./Icon-D4bkU_pz.js";
|
|
16
|
+
import { I as C } from "./IconChevronDown-HLDPe1kj.js";
|
|
17
|
+
import { I as h } from "./IconChevronUp-CUKpaGeP.js";
|
|
18
|
+
import { I as P, a as F } from "./IconPlus-CAQpgAH5.js";
|
|
19
|
+
import { f as w } from "./flowComponent-CPKCCJEg.js";
|
|
19
20
|
const B = "flow--number-field--group", g = "flow--number-field--input", v = "flow--number-field--decrement-button", x = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", o = {
|
|
20
21
|
group: B,
|
|
21
22
|
input: g,
|
|
@@ -23,8 +24,8 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
|
|
|
23
24
|
incrementButton: x,
|
|
24
25
|
coarsePointerIcon: y,
|
|
25
26
|
touchIcon: D
|
|
26
|
-
},
|
|
27
|
-
const { children:
|
|
27
|
+
}, Q = w("NumberField", (n) => {
|
|
28
|
+
const { children: c, className: a, refProp: l, onChange: s, ...i } = n, p = E(t.formField, a), u = {
|
|
28
29
|
Label: {
|
|
29
30
|
className: t.label,
|
|
30
31
|
optional: !n.isRequired
|
|
@@ -44,11 +45,11 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
|
|
|
44
45
|
r.NumberField,
|
|
45
46
|
{
|
|
46
47
|
...i,
|
|
47
|
-
className:
|
|
48
|
+
className: p,
|
|
48
49
|
onChange: f
|
|
49
50
|
},
|
|
50
51
|
/* @__PURE__ */ e.createElement(r.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
|
|
51
|
-
|
|
52
|
+
m,
|
|
52
53
|
{
|
|
53
54
|
slot: "decrement",
|
|
54
55
|
className: o.decrementButton,
|
|
@@ -57,9 +58,9 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
|
|
|
57
58
|
color: "secondary"
|
|
58
59
|
},
|
|
59
60
|
/* @__PURE__ */ e.createElement(C, null),
|
|
60
|
-
/* @__PURE__ */ e.createElement(
|
|
61
|
+
/* @__PURE__ */ e.createElement(P, { className: o.coarsePointerIcon })
|
|
61
62
|
), /* @__PURE__ */ e.createElement(r.Input, { className: o.input, ref: l }), /* @__PURE__ */ e.createElement(
|
|
62
|
-
|
|
63
|
+
m,
|
|
63
64
|
{
|
|
64
65
|
slot: "increment",
|
|
65
66
|
className: o.incrementButton,
|
|
@@ -67,14 +68,14 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
|
|
|
67
68
|
variant: "plain",
|
|
68
69
|
color: "secondary"
|
|
69
70
|
},
|
|
70
|
-
/* @__PURE__ */ e.createElement(
|
|
71
|
+
/* @__PURE__ */ e.createElement(h, null),
|
|
71
72
|
/* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
|
|
72
73
|
)),
|
|
73
|
-
/* @__PURE__ */ e.createElement(
|
|
74
|
-
/* @__PURE__ */ e.createElement(
|
|
74
|
+
/* @__PURE__ */ e.createElement(I, { props: u }, c),
|
|
75
|
+
/* @__PURE__ */ e.createElement(b, { className: t.fieldError })
|
|
75
76
|
));
|
|
76
77
|
});
|
|
77
78
|
export {
|
|
78
|
-
|
|
79
|
-
|
|
79
|
+
Q as NumberField,
|
|
80
|
+
Q as default
|
|
80
81
|
};
|
package/dist/OffCanvas.js
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
4
|
import c from "clsx";
|
|
5
|
-
import { B as f } from "./Button-
|
|
5
|
+
import { B as f } from "./Button-BPAhEOTg.js";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
8
|
-
import { I as m } from "./IconClose-
|
|
9
|
-
import { A as i } from "./Action-
|
|
7
|
+
import "./Icon-D4bkU_pz.js";
|
|
8
|
+
import { I as m } from "./IconClose-FTrJdf_N.js";
|
|
9
|
+
import { A as i } from "./Action-Dp9FyJCZ.js";
|
|
10
10
|
import { M as p } from "./ModalOverlay-BSu4UEnW.js";
|
|
11
|
-
import "./
|
|
12
|
-
import { P as v } from "./PropsContextProvider-
|
|
11
|
+
import "./propsContext-DzAKlmhS.js";
|
|
12
|
+
import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
13
13
|
import "@react-aria/utils";
|
|
14
14
|
import "remeda";
|
|
15
15
|
import { TunnelProvider as d, TunnelExit as u } from "@mittwald/react-tunnel";
|
|
16
|
-
import { H as E } from "./Header-
|
|
16
|
+
import { H as E } from "./Header-BetbThNR.js";
|
|
17
17
|
import * as g from "react-aria-components";
|
|
18
|
-
import { O as C } from "./OverlayTrigger-
|
|
18
|
+
import { O as C } from "./OverlayTrigger-DbjMkqKf.js";
|
|
19
19
|
const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-canvas--close-button", a = {
|
|
20
20
|
offCanvas: h,
|
|
21
21
|
"off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import "mobx";
|
|
5
|
+
import { u as n, a } from "./useOverlayController-CGKumeGL.js";
|
|
6
|
+
import "./propsContext-DzAKlmhS.js";
|
|
7
|
+
import { P as p } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
8
|
+
import "@react-aria/utils";
|
|
9
|
+
import "remeda";
|
|
10
|
+
const C = (o) => {
|
|
11
|
+
const r = n(), t = {
|
|
12
|
+
Button: {
|
|
13
|
+
onPress: r.open
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return /* @__PURE__ */ e.createElement(a, { value: r }, /* @__PURE__ */ e.createElement(p, { props: t, mergeInParentContext: !0 }, o.children));
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
C as O
|
|
20
|
+
};
|
package/dist/ProgressBar.js
CHANGED
|
@@ -4,8 +4,8 @@ import * as u from "react-aria-components";
|
|
|
4
4
|
import s from "react";
|
|
5
5
|
import w from "clsx";
|
|
6
6
|
import { useNumberFormatter as d } from "react-aria";
|
|
7
|
-
import "./
|
|
8
|
-
import { P as x } from "./PropsContextProvider-
|
|
7
|
+
import "./propsContext-DzAKlmhS.js";
|
|
8
|
+
import { P as x } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import "remeda";
|
|
11
11
|
const N = "flow--progress-bar", v = "flow--progress-bar--label", B = "flow--progress-bar--value", E = "flow--progress-bar--bar", P = "flow--progress-bar--fill", z = "flow--progress-bar--info", V = "flow--progress-bar--success", h = "flow--progress-bar--danger", y = "flow--progress-bar--warning", r = {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import { u as v,
|
|
3
|
+
import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
|
|
4
|
+
import { u as v, p as E } from "./propsContext-DzAKlmhS.js";
|
|
5
5
|
import { mergeProps as h } from "@react-aria/utils";
|
|
6
6
|
import { isObjectType as c } from "remeda";
|
|
7
|
-
import { setProperty as
|
|
8
|
-
const
|
|
7
|
+
import { setProperty as x } from "dot-prop";
|
|
8
|
+
const N = (t = {}) => (...r) => {
|
|
9
9
|
const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
|
|
10
10
|
if (c(e)) {
|
|
11
11
|
if (!n)
|
|
@@ -15,14 +15,14 @@ const b = (t = {}) => (...r) => {
|
|
|
15
15
|
for (const o of r)
|
|
16
16
|
if (c(o))
|
|
17
17
|
for (const [p, a] of Object.entries(o))
|
|
18
|
-
/^on[A-Z]/.test(p) &&
|
|
18
|
+
/^on[A-Z]/.test(p) && x(e, p, a);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
return e;
|
|
22
|
-
},
|
|
22
|
+
}, b = N({
|
|
23
23
|
mergeClassNames: !1,
|
|
24
24
|
mergeEventHandler: !1
|
|
25
|
-
}),
|
|
25
|
+
}), j = (t = {}, r = {}) => {
|
|
26
26
|
const n = Object.keys({
|
|
27
27
|
...t,
|
|
28
28
|
...r
|
|
@@ -30,7 +30,7 @@ const b = (t = {}) => (...r) => {
|
|
|
30
30
|
return Object.fromEntries(
|
|
31
31
|
n.map((s) => [
|
|
32
32
|
s,
|
|
33
|
-
|
|
33
|
+
b(
|
|
34
34
|
t[s],
|
|
35
35
|
r[s]
|
|
36
36
|
)
|
|
@@ -44,21 +44,21 @@ const b = (t = {}) => (...r) => {
|
|
|
44
44
|
children: e,
|
|
45
45
|
...o
|
|
46
46
|
} = t, p = v(), a = m(() => r, n), i = m(
|
|
47
|
-
() => s ?
|
|
47
|
+
() => s ? j(p, r) : r,
|
|
48
48
|
[a, p, s]
|
|
49
|
-
), l =
|
|
49
|
+
), l = f(e) ? {
|
|
50
50
|
...o,
|
|
51
51
|
...e.props
|
|
52
|
-
} : o,
|
|
52
|
+
} : o, d = [
|
|
53
53
|
e,
|
|
54
|
-
...Object.entries(l).flatMap((
|
|
55
|
-
],
|
|
56
|
-
() =>
|
|
57
|
-
|
|
54
|
+
...Object.entries(l).flatMap((g) => g)
|
|
55
|
+
], P = m(
|
|
56
|
+
() => f(e) ? C(e, l) : e,
|
|
57
|
+
d
|
|
58
58
|
);
|
|
59
|
-
return /* @__PURE__ */
|
|
59
|
+
return /* @__PURE__ */ u.createElement(E.Provider, { value: i }, P);
|
|
60
60
|
};
|
|
61
61
|
export {
|
|
62
62
|
V as P,
|
|
63
|
-
|
|
63
|
+
j as m
|
|
64
64
|
};
|
package/dist/RadioGroup.js
CHANGED
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
import e from "react";
|
|
4
4
|
import * as R from "react-aria-components";
|
|
5
5
|
import E from "clsx";
|
|
6
|
-
import "./
|
|
7
|
-
import { P as C, m as k } from "./PropsContextProvider-
|
|
6
|
+
import "./propsContext-DzAKlmhS.js";
|
|
7
|
+
import { P as C, m as k } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
8
8
|
import "@react-aria/utils";
|
|
9
9
|
import "remeda";
|
|
10
10
|
import { d as x } from "./dynamic-ClpUSmEt.js";
|
|
11
|
-
import { F as y } from "./FieldError-
|
|
11
|
+
import { F as y } from "./FieldError-D_VRyiJG.js";
|
|
12
12
|
import { C as F } from "./ColumnLayout-FMONjI17.js";
|
|
13
13
|
import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
|
|
14
14
|
import { s as c } from "./FormField.module-DHK6nIcD.js";
|
|
15
15
|
import { d as P } from "./deepFindOfType-6pG0fH7S.js";
|
|
16
|
-
import { C as w } from "./ClearPropsContext-
|
|
16
|
+
import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
|
|
17
17
|
import "@tabler/icons-react";
|
|
18
|
-
import "./Icon-
|
|
19
|
-
import { I as B, a as v } from "./IconRadioOn-
|
|
20
|
-
import { f as N } from "./flowComponent-
|
|
18
|
+
import "./Icon-D4bkU_pz.js";
|
|
19
|
+
import { I as B, a as v } from "./IconRadioOn-BIS8wd64.js";
|
|
20
|
+
import { f as N } from "./flowComponent-CPKCCJEg.js";
|
|
21
21
|
import "dot-prop";
|
|
22
|
-
import { I as D } from "./IconCheck-
|
|
22
|
+
import { I as D } from "./IconCheck-CMWmQYpS.js";
|
|
23
23
|
const T = "flow--radio-group", O = "flow--radio-group--segmented-group", $ = "flow--radio-group--segments", L = "flow--radio-group--segment", A = "flow--radio-group--checkmark", a = {
|
|
24
24
|
radioGroup: T,
|
|
25
25
|
segmentedGroup: O,
|
package/dist/Section.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import t from "react";
|
|
4
4
|
import m from "clsx";
|
|
5
|
-
import "./
|
|
6
|
-
import { P as p } from "./PropsContextProvider-
|
|
5
|
+
import "./propsContext-DzAKlmhS.js";
|
|
6
|
+
import { P as p } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
|
-
import { f as d } from "./flowComponent-
|
|
9
|
+
import { f as d } from "./flowComponent-CPKCCJEg.js";
|
|
10
10
|
import { A as f } from "./Activity-CmfZpgOM.js";
|
|
11
11
|
const u = "flow--section", h = "flow--section--header", w = "flow--section--status-badge", e = {
|
|
12
12
|
section: u,
|
package/dist/Select.js
CHANGED
|
@@ -2,35 +2,32 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
4
|
import * as c from "react-aria-components";
|
|
5
|
-
import "./
|
|
6
|
-
import { P as
|
|
5
|
+
import "./propsContext-DzAKlmhS.js";
|
|
6
|
+
import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import { s as l } from "./FormField.module-DHK6nIcD.js";
|
|
10
|
-
import { F as
|
|
11
|
-
import
|
|
10
|
+
import { F as x } from "./FieldError-D_VRyiJG.js";
|
|
11
|
+
import f from "clsx";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
|
-
import "./Icon-
|
|
14
|
-
import { I as
|
|
15
|
-
import { f as E } from "./flowComponent-
|
|
16
|
-
import { P as
|
|
13
|
+
import "./Icon-D4bkU_pz.js";
|
|
14
|
+
import { I as h } from "./IconChevronDown-HLDPe1kj.js";
|
|
15
|
+
import { f as E } from "./flowComponent-CPKCCJEg.js";
|
|
16
|
+
import { P as w } from "./Popover-B-COTLld.js";
|
|
17
17
|
import "mobx";
|
|
18
|
-
import "./useOverlayController-CGKumeGL.js";
|
|
19
|
-
import "invariant";
|
|
20
|
-
import "./context-D_-mRqs8.js";
|
|
21
|
-
import "./ActionStateContext-C_nPivaA.js";
|
|
18
|
+
import { u as P, a as I } from "./useOverlayController-CGKumeGL.js";
|
|
22
19
|
import "dot-prop";
|
|
23
|
-
import { TunnelProvider as
|
|
24
|
-
const
|
|
25
|
-
select:
|
|
26
|
-
toggle:
|
|
27
|
-
},
|
|
28
|
-
popover:
|
|
29
|
-
options:
|
|
30
|
-
},
|
|
31
|
-
const { className: t, children: n, ...s } = o, r =
|
|
32
|
-
return /* @__PURE__ */ e.createElement(
|
|
33
|
-
},
|
|
20
|
+
import { TunnelProvider as S, TunnelExit as y } from "@mittwald/react-tunnel";
|
|
21
|
+
const F = "flow--select", B = "flow--select--toggle", u = {
|
|
22
|
+
select: F,
|
|
23
|
+
toggle: B
|
|
24
|
+
}, D = "flow--select--options--popover", L = "flow--select--options", d = {
|
|
25
|
+
popover: D,
|
|
26
|
+
options: L
|
|
27
|
+
}, $ = (o) => {
|
|
28
|
+
const { className: t, children: n, ...s } = o, r = f(d.options, t);
|
|
29
|
+
return /* @__PURE__ */ e.createElement(w, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: r, ...s }, n));
|
|
30
|
+
}, oe = E("Select", (o) => {
|
|
34
31
|
const {
|
|
35
32
|
children: t,
|
|
36
33
|
className: n,
|
|
@@ -39,12 +36,12 @@ const S = "flow--select", F = "flow--select--toggle", f = {
|
|
|
39
36
|
onSelectionChange: r = () => {
|
|
40
37
|
},
|
|
41
38
|
refProp: i,
|
|
42
|
-
...
|
|
43
|
-
} = o,
|
|
44
|
-
|
|
39
|
+
...p
|
|
40
|
+
} = o, v = f(
|
|
41
|
+
u.select,
|
|
45
42
|
l.formField,
|
|
46
43
|
n
|
|
47
|
-
),
|
|
44
|
+
), C = {
|
|
48
45
|
Label: {
|
|
49
46
|
className: l.label,
|
|
50
47
|
optional: !o.isRequired
|
|
@@ -58,30 +55,32 @@ const S = "flow--select", F = "flow--select--toggle", f = {
|
|
|
58
55
|
Option: {
|
|
59
56
|
tunnelId: "options"
|
|
60
57
|
}
|
|
61
|
-
},
|
|
62
|
-
s(String(
|
|
63
|
-
};
|
|
58
|
+
}, N = (a) => {
|
|
59
|
+
s(String(a)), r(a);
|
|
60
|
+
}, m = P(), g = m.useIsOpen();
|
|
64
61
|
return /* @__PURE__ */ e.createElement(
|
|
65
62
|
c.Select,
|
|
66
63
|
{
|
|
67
|
-
...
|
|
68
|
-
className:
|
|
64
|
+
...p,
|
|
65
|
+
className: v,
|
|
69
66
|
ref: i,
|
|
70
|
-
onSelectionChange:
|
|
67
|
+
onSelectionChange: N,
|
|
68
|
+
onOpenChange: (a) => m.setOpen(a),
|
|
69
|
+
isOpen: g
|
|
71
70
|
},
|
|
72
|
-
/* @__PURE__ */ e.createElement(
|
|
71
|
+
/* @__PURE__ */ e.createElement(O, { props: C }, /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement(c.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(h, null)), /* @__PURE__ */ e.createElement(I, { value: m }, t, /* @__PURE__ */ e.createElement($, null, /* @__PURE__ */ e.createElement(y, { id: "options" }))), /* @__PURE__ */ e.createElement(x, { className: l.fieldError })))
|
|
73
72
|
);
|
|
74
|
-
}),
|
|
75
|
-
option:
|
|
76
|
-
icon:
|
|
77
|
-
text:
|
|
78
|
-
controlIcon:
|
|
79
|
-
},
|
|
80
|
-
const { className: t, children: n, value: s, refProp: r, ...i } = o,
|
|
81
|
-
return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className:
|
|
73
|
+
}), b = "flow--select--option", R = "flow--select--option--icon", T = "flow--select--option--text", q = "flow--select--option--control-icon", A = {
|
|
74
|
+
option: b,
|
|
75
|
+
icon: R,
|
|
76
|
+
text: T,
|
|
77
|
+
controlIcon: q
|
|
78
|
+
}, te = E("Option", (o) => {
|
|
79
|
+
const { className: t, children: n, value: s, refProp: r, ...i } = o, p = f(A.option, t);
|
|
80
|
+
return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: p, ref: r, ...i, id: s }, n);
|
|
82
81
|
});
|
|
83
82
|
export {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
83
|
+
te as Option,
|
|
84
|
+
oe as Select,
|
|
85
|
+
oe as default
|
|
87
86
|
};
|
package/dist/Slider.js
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import { f as E } from "./flowComponent-CPKCCJEg.js";
|
|
5
|
+
import * as n from "react-aria-components";
|
|
6
|
+
import h from "clsx";
|
|
7
|
+
import "./propsContext-DzAKlmhS.js";
|
|
8
|
+
import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
9
|
+
import "@react-aria/utils";
|
|
10
|
+
import "remeda";
|
|
11
|
+
import { B as i } from "./Button-BPAhEOTg.js";
|
|
12
|
+
import "@tabler/icons-react";
|
|
13
|
+
import "./Icon-D4bkU_pz.js";
|
|
14
|
+
import { I as w, a as N } from "./IconPlus-CAQpgAH5.js";
|
|
15
|
+
import { useLocalizedStringFormatter as k } from "react-aria";
|
|
16
|
+
const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g = "flow--slider--track", y = "flow--slider--fill", I = "flow--slider--initial-marker", M = "flow--slider--thumb", T = "flow--slider--increment", C = "flow--slider--decrement", z = "flow--slider--disabled", t = {
|
|
17
|
+
slider: x,
|
|
18
|
+
text: P,
|
|
19
|
+
value: S,
|
|
20
|
+
track: g,
|
|
21
|
+
fill: y,
|
|
22
|
+
initialMarker: I,
|
|
23
|
+
thumb: M,
|
|
24
|
+
increment: T,
|
|
25
|
+
decrement: C,
|
|
26
|
+
disabled: z
|
|
27
|
+
}, D = {
|
|
28
|
+
"de-DE": {
|
|
29
|
+
"slider.decrement": "Wert verkleinern",
|
|
30
|
+
"slider.increment": "Wert erhöhen"
|
|
31
|
+
},
|
|
32
|
+
"en-EN": {
|
|
33
|
+
"slider.decrement": "Decrement value",
|
|
34
|
+
"slider.increment": "Increment value"
|
|
35
|
+
}
|
|
36
|
+
}, H = E("Slider", (m) => {
|
|
37
|
+
const {
|
|
38
|
+
className: c,
|
|
39
|
+
children: o,
|
|
40
|
+
name: d,
|
|
41
|
+
isDisabled: r,
|
|
42
|
+
defaultValue: l,
|
|
43
|
+
showInitialMarker: u,
|
|
44
|
+
...f
|
|
45
|
+
} = m, p = h(
|
|
46
|
+
t.slider,
|
|
47
|
+
r && t.disabled,
|
|
48
|
+
c
|
|
49
|
+
), s = k(D), b = {
|
|
50
|
+
Label: {
|
|
51
|
+
unstyled: !0
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
return /* @__PURE__ */ e.createElement(
|
|
55
|
+
n.Slider,
|
|
56
|
+
{
|
|
57
|
+
className: p,
|
|
58
|
+
isDisabled: r,
|
|
59
|
+
defaultValue: l,
|
|
60
|
+
...f
|
|
61
|
+
},
|
|
62
|
+
/* @__PURE__ */ e.createElement("div", { className: t.text }, /* @__PURE__ */ e.createElement(n.SliderOutput, { className: t.value }), /* @__PURE__ */ e.createElement(v, { props: b }, o)),
|
|
63
|
+
/* @__PURE__ */ e.createElement(n.SliderTrack, { className: t.track }, ({ state: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
64
|
+
i,
|
|
65
|
+
{
|
|
66
|
+
onPress: () => a.decrementThumb(0),
|
|
67
|
+
"aria-label": s.format("slider.decrement"),
|
|
68
|
+
size: "s",
|
|
69
|
+
variant: "plain",
|
|
70
|
+
className: t.decrement,
|
|
71
|
+
isDisabled: r
|
|
72
|
+
},
|
|
73
|
+
/* @__PURE__ */ e.createElement(w, null)
|
|
74
|
+
), /* @__PURE__ */ e.createElement(
|
|
75
|
+
i,
|
|
76
|
+
{
|
|
77
|
+
onPress: () => a.incrementThumb(0),
|
|
78
|
+
"aria-label": s.format("slider.increment"),
|
|
79
|
+
size: "s",
|
|
80
|
+
variant: "plain",
|
|
81
|
+
className: t.increment,
|
|
82
|
+
isDisabled: r
|
|
83
|
+
},
|
|
84
|
+
/* @__PURE__ */ e.createElement(N, null)
|
|
85
|
+
), /* @__PURE__ */ e.createElement(
|
|
86
|
+
"div",
|
|
87
|
+
{
|
|
88
|
+
className: t.fill,
|
|
89
|
+
style: { width: a.getThumbPercent(0) * 100 + "%" }
|
|
90
|
+
}
|
|
91
|
+
), u && l && typeof l == "number" && /* @__PURE__ */ e.createElement(
|
|
92
|
+
"div",
|
|
93
|
+
{
|
|
94
|
+
className: t.initialMarker,
|
|
95
|
+
style: {
|
|
96
|
+
left: `calc(${a.getValuePercent(l) * 100}% - 2px)`
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
), /* @__PURE__ */ e.createElement(n.SliderThumb, { name: d, className: t.thumb })))
|
|
100
|
+
);
|
|
101
|
+
});
|
|
102
|
+
export {
|
|
103
|
+
H as Slider,
|
|
104
|
+
H as default
|
|
105
|
+
};
|
package/dist/StatusBadge.js
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import t from "react";
|
|
4
4
|
import l from "clsx";
|
|
5
|
-
import { S as f } from "./StatusIcon-
|
|
6
|
-
import { T as i } from "./Text-
|
|
7
|
-
import { C as u } from "./ClearPropsContext-
|
|
8
|
-
import "./
|
|
5
|
+
import { S as f } from "./StatusIcon-Dj5p-iL1.js";
|
|
6
|
+
import { T as i } from "./Text-D6e-S6em.js";
|
|
7
|
+
import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
|
|
8
|
+
import "./propsContext-DzAKlmhS.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import "remeda";
|
|
11
11
|
import "dot-prop";
|
|
12
|
-
import { f as d } from "./flowComponent-
|
|
12
|
+
import { f as d } from "./flowComponent-CPKCCJEg.js";
|
|
13
13
|
const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--status-badge--info", x = "flow--status-badge--success", b = "flow--status-badge--warning", B = "flow--status-badge--danger", s = {
|
|
14
14
|
statusBadge: g,
|
|
15
15
|
text: p,
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import t from "react";
|
|
4
4
|
import "@tabler/icons-react";
|
|
5
|
-
import "./Icon-
|
|
6
|
-
import { I as m } from "./IconDanger-
|
|
7
|
-
import { I as f, a as l, b as I } from "./IconWarning-
|
|
5
|
+
import "./Icon-D4bkU_pz.js";
|
|
6
|
+
import { I as m } from "./IconDanger-PwvUWqzQ.js";
|
|
7
|
+
import { I as f, a as l, b as I } from "./IconWarning-DFG_1t6M.js";
|
|
8
8
|
import { useLocalizedStringFormatter as g } from "react-aria";
|
|
9
|
-
import { C as p } from "./ClearPropsContext-
|
|
10
|
-
import "./
|
|
9
|
+
import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
|
|
10
|
+
import "./propsContext-DzAKlmhS.js";
|
|
11
11
|
import "@react-aria/utils";
|
|
12
12
|
import "remeda";
|
|
13
13
|
import "dot-prop";
|
package/dist/StatusIcon.js
CHANGED
package/dist/Switch.js
CHANGED
|
@@ -4,16 +4,16 @@ import e from "react";
|
|
|
4
4
|
import * as n from "react-aria-components";
|
|
5
5
|
import f from "clsx";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
8
|
-
import { I as p } from "./IconCheck-
|
|
9
|
-
import { I as h } from "./IconClose-
|
|
10
|
-
import { L as w } from "./Label-
|
|
11
|
-
import { C as d } from "./ClearPropsContext-
|
|
12
|
-
import "./
|
|
7
|
+
import "./Icon-D4bkU_pz.js";
|
|
8
|
+
import { I as p } from "./IconCheck-CMWmQYpS.js";
|
|
9
|
+
import { I as h } from "./IconClose-FTrJdf_N.js";
|
|
10
|
+
import { L as w } from "./Label-CJi7iMmE.js";
|
|
11
|
+
import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
|
|
12
|
+
import "./propsContext-DzAKlmhS.js";
|
|
13
13
|
import "@react-aria/utils";
|
|
14
14
|
import "remeda";
|
|
15
15
|
import "dot-prop";
|
|
16
|
-
import { f as b } from "./flowComponent-
|
|
16
|
+
import { f as b } from "./flowComponent-CPKCCJEg.js";
|
|
17
17
|
const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
|
|
18
18
|
switch: "flow--switch",
|
|
19
19
|
"label-leading": "flow--switch--label-leading",
|
package/dist/Tabs.js
CHANGED
|
@@ -4,17 +4,17 @@ import e, { useRef as h, useState as v, useEffect as M, useId as g, createContex
|
|
|
4
4
|
import * as E from "react-aria-components";
|
|
5
5
|
import u from "clsx";
|
|
6
6
|
import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
|
|
7
|
-
import { f as S } from "./flowComponent-
|
|
7
|
+
import { f as S } from "./flowComponent-CPKCCJEg.js";
|
|
8
8
|
import { useCallbackRef as O } from "use-callback-ref";
|
|
9
|
-
import { a as B, C as K } from "./ContextMenuTrigger-
|
|
10
|
-
import { M as A } from "./MenuItem-
|
|
11
|
-
import { B as L } from "./Button-
|
|
9
|
+
import { a as B, C as K } from "./ContextMenuTrigger-BwhLrGm5.js";
|
|
10
|
+
import { M as A } from "./MenuItem-Dny58Rqq.js";
|
|
11
|
+
import { B as L } from "./Button-BPAhEOTg.js";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
|
-
import "./Icon-
|
|
14
|
-
import { I as F } from "./IconContextMenu-
|
|
15
|
-
import { T as R } from "./Text-
|
|
16
|
-
import "./
|
|
17
|
-
import { P as W } from "./PropsContextProvider-
|
|
13
|
+
import "./Icon-D4bkU_pz.js";
|
|
14
|
+
import { I as F } from "./IconContextMenu-Bmk1_j_0.js";
|
|
15
|
+
import { T as R } from "./Text-D6e-S6em.js";
|
|
16
|
+
import "./propsContext-DzAKlmhS.js";
|
|
17
|
+
import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
18
18
|
import "@react-aria/utils";
|
|
19
19
|
import "remeda";
|
|
20
20
|
const $ = "flow--tabs", k = "flow--tabs--list", j = {
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
4
|
import * as f from "react-aria-components";
|
|
5
|
-
import { C as x } from "./ClearPropsContext-
|
|
6
|
-
import { P as E } from "./PropsContextProvider-
|
|
5
|
+
import { C as x } from "./ClearPropsContext-CUvsbMn8.js";
|
|
6
|
+
import { P as E } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
|
-
import "./
|
|
8
|
+
import "./propsContext-DzAKlmhS.js";
|
|
9
9
|
import "remeda";
|
|
10
10
|
import u from "invariant";
|
|
11
|
-
import { f as T } from "./flowComponent-
|
|
11
|
+
import { f as T } from "./flowComponent-CPKCCJEg.js";
|
|
12
12
|
import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
|
|
13
13
|
import { W as C } from "./Wrap-DGT1h1o3.js";
|
|
14
14
|
const A = T("Text", (r) => {
|