@mittwald/flow-react-components 0.1.0-alpha.122 → 0.1.0-alpha.124
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-9wwB377E.js → Accordion-Bszrsi-4.js} +4 -4
- package/dist/Accordion.js +1 -1
- package/dist/Action-7EQNT1az.js +217 -0
- package/dist/Action.js +1 -1
- package/dist/Avatar.js +22 -22
- package/dist/Breadcrumb.js +3 -3
- package/dist/{Button-BGCNzfmU.js → Button-tEtjVHFC.js} +6 -6
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.js +16 -16
- package/dist/{Checkbox-HtVxajw_.js → Checkbox-CHueH9FZ.js} +4 -4
- package/dist/Checkbox.js +1 -1
- package/dist/CheckboxButton-Ch3zxviG.js +29 -0
- package/dist/CheckboxButton.js +1 -1
- package/dist/CheckboxGroup.js +15 -15
- package/dist/{Content-CPAYV7wp.js → Content-xPY804ey.js} +1 -1
- package/dist/Content.js +1 -1
- package/dist/{ContextMenu-BGfJXwpB.js → ContextMenu-ChxMleeO.js} +3 -3
- package/dist/ContextMenu.js +2 -2
- package/dist/CopyButton.js +5 -5
- package/dist/FieldDescription.js +2 -2
- package/dist/{FieldError--Qpixa12.js → FieldError-Bl_SXH5M.js} +3 -3
- package/dist/FieldError.js +1 -1
- package/dist/Header.js +1 -1
- package/dist/HeaderNavigation.js +1 -1
- package/dist/{Heading-CYit9Nf-.js → Heading-CSfMC_V6.js} +2 -2
- package/dist/Heading.js +1 -1
- package/dist/{Icon-DhFv_0k_.js → Icon-DXq5lwp4.js} +7 -6
- package/dist/Icon.js +1 -1
- package/dist/{IconCheck-D8ys0_F5.js → IconCheck-BLXj9z4I.js} +1 -1
- package/dist/{IconCheckboxEmpty-DRlqWMgD.js → IconCheckboxEmpty-CseDZ77J.js} +1 -1
- package/dist/{IconCheckboxIndeterminate-CfK_tk87.js → IconCheckboxIndeterminate-BdEkNKEg.js} +1 -1
- package/dist/{IconChevronDown-gLJKgegq.js → IconChevronDown-DGMWVrr9.js} +1 -1
- package/dist/{IconChevronRight-CqgfPevo.js → IconChevronRight-Sd5qEgz9.js} +1 -1
- package/dist/{IconClose-BEe9M79E.js → IconClose-BuJDcvk1.js} +1 -1
- package/dist/{IconContextMenu-B9OI5d_u.js → IconContextMenu-BtDEfs_U.js} +1 -1
- package/dist/{IconCopy-A7uxuck-.js → IconCopy-Y4GR1Z03.js} +1 -1
- package/dist/{IconDanger-ALKH8dEk.js → IconDanger-D3n1sEDX.js} +1 -1
- package/dist/{IconPending-BV6Loio6.js → IconPending-C0IPPa0F.js} +1 -1
- package/dist/{IconPlus-eFn-agxn.js → IconPlus-BL-Zqbnv.js} +1 -1
- package/dist/{IconRadioOn--oXSoOvP.js → IconRadioOn-D0pCkmJ4.js} +1 -1
- package/dist/{IconSearch-BO1yNi13.js → IconSearch-B9UA2NmT.js} +1 -1
- package/dist/{IconSucceeded-d8xQyLF2.js → IconSucceeded-B4DEKa6J.js} +1 -1
- package/dist/{IconWarning-CAgZzx72.js → IconWarning-CmSsxAnH.js} +1 -1
- package/dist/Icons.js +16 -16
- package/dist/{IllustratedMessage-D1xVzeZO.js → IllustratedMessage-BUg2-svi.js} +1 -1
- package/dist/IllustratedMessage.js +1 -1
- package/dist/Image.js +5 -5
- package/dist/Initials.js +1 -1
- package/dist/InlineAlert.js +4 -4
- package/dist/{Label-DWCo1l63.js → Label-CfPzBQtx.js} +1 -1
- package/dist/Label.js +1 -1
- package/dist/LabeledValue.js +1 -1
- package/dist/LayoutCard.js +2 -2
- package/dist/{Link-BK57CeBv.js → Link-BNozTXoN.js} +2 -2
- package/dist/Link.js +1 -1
- package/dist/List.js +199 -204
- package/dist/{LoadingSpinner-BV4S5RsS.js → LoadingSpinner-smFm5pXR.js} +2 -2
- package/dist/LoadingSpinner.js +1 -1
- package/dist/MenuItem-CgrBX4na.js +54 -0
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.js +13 -6
- package/dist/Navigation.js +3 -3
- package/dist/NumberField.js +7 -7
- package/dist/OffCanvas.js +7 -7
- package/dist/Overlay-CUZ1KZa8.js +33 -0
- package/dist/OverlayTrigger.js +3 -3
- package/dist/Popover-B6bARCOK.js +17 -0
- package/dist/ProgressBar.js +1 -1
- package/dist/PropsContextProvider-ChpH8eF2.js +81 -0
- package/dist/RadioGroup.js +46 -37
- package/dist/Section.js +18 -18
- package/dist/Select.js +6 -6
- package/dist/Skeleton-CKLaTmDR.js +22 -0
- package/dist/Skeleton.js +1 -1
- package/dist/StatusBadge.js +3 -3
- package/dist/{StatusIcon-CvIY_c35.js → StatusIcon-CzfeqAZQ.js} +3 -3
- package/dist/StatusIcon.js +1 -1
- package/dist/Switch.js +5 -5
- package/dist/Tabs.js +47 -39
- package/dist/{Text-DXApO_Re.js → Text-DOQUStg_.js} +2 -2
- package/dist/Text.js +1 -1
- package/dist/TextArea.js +2 -2
- package/dist/TextField.js +2 -2
- package/dist/{TextFieldBase-C7g5i_rC.js → TextFieldBase-B6lQlCmE.js} +2 -2
- package/dist/context-CEG7VfKL.js +58 -0
- package/dist/controller.js +1 -1
- package/dist/{flowComponent-Dha_9C4F.js → flowComponent-Cv_SURLH.js} +35 -34
- package/dist/hooks.js +1 -1
- package/dist/{index-0qLHBjoi.js → index-BlZLqtIV.js} +8 -8
- package/dist/react-hook-form.js +2 -2
- package/dist/styles.css +1 -1
- package/dist/types/components/Action/Action.d.ts +2 -12
- package/dist/types/components/Action/components/ActionButton.d.ts +4 -0
- package/dist/types/components/Action/components/ActionLink.d.ts +4 -0
- package/dist/types/components/Action/components/ConfirmationModal.d.ts +4 -0
- package/dist/types/components/Action/components/ConfirmationModalButton.d.ts +4 -0
- package/dist/types/components/Action/context.d.ts +15 -0
- package/dist/types/components/Action/index.d.ts +1 -1
- package/dist/types/components/Action/lib/execution/ActionExecution.d.ts +2 -2
- package/dist/types/components/Action/lib/execution/ActionState.d.ts +1 -1
- package/dist/types/components/Action/lib/execution/useActionController.d.ts +2 -3
- package/dist/types/components/Action/stories/Default.stories.d.ts +1 -1
- package/dist/types/components/Action/stories/EdgeCases.stories.d.ts +1 -1
- package/dist/types/components/Action/types.d.ts +11 -0
- package/dist/types/components/List/components/Items/ListItem/ListItem.d.ts +6 -0
- package/dist/types/components/List/components/Items/ListItem/index.d.ts +4 -0
- package/dist/types/components/List/index.d.ts +1 -0
- package/dist/types/components/List/stories/ListItem.stories.d.ts +1 -0
- package/dist/types/components/Modal/Modal.d.ts +1 -0
- package/dist/types/components/Overlay/Overlay.d.ts +1 -0
- package/dist/types/components/Popover/Popover.d.ts +3 -1
- package/dist/types/components/Popover/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Popover/stories/EdgeCases.stories.d.ts +7 -0
- package/dist/types/components/Skeleton/Skeleton.d.ts +4 -1
- package/dist/types/lib/promises/sleep.d.ts +1 -0
- package/package.json +24 -28
- package/dist/Action-5b_DWWiS.js +0 -191
- package/dist/CheckboxButton-BPC6RfJj.js +0 -29
- package/dist/MenuItem-CzSUuXS-.js +0 -49
- package/dist/Overlay-ofdfFqqi.js +0 -28
- package/dist/Popover-MmxZkKu3.js +0 -15
- package/dist/Popover.js +0 -7
- package/dist/PropsContextProvider-DZvwqHLP.js +0 -64
- package/dist/Skeleton-D97e6aVe.js +0 -14
- package/dist/context-DJetA3qV.js +0 -8
- package/dist/types/components/Action/lib/execution/breakAction.d.ts +0 -2
- package/dist/types/components/Action/lib/execution/useActionFunction.d.ts +0 -4
- package/dist/types/components/List/components/Items/Item/Item.d.ts +0 -5
- package/dist/types/components/List/components/Items/Item/index.d.ts +0 -5
- /package/dist/types/components/List/components/Items/{Item → ListItem}/FallbackRenderer.d.ts +0 -0
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
import e, { useState as E, useId as a } from "react";
|
|
4
4
|
import I from "clsx";
|
|
5
5
|
import "./propsContext-CauylOgH.js";
|
|
6
|
-
import { P as N } from "./PropsContextProvider-
|
|
6
|
+
import { P as N } from "./PropsContextProvider-ChpH8eF2.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import { d } from "./dynamic-ClpUSmEt.js";
|
|
10
|
-
import { B as w } from "./Button-
|
|
10
|
+
import { B as w } from "./Button-tEtjVHFC.js";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
|
-
import "./Icon-
|
|
13
|
-
import { I as y } from "./IconChevronDown-
|
|
12
|
+
import "./Icon-DXq5lwp4.js";
|
|
13
|
+
import { I as y } from "./IconChevronDown-DGMWVrr9.js";
|
|
14
14
|
import { TunnelProvider as B, TunnelExit as C } from "@mittwald/react-tunnel";
|
|
15
15
|
import { A as P } from "./Activity-CmfZpgOM.js";
|
|
16
16
|
const A = "flow--accordion", b = "flow--accordion--header", g = "flow--accordion--header-button", D = "flow--accordion--content", T = "flow--accordion--content-inner", H = "flow--accordion--chevron", L = "flow--accordion--expanded", n = {
|
package/dist/Accordion.js
CHANGED
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
var N = Object.defineProperty;
|
|
4
|
+
var R = (t, e, n) => e in t ? N(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
|
|
5
|
+
var l = (t, e, n) => (R(t, typeof e != "symbol" ? e + "" : e, n), n);
|
|
6
|
+
import r, { useEffect as T } from "react";
|
|
7
|
+
import { u as m, a as W, A as G } from "./context-CEG7VfKL.js";
|
|
8
|
+
import "./propsContext-CauylOgH.js";
|
|
9
|
+
import { P as v } from "./PropsContextProvider-ChpH8eF2.js";
|
|
10
|
+
import "@react-aria/utils";
|
|
11
|
+
import "remeda";
|
|
12
|
+
import { W as L } from "./Wrap-DGT1h1o3.js";
|
|
13
|
+
const d = () => {
|
|
14
|
+
}, U = (t, e = {}) => {
|
|
15
|
+
const {
|
|
16
|
+
onSync: n = d,
|
|
17
|
+
onAsync: o = d,
|
|
18
|
+
then: s = d,
|
|
19
|
+
catch: i = d,
|
|
20
|
+
finally: c = d
|
|
21
|
+
} = e;
|
|
22
|
+
try {
|
|
23
|
+
const a = t();
|
|
24
|
+
return a instanceof Promise ? (o(), a.then(s).catch(i).finally(c)) : (n(), s(a), c(), a);
|
|
25
|
+
} catch (a) {
|
|
26
|
+
n(), i(a), c();
|
|
27
|
+
}
|
|
28
|
+
}, P = (t) => new Promise((e) => setTimeout(e, t)), b = {
|
|
29
|
+
pending: 1e3,
|
|
30
|
+
succeeded: 1500,
|
|
31
|
+
failed: 2e3
|
|
32
|
+
};
|
|
33
|
+
class j {
|
|
34
|
+
constructor(e, n, o = {}) {
|
|
35
|
+
l(this, "options");
|
|
36
|
+
l(this, "state");
|
|
37
|
+
l(this, "args");
|
|
38
|
+
l(this, "isDone", !1);
|
|
39
|
+
l(this, "error");
|
|
40
|
+
const {
|
|
41
|
+
resetAfterDone: s = !0,
|
|
42
|
+
onFeedbackDone: i = () => {
|
|
43
|
+
},
|
|
44
|
+
showFeedback: c = !1
|
|
45
|
+
} = o;
|
|
46
|
+
this.state = e, this.args = n, this.options = { resetAfterDone: s, onFeedbackDone: i, showFeedback: c };
|
|
47
|
+
}
|
|
48
|
+
onAsyncStart() {
|
|
49
|
+
this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), b.pending);
|
|
50
|
+
}
|
|
51
|
+
onSucceeded() {
|
|
52
|
+
return this.onDone();
|
|
53
|
+
}
|
|
54
|
+
async onFailed(e) {
|
|
55
|
+
this.error = e ?? new Error("Unknown error"), console.error(e), await this.onDone();
|
|
56
|
+
}
|
|
57
|
+
async startFailedFeedback() {
|
|
58
|
+
this.state.updateState("isFailed"), await P(b.failed), this.resetAfterDone();
|
|
59
|
+
}
|
|
60
|
+
async startSucceededFeedback() {
|
|
61
|
+
this.state.updateState("isSucceeded"), await P(b.succeeded), this.resetAfterDone();
|
|
62
|
+
}
|
|
63
|
+
resetAfterDone() {
|
|
64
|
+
this.options.resetAfterDone && this.state.updateState("isIdle"), this.error || this.options.onFeedbackDone(...this.args);
|
|
65
|
+
}
|
|
66
|
+
async onDone() {
|
|
67
|
+
this.isDone = !0, this.options.showFeedback ? this.error ? await this.startFailedFeedback() : await this.startSucceededFeedback() : this.resetAfterDone();
|
|
68
|
+
}
|
|
69
|
+
startPending() {
|
|
70
|
+
this.isDone || this.state.updateState("isPending");
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
const M = (t) => (...e) => {
|
|
74
|
+
const n = [...t], o = n.shift();
|
|
75
|
+
if (o) {
|
|
76
|
+
const s = o(...e), i = () => n.length === 0 ? s : M(n)(...e);
|
|
77
|
+
return s instanceof Promise ? s.then(i) : i();
|
|
78
|
+
}
|
|
79
|
+
}, q = () => {
|
|
80
|
+
}, y = () => {
|
|
81
|
+
var n;
|
|
82
|
+
const t = m(), e = t.actionProps.confirm || t.actionProps.abort ? ((n = t.parentContext) == null ? void 0 : n.state) ?? t.state : t.state;
|
|
83
|
+
return {
|
|
84
|
+
state: e,
|
|
85
|
+
execute: async (...o) => {
|
|
86
|
+
var E;
|
|
87
|
+
const {
|
|
88
|
+
actionProps: s,
|
|
89
|
+
confirmationModalController: i,
|
|
90
|
+
needsConfirmation: c,
|
|
91
|
+
parentContext: a
|
|
92
|
+
} = t;
|
|
93
|
+
if (s.abort) {
|
|
94
|
+
(E = a == null ? void 0 : a.confirmationModalController) == null || E.close();
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
if (c && !i.isOpen) {
|
|
98
|
+
i.open();
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
const h = new j(e, o, s), A = [];
|
|
102
|
+
let u, p, f = t;
|
|
103
|
+
for (; f; ) {
|
|
104
|
+
const {
|
|
105
|
+
actionProps: C,
|
|
106
|
+
overlayController: O,
|
|
107
|
+
confirmationModalController: S,
|
|
108
|
+
needsConfirmation: B
|
|
109
|
+
} = f, {
|
|
110
|
+
action: g,
|
|
111
|
+
toggleOverlay: F,
|
|
112
|
+
openOverlay: D,
|
|
113
|
+
closeOverlay: k,
|
|
114
|
+
break: $
|
|
115
|
+
} = C;
|
|
116
|
+
if ($)
|
|
117
|
+
break;
|
|
118
|
+
if (B)
|
|
119
|
+
if (u) {
|
|
120
|
+
p = S;
|
|
121
|
+
break;
|
|
122
|
+
} else
|
|
123
|
+
u = S;
|
|
124
|
+
const x = (w) => typeof w == "boolean" ? O : w;
|
|
125
|
+
A.push(
|
|
126
|
+
g || (F ? x(F).toggle : D ? x(D).open : k ? x(k).close : q)
|
|
127
|
+
), f = f.parentContext;
|
|
128
|
+
}
|
|
129
|
+
await U(() => M(A)(o), {
|
|
130
|
+
onAsync: () => h.onAsyncStart(),
|
|
131
|
+
then: () => h.onSucceeded(),
|
|
132
|
+
catch: (C) => h.onFailed(C)
|
|
133
|
+
}), p && p.open(), u && u.close();
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
}, I = (t, e) => {
|
|
137
|
+
const { actionProps: n, needsConfirmation: o } = m(), s = y(), i = s.state.useState();
|
|
138
|
+
return o ? /* @__PURE__ */ r.createElement(t, { ...e, onPress: s.execute }) : n.abort ? /* @__PURE__ */ r.createElement(
|
|
139
|
+
t,
|
|
140
|
+
{
|
|
141
|
+
...e,
|
|
142
|
+
onPress: s.execute,
|
|
143
|
+
"aria-disabled": i !== "isIdle"
|
|
144
|
+
}
|
|
145
|
+
) : /* @__PURE__ */ r.createElement(
|
|
146
|
+
t,
|
|
147
|
+
{
|
|
148
|
+
...e,
|
|
149
|
+
onPress: s.execute,
|
|
150
|
+
isPending: i === "isPending",
|
|
151
|
+
"aria-disabled": i === "isExecuting",
|
|
152
|
+
isSucceeded: i === "isSucceeded",
|
|
153
|
+
isFailed: i === "isFailed"
|
|
154
|
+
}
|
|
155
|
+
);
|
|
156
|
+
}, z = (t, e) => {
|
|
157
|
+
const { needsConfirmation: n } = m(), o = y(), s = o.state.useState();
|
|
158
|
+
return n ? /* @__PURE__ */ r.createElement(t, { ...e, onPress: o.execute }) : /* @__PURE__ */ r.createElement(
|
|
159
|
+
t,
|
|
160
|
+
{
|
|
161
|
+
...e,
|
|
162
|
+
onPress: o.execute,
|
|
163
|
+
"aria-disabled": s !== "isIdle"
|
|
164
|
+
}
|
|
165
|
+
);
|
|
166
|
+
}, H = (t, e) => {
|
|
167
|
+
const n = e.color === "secondary", o = e.color === "primary" || e.color === "danger" || e.color === "accent";
|
|
168
|
+
if (!o && !n)
|
|
169
|
+
return /* @__PURE__ */ r.createElement(t, { ...e });
|
|
170
|
+
const s = { Button: { render: I } };
|
|
171
|
+
return /* @__PURE__ */ r.createElement(v, { props: s }, /* @__PURE__ */ r.createElement(K, { abort: n, confirm: o }, /* @__PURE__ */ r.createElement(t, { ...e })));
|
|
172
|
+
}, J = (t, e) => {
|
|
173
|
+
if (e.slot !== "actionConfirm")
|
|
174
|
+
return /* @__PURE__ */ r.createElement(t, { ...e });
|
|
175
|
+
const n = m(), o = y().state.useState();
|
|
176
|
+
T(() => (n.needsConfirmation = !0, () => {
|
|
177
|
+
n.needsConfirmation = !1;
|
|
178
|
+
}), [n]);
|
|
179
|
+
const s = o === "isIdle" ? e.isDismissable : !1;
|
|
180
|
+
return /* @__PURE__ */ r.createElement(
|
|
181
|
+
t,
|
|
182
|
+
{
|
|
183
|
+
...e,
|
|
184
|
+
controller: n.confirmationModalController,
|
|
185
|
+
isDismissable: s
|
|
186
|
+
}
|
|
187
|
+
);
|
|
188
|
+
}, K = (t) => {
|
|
189
|
+
const { children: e, ...n } = t, o = W(n), s = !!o.parentContext && !!o.parentContext.parentContext, i = {
|
|
190
|
+
Modal: {
|
|
191
|
+
render: J,
|
|
192
|
+
ButtonGroup: {
|
|
193
|
+
Button: {
|
|
194
|
+
render: H
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
Button: {
|
|
199
|
+
render: I
|
|
200
|
+
},
|
|
201
|
+
Link: {
|
|
202
|
+
render: z
|
|
203
|
+
}
|
|
204
|
+
};
|
|
205
|
+
return /* @__PURE__ */ r.createElement(G, { value: o }, /* @__PURE__ */ r.createElement(L, { if: !s }, /* @__PURE__ */ r.createElement(
|
|
206
|
+
v,
|
|
207
|
+
{
|
|
208
|
+
props: i,
|
|
209
|
+
dependencies: [o],
|
|
210
|
+
mergeInParentContext: !0
|
|
211
|
+
},
|
|
212
|
+
e
|
|
213
|
+
)));
|
|
214
|
+
};
|
|
215
|
+
export {
|
|
216
|
+
K as A
|
|
217
|
+
};
|
package/dist/Action.js
CHANGED
package/dist/Avatar.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import i, { isValidElement as
|
|
4
|
-
import
|
|
5
|
-
import { C as
|
|
6
|
-
import { P as
|
|
3
|
+
import i, { isValidElement as p } from "react";
|
|
4
|
+
import v from "clsx";
|
|
5
|
+
import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
|
|
6
|
+
import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "./propsContext-CauylOgH.js";
|
|
9
9
|
import "remeda";
|
|
10
|
-
import { hash as
|
|
11
|
-
import { deepForEach as
|
|
12
|
-
import { f as
|
|
13
|
-
const
|
|
14
|
-
avatar:
|
|
15
|
-
icon:
|
|
16
|
-
initials:
|
|
10
|
+
import { hash as w } from "object-code";
|
|
11
|
+
import { deepForEach as z } from "react-children-utilities";
|
|
12
|
+
import { f as d } from "./flowComponent-Cv_SURLH.js";
|
|
13
|
+
const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
|
|
14
|
+
avatar: C,
|
|
15
|
+
icon: h,
|
|
16
|
+
initials: x,
|
|
17
17
|
"size-m": "flow--avatar--size-m",
|
|
18
18
|
"size-xs": "flow--avatar--size-xs",
|
|
19
19
|
"size-s": "flow--avatar--size-s",
|
|
@@ -22,23 +22,23 @@ const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials"
|
|
|
22
22
|
"variant-2": "flow--avatar--variant-2",
|
|
23
23
|
"variant-3": "flow--avatar--variant-3",
|
|
24
24
|
"variant-4": "flow--avatar--variant-4"
|
|
25
|
-
},
|
|
25
|
+
}, u = (o) => {
|
|
26
26
|
const a = [];
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
z(o, (t) => {
|
|
28
|
+
p(t) ? a.push({
|
|
29
29
|
props: t.props,
|
|
30
30
|
type: t.type
|
|
31
31
|
}) : a.push(t);
|
|
32
32
|
});
|
|
33
|
-
const s =
|
|
33
|
+
const s = w(a);
|
|
34
34
|
return Math.abs(s % 4) + 1;
|
|
35
|
-
},
|
|
36
|
-
const { children: a, className: s, variant: t, size: e = "m" } = o,
|
|
35
|
+
}, $ = d("Avatar", (o) => {
|
|
36
|
+
const { children: a, className: s, variant: t, size: e = "m", refProp: n } = o, l = v(
|
|
37
37
|
r.avatar,
|
|
38
38
|
r[`size-${e}`],
|
|
39
39
|
s,
|
|
40
|
-
r[`variant-${t ??
|
|
41
|
-
),
|
|
40
|
+
r[`variant-${t ?? u(a)}`]
|
|
41
|
+
), m = {
|
|
42
42
|
Initials: {
|
|
43
43
|
className: r.initials
|
|
44
44
|
},
|
|
@@ -46,9 +46,9 @@ const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials"
|
|
|
46
46
|
className: r.icon
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
-
return /* @__PURE__ */ i.createElement(
|
|
49
|
+
return /* @__PURE__ */ i.createElement(c, null, /* @__PURE__ */ i.createElement("div", { className: l, ref: n }, /* @__PURE__ */ i.createElement(f, { props: m }, a)));
|
|
50
50
|
});
|
|
51
51
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
$ as Avatar,
|
|
53
|
+
$ as default
|
|
54
54
|
};
|
package/dist/Breadcrumb.js
CHANGED
|
@@ -4,10 +4,10 @@ import r from "react";
|
|
|
4
4
|
import * as m from "react-aria-components";
|
|
5
5
|
import a from "clsx";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
8
|
-
import { I as u } from "./IconChevronRight-
|
|
7
|
+
import "./Icon-DXq5lwp4.js";
|
|
8
|
+
import { I as u } from "./IconChevronRight-Sd5qEgz9.js";
|
|
9
9
|
import "./propsContext-CauylOgH.js";
|
|
10
|
-
import { P as p } from "./PropsContextProvider-
|
|
10
|
+
import { P as p } from "./PropsContextProvider-ChpH8eF2.js";
|
|
11
11
|
import "@react-aria/utils";
|
|
12
12
|
import "remeda";
|
|
13
13
|
const f = "flow--breadcrumb", k = "flow--breadcrumb--link", h = "flow--breadcrumb--breadcrumb-item", N = "flow--breadcrumb--icon", w = "flow--breadcrumb--dark", E = "flow--breadcrumb--light", e = {
|
|
@@ -4,17 +4,17 @@ import o, { useEffect as x } from "react";
|
|
|
4
4
|
import * as F from "react-aria-components";
|
|
5
5
|
import E from "clsx";
|
|
6
6
|
import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
|
|
7
|
-
import { P as h } from "./PropsContextProvider-
|
|
7
|
+
import { P as h } from "./PropsContextProvider-ChpH8eF2.js";
|
|
8
8
|
import "@react-aria/utils";
|
|
9
9
|
import "./propsContext-CauylOgH.js";
|
|
10
10
|
import "remeda";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
|
-
import "./Icon-
|
|
13
|
-
import { I as C, a as I } from "./IconSucceeded-
|
|
12
|
+
import "./Icon-DXq5lwp4.js";
|
|
13
|
+
import { I as C, a as I } from "./IconSucceeded-B4DEKa6J.js";
|
|
14
14
|
import { W as u } from "./Wrap-DGT1h1o3.js";
|
|
15
|
-
import { T as N } from "./Text-
|
|
16
|
-
import { f as k } from "./flowComponent-
|
|
17
|
-
import { L as A } from "./LoadingSpinner-
|
|
15
|
+
import { T as N } from "./Text-DOQUStg_.js";
|
|
16
|
+
import { f as k } from "./flowComponent-Cv_SURLH.js";
|
|
17
|
+
import { L as A } from "./LoadingSpinner-smFm5pXR.js";
|
|
18
18
|
import { useLocalizedStringFormatter as D } from "react-aria";
|
|
19
19
|
import { useLiveRegion as T } from "@chakra-ui/live-region";
|
|
20
20
|
const z = "flow--button", B = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", j = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--aria-disabled", M = "flow--button--accent", O = "flow--button--danger", Q = "flow--button--secondary", V = "flow--button--dark", X = "flow--button--light", Y = "flow--button--soft", t = {
|
package/dist/Button.js
CHANGED
package/dist/ButtonGroup.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import o from "react";
|
|
4
|
-
import { C as
|
|
5
|
-
import { P as
|
|
4
|
+
import { C as l } from "./ClearPropsContext-CeCMjUK9.js";
|
|
5
|
+
import { P as i } from "./PropsContextProvider-ChpH8eF2.js";
|
|
6
6
|
import "@react-aria/utils";
|
|
7
7
|
import "./propsContext-CauylOgH.js";
|
|
8
8
|
import "remeda";
|
|
9
|
-
import { d as
|
|
9
|
+
import { d as b } from "./dynamic-ClpUSmEt.js";
|
|
10
10
|
import r from "clsx";
|
|
11
|
-
import { f
|
|
12
|
-
const d = "flow--button-group--button-group-container",
|
|
11
|
+
import { f } from "./flowComponent-Cv_SURLH.js";
|
|
12
|
+
const d = "flow--button-group--button-group-container", C = "flow--button-group", G = "flow--button-group--button", y = "flow--button-group--secondary", t = {
|
|
13
13
|
buttonGroupContainer: d,
|
|
14
|
-
buttonGroup:
|
|
15
|
-
button:
|
|
16
|
-
secondary:
|
|
17
|
-
},
|
|
18
|
-
const { children: e, className: s,
|
|
14
|
+
buttonGroup: C,
|
|
15
|
+
button: G,
|
|
16
|
+
secondary: y
|
|
17
|
+
}, R = f("ButtonGroup", (n) => {
|
|
18
|
+
const { children: e, className: s, refProp: u, ...a } = n, p = r(t.buttonGroupContainer, s), c = {
|
|
19
19
|
Button: {
|
|
20
|
-
className:
|
|
21
|
-
(
|
|
20
|
+
className: b(
|
|
21
|
+
(m) => r(
|
|
22
22
|
t.button,
|
|
23
|
-
|
|
23
|
+
m.color === "secondary" ? t.secondary : void 0
|
|
24
24
|
)
|
|
25
25
|
)
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
return /* @__PURE__ */ o.createElement(
|
|
28
|
+
return /* @__PURE__ */ o.createElement(l, null, /* @__PURE__ */ o.createElement("div", { ...a, className: p, ref: u }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(i, { props: c }, e))));
|
|
29
29
|
});
|
|
30
30
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
R as ButtonGroup,
|
|
32
|
+
R as default
|
|
33
33
|
};
|
|
@@ -4,15 +4,15 @@ import e from "react";
|
|
|
4
4
|
import * as i from "react-aria-components";
|
|
5
5
|
import p from "clsx";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
8
|
-
import { I as x, a as f } from "./IconCheckboxEmpty-
|
|
9
|
-
import { I as h } from "./IconCheckboxIndeterminate-
|
|
7
|
+
import "./Icon-DXq5lwp4.js";
|
|
8
|
+
import { I as x, a as f } from "./IconCheckboxEmpty-CseDZ77J.js";
|
|
9
|
+
import { I as h } from "./IconCheckboxIndeterminate-BdEkNKEg.js";
|
|
10
10
|
import { C } from "./ClearPropsContext-CeCMjUK9.js";
|
|
11
11
|
import "./propsContext-CauylOgH.js";
|
|
12
12
|
import "@react-aria/utils";
|
|
13
13
|
import "remeda";
|
|
14
14
|
import "dot-prop";
|
|
15
|
-
import { f as k } from "./flowComponent-
|
|
15
|
+
import { f as k } from "./flowComponent-Cv_SURLH.js";
|
|
16
16
|
const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
|
|
17
17
|
checkbox: b,
|
|
18
18
|
icon: E
|
package/dist/Checkbox.js
CHANGED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import o from "react";
|
|
4
|
+
import m from "clsx";
|
|
5
|
+
import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
|
|
6
|
+
import { P as b } from "./PropsContextProvider-ChpH8eF2.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "./propsContext-CauylOgH.js";
|
|
9
|
+
import "remeda";
|
|
10
|
+
import { C as x } from "./Checkbox-CHueH9FZ.js";
|
|
11
|
+
import { f } from "./flowComponent-Cv_SURLH.js";
|
|
12
|
+
const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
|
|
13
|
+
checkboxButton: C,
|
|
14
|
+
label: i,
|
|
15
|
+
content: h
|
|
16
|
+
}, y = f("CheckboxButton", (e) => {
|
|
17
|
+
const { children: c, className: n, refProp: r, ...s } = e, l = m(t.checkboxButton, n), a = {
|
|
18
|
+
Text: {
|
|
19
|
+
className: t.label
|
|
20
|
+
},
|
|
21
|
+
Content: {
|
|
22
|
+
className: t.content
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ o.createElement(b, { props: a }, c)));
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
y as C
|
|
29
|
+
};
|
package/dist/CheckboxButton.js
CHANGED
package/dist/CheckboxGroup.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
4
|
+
import * as x from "react-aria-components";
|
|
5
|
+
import b from "clsx";
|
|
6
6
|
import "./propsContext-CauylOgH.js";
|
|
7
|
-
import { P as
|
|
7
|
+
import { P as h } from "./PropsContextProvider-ChpH8eF2.js";
|
|
8
8
|
import "@react-aria/utils";
|
|
9
9
|
import "remeda";
|
|
10
|
-
import { F as
|
|
11
|
-
import { C as
|
|
12
|
-
import { TunnelProvider as
|
|
10
|
+
import { F as E } from "./FieldError-Bl_SXH5M.js";
|
|
11
|
+
import { C as k } from "./CheckboxButton-Ch3zxviG.js";
|
|
12
|
+
import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
|
|
13
13
|
import { s as o } from "./FormField.module-DHK6nIcD.js";
|
|
14
|
-
import { C } from "./ColumnLayout-FMONjI17.js";
|
|
15
|
-
import { d as
|
|
16
|
-
import { f as
|
|
17
|
-
const
|
|
18
|
-
checkboxGroup:
|
|
19
|
-
}, j =
|
|
20
|
-
const { children: t, className: m, s: n, m:
|
|
14
|
+
import { C as N } from "./ColumnLayout-FMONjI17.js";
|
|
15
|
+
import { d as F } from "./deepFindOfType-6pG0fH7S.js";
|
|
16
|
+
import { f as G } from "./flowComponent-Cv_SURLH.js";
|
|
17
|
+
const P = "flow--checkbox-group", s = {
|
|
18
|
+
checkboxGroup: P
|
|
19
|
+
}, j = G("CheckboxGroup", (l) => {
|
|
20
|
+
const { children: t, className: m, s: n, m: a, l: i, refProp: p, ...d } = l, f = b(o.formField, m), u = {
|
|
21
21
|
Label: {
|
|
22
22
|
className: o.label
|
|
23
23
|
},
|
|
@@ -35,8 +35,8 @@ const G = "flow--checkbox-group", s = {
|
|
|
35
35
|
CheckboxButton: {
|
|
36
36
|
tunnelId: "checkboxes"
|
|
37
37
|
}
|
|
38
|
-
}, c = !!
|
|
39
|
-
return /* @__PURE__ */ e.createElement(
|
|
38
|
+
}, c = !!F(t, k);
|
|
39
|
+
return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: n, m: a, l: i, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
|
|
40
40
|
});
|
|
41
41
|
export {
|
|
42
42
|
j as CheckboxGroup,
|
|
@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
|
|
|
6
6
|
import "@react-aria/utils";
|
|
7
7
|
import "remeda";
|
|
8
8
|
import "dot-prop";
|
|
9
|
-
import { f as l } from "./flowComponent-
|
|
9
|
+
import { f as l } from "./flowComponent-Cv_SURLH.js";
|
|
10
10
|
import { W as s } from "./Wrap-DGT1h1o3.js";
|
|
11
11
|
import { A as f } from "./Activity-CmfZpgOM.js";
|
|
12
12
|
const W = l("Content", (e) => {
|
package/dist/Content.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
4
|
import * as u from "react-aria-components";
|
|
5
|
-
import { f as d } from "./flowComponent-
|
|
6
|
-
import { P as x } from "./Popover-
|
|
5
|
+
import { f as d } from "./flowComponent-Cv_SURLH.js";
|
|
6
|
+
import { P as x } from "./Popover-B6bARCOK.js";
|
|
7
7
|
import { C } from "./ClearPropsContext-CeCMjUK9.js";
|
|
8
|
-
import { P as M } from "./PropsContextProvider-
|
|
8
|
+
import { P as M } from "./PropsContextProvider-ChpH8eF2.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import "./propsContext-CauylOgH.js";
|
|
11
11
|
import "remeda";
|
package/dist/ContextMenu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import { C as r } from "./ContextMenu-
|
|
4
|
-
import { M as n } from "./MenuItem-
|
|
3
|
+
import { C as r } from "./ContextMenu-ChxMleeO.js";
|
|
4
|
+
import { M as n } from "./MenuItem-CgrBX4na.js";
|
|
5
5
|
import { MenuTrigger as m } from "react-aria-components";
|
|
6
6
|
export {
|
|
7
7
|
r as ContextMenu,
|
package/dist/CopyButton.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import o from "react";
|
|
4
4
|
import a from "copy-to-clipboard";
|
|
5
|
-
import { B as i } from "./Button-
|
|
5
|
+
import { B as i } from "./Button-tEtjVHFC.js";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
8
|
-
import { I as c } from "./IconCopy-
|
|
7
|
+
import "./Icon-DXq5lwp4.js";
|
|
8
|
+
import { I as c } from "./IconCopy-Y4GR1Z03.js";
|
|
9
9
|
import { useLocalizedStringFormatter as l } from "react-aria";
|
|
10
10
|
import { a as s, T as f } from "./TooltipTrigger-TslkLN5s.js";
|
|
11
11
|
import { onlyText as u } from "react-children-utilities";
|
|
@@ -14,8 +14,8 @@ import "./propsContext-CauylOgH.js";
|
|
|
14
14
|
import "@react-aria/utils";
|
|
15
15
|
import "remeda";
|
|
16
16
|
import "dot-prop";
|
|
17
|
-
import { f as C } from "./flowComponent-
|
|
18
|
-
import { A as E } from "./Action-
|
|
17
|
+
import { f as C } from "./flowComponent-Cv_SURLH.js";
|
|
18
|
+
import { A as E } from "./Action-7EQNT1az.js";
|
|
19
19
|
const B = {
|
|
20
20
|
"de-DE": {
|
|
21
21
|
"copyButton.copy": "Kopieren"
|
package/dist/FieldDescription.js
CHANGED
|
@@ -7,8 +7,8 @@ import "./propsContext-CauylOgH.js";
|
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import "dot-prop";
|
|
10
|
-
import { T as p } from "./Text-
|
|
11
|
-
import { f as c } from "./flowComponent-
|
|
10
|
+
import { T as p } from "./Text-DOQUStg_.js";
|
|
11
|
+
import { f as c } from "./flowComponent-Cv_SURLH.js";
|
|
12
12
|
const a = "flow--field-description", f = {
|
|
13
13
|
fieldDescription: a
|
|
14
14
|
}, P = c("FieldDescription", (o) => {
|
|
@@ -9,9 +9,9 @@ import "@react-aria/utils";
|
|
|
9
9
|
import "remeda";
|
|
10
10
|
import "dot-prop";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
|
-
import "./Icon-
|
|
13
|
-
import { I as c } from "./IconDanger-
|
|
14
|
-
import { f } from "./flowComponent-
|
|
12
|
+
import "./Icon-DXq5lwp4.js";
|
|
13
|
+
import { I as c } from "./IconDanger-D3n1sEDX.js";
|
|
14
|
+
import { f } from "./flowComponent-Cv_SURLH.js";
|
|
15
15
|
const E = "flow--field-error", d = {
|
|
16
16
|
fieldError: E
|
|
17
17
|
}, y = f("FieldError", (o) => {
|