@mittwald/flow-react-components 0.1.0-alpha.68 → 0.1.0-alpha.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Button-Cml_2SLb.js → Button-ETN2QGBh.js} +20 -19
- package/dist/Button.js +1 -1
- package/dist/CopyButton.js +1 -1
- package/dist/IconPending-BeLtxUJV.js +9 -0
- package/dist/IconSucceeded-DJjtn14a.js +10 -0
- package/dist/Icons.js +15 -14
- package/dist/List.js +1 -1
- package/dist/LoadingSpinner-BJ0iAWpF.js +17 -0
- package/dist/LoadingSpinner.js +7 -0
- package/dist/NumberField.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/components/LoadingSpinner/LoadingSpinner.d.ts +5 -0
- package/dist/types/components/LoadingSpinner/index.d.ts +4 -0
- package/dist/types/components/LoadingSpinner/stories/Default.stories.d.ts +7 -0
- package/dist/types/components/Modal/Modal.d.ts +1 -0
- package/package.json +7 -3
- package/dist/IconSucceeded-Dfdm67cI.js +0 -11
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import * as
|
|
3
|
+
import o from "react";
|
|
4
|
+
import * as E from "react-aria-components";
|
|
5
5
|
import x from "clsx";
|
|
6
6
|
import { C } from "./ClearPropsContext-CeCMjUK9.js";
|
|
7
7
|
import { P as I } from "./PropsContextProvider-DZvwqHLP.js";
|
|
@@ -10,13 +10,14 @@ import "./propsContext-CauylOgH.js";
|
|
|
10
10
|
import "remeda";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
12
|
import "./Icon-Cirt9eNW.js";
|
|
13
|
-
import { I as N, a as h
|
|
13
|
+
import { I as N, a as h } from "./IconSucceeded-DJjtn14a.js";
|
|
14
14
|
import { W as d } from "./Wrap-DGT1h1o3.js";
|
|
15
|
-
import { T as
|
|
16
|
-
import { f as
|
|
17
|
-
import { useLocalizedStringFormatter as
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
import { T as z } from "./Text-DOsCjavW.js";
|
|
16
|
+
import { f as L } from "./flowComponent-D0FdCoE_.js";
|
|
17
|
+
import { useLocalizedStringFormatter as B } from "react-aria";
|
|
18
|
+
import { L as A } from "./LoadingSpinner-BJ0iAWpF.js";
|
|
19
|
+
const D = "flow--button", T = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--content", $ = "flow--button--state-icon", R = "flow--button--is-succeeded", j = "flow--button--is-failed", k = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--accent", M = "flow--button--danger", O = "flow--button--secondary", Q = "flow--button--soft", e = {
|
|
20
|
+
button: D,
|
|
20
21
|
avatar: T,
|
|
21
22
|
icon: K,
|
|
22
23
|
text: U,
|
|
@@ -44,7 +45,7 @@ const L = "flow--button", T = "flow--button--avatar", K = "flow--button--icon",
|
|
|
44
45
|
"button.isPending": "Pending",
|
|
45
46
|
"button.isSucceeded": "Succeeded"
|
|
46
47
|
}
|
|
47
|
-
}, X = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t),
|
|
48
|
+
}, X = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), ut = L("Button", (t) => {
|
|
48
49
|
t = X(t);
|
|
49
50
|
const {
|
|
50
51
|
variant: m = "primary",
|
|
@@ -54,7 +55,7 @@ const L = "flow--button", T = "flow--button--avatar", K = "flow--button--icon",
|
|
|
54
55
|
size: i = "m",
|
|
55
56
|
isPending: a,
|
|
56
57
|
isDisabled: b,
|
|
57
|
-
isSucceeded:
|
|
58
|
+
isSucceeded: n,
|
|
58
59
|
isFailed: s,
|
|
59
60
|
"aria-label": g,
|
|
60
61
|
ref: P,
|
|
@@ -62,7 +63,7 @@ const L = "flow--button", T = "flow--button--avatar", K = "flow--button--icon",
|
|
|
62
63
|
} = t, v = x(
|
|
63
64
|
e.button,
|
|
64
65
|
a && e.isPending,
|
|
65
|
-
|
|
66
|
+
n && e.isSucceeded,
|
|
66
67
|
s && e.isFailed,
|
|
67
68
|
e[`size-${i}`],
|
|
68
69
|
e[m],
|
|
@@ -80,22 +81,22 @@ const L = "flow--button", T = "flow--button--avatar", K = "flow--button--icon",
|
|
|
80
81
|
Avatar: {
|
|
81
82
|
className: e.avatar
|
|
82
83
|
}
|
|
83
|
-
},
|
|
84
|
-
`button.${
|
|
85
|
-
) : void 0, r =
|
|
86
|
-
return /* @__PURE__ */
|
|
87
|
-
|
|
84
|
+
}, p = B(V), F = n || s || a ? p.format(
|
|
85
|
+
`button.${n ? "isSucceeded" : s ? "isFailed" : "isPending"}`
|
|
86
|
+
) : void 0, r = n ? N : s ? h : a ? A : void 0, l = r && /* @__PURE__ */ o.createElement(r, { size: i, className: e.stateIcon }), y = typeof c == "string";
|
|
87
|
+
return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
|
|
88
|
+
E.Button,
|
|
88
89
|
{
|
|
89
90
|
className: v,
|
|
90
91
|
isDisabled: b,
|
|
91
|
-
"aria-label":
|
|
92
|
+
"aria-label": F ?? g,
|
|
92
93
|
ref: P,
|
|
93
94
|
...w
|
|
94
95
|
},
|
|
95
|
-
/* @__PURE__ */
|
|
96
|
+
/* @__PURE__ */ o.createElement(I, { props: S }, /* @__PURE__ */ o.createElement(d, { if: l }, /* @__PURE__ */ o.createElement("span", { className: e.content }, /* @__PURE__ */ o.createElement(d, { if: y }, /* @__PURE__ */ o.createElement(z, null, c))))),
|
|
96
97
|
l
|
|
97
98
|
));
|
|
98
99
|
});
|
|
99
100
|
export {
|
|
100
|
-
|
|
101
|
+
ut as B
|
|
101
102
|
};
|
package/dist/Button.js
CHANGED
package/dist/CopyButton.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
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-ETN2QGBh.js";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
7
|
import "./Icon-Cirt9eNW.js";
|
|
8
8
|
import { I as c } from "./IconCopy-C5zfzlp0.js";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import { IconLoader2 as r } from "@tabler/icons-react";
|
|
5
|
+
import { I as t } from "./Icon-Cirt9eNW.js";
|
|
6
|
+
const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(r, null));
|
|
7
|
+
export {
|
|
8
|
+
a as I
|
|
9
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import { IconX as o, IconCheck as n } from "@tabler/icons-react";
|
|
5
|
+
import { I as t } from "./Icon-Cirt9eNW.js";
|
|
6
|
+
const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null));
|
|
7
|
+
export {
|
|
8
|
+
I,
|
|
9
|
+
l as a
|
|
10
|
+
};
|
package/dist/Icons.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import n from "react";
|
|
4
|
-
import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconList as S, IconPower as g, IconUsersGroup as v, IconBell as
|
|
4
|
+
import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconList as S, IconPower as g, IconUsersGroup as v, IconBell as L, IconArchive as b, IconDice3 as k, IconSearch as w, IconListSearch as D, IconServer as $, IconSettings as M, IconEye as y, IconAdjustmentsHorizontal as B, IconDoor as H, IconSubtask as A, IconHeadset as F, IconFileX as R, IconLayoutGrid as V } from "@tabler/icons-react";
|
|
5
5
|
import { I as t } from "./Icon-Cirt9eNW.js";
|
|
6
|
-
import { I as
|
|
6
|
+
import { I as be } from "./IconCheck-BeVmPHTC.js";
|
|
7
7
|
import { I as we, a as De } from "./IconCheckboxEmpty-DxrY9ZRF.js";
|
|
8
8
|
import { I as Me } from "./IconCheckboxIndeterminate-DocwIA57.js";
|
|
9
9
|
import { I as Be } from "./IconChevronDown-C5-5-czM.js";
|
|
@@ -13,10 +13,11 @@ import { I as je } from "./IconClose-C_Q9gfje.js";
|
|
|
13
13
|
import { I as We } from "./IconContextMenu-CRb3xTJw.js";
|
|
14
14
|
import { I as Oe } from "./IconCopy-C5zfzlp0.js";
|
|
15
15
|
import { I as Ne } from "./IconDanger-CtJdGYWb.js";
|
|
16
|
-
import { a as qe,
|
|
17
|
-
import { I as
|
|
18
|
-
import {
|
|
19
|
-
|
|
16
|
+
import { a as qe, I as Je } from "./IconSucceeded-DJjtn14a.js";
|
|
17
|
+
import { I as Qe, a as Ye, b as Ze } from "./IconWarning-BD3bYgr3.js";
|
|
18
|
+
import { I as en } from "./IconPending-BeLtxUJV.js";
|
|
19
|
+
import { a as tn, I as cn } from "./IconRadioOn-BpFVTp96.js";
|
|
20
|
+
const z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), W = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), G = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), O = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), U = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), ge = (e) => /* @__PURE__ */ n.createElement(
|
|
20
21
|
t,
|
|
21
22
|
{
|
|
22
23
|
...e
|
|
@@ -31,7 +32,7 @@ export {
|
|
|
31
32
|
z as IconApp,
|
|
32
33
|
W as IconBackLink,
|
|
33
34
|
G as IconBackup,
|
|
34
|
-
|
|
35
|
+
be as IconCheck,
|
|
35
36
|
we as IconCheckboxChecked,
|
|
36
37
|
De as IconCheckboxEmpty,
|
|
37
38
|
Me as IconCheckboxIndeterminate,
|
|
@@ -57,18 +58,18 @@ export {
|
|
|
57
58
|
ee as IconFilter,
|
|
58
59
|
ne as IconHide,
|
|
59
60
|
te as IconHome,
|
|
60
|
-
|
|
61
|
+
Qe as IconInfo,
|
|
61
62
|
ce as IconListView,
|
|
62
63
|
oe as IconLogout,
|
|
63
64
|
le as IconMember,
|
|
64
65
|
Ve as IconMinus,
|
|
65
66
|
ge as IconMittwald,
|
|
66
67
|
ae as IconNotification,
|
|
67
|
-
|
|
68
|
+
en as IconPending,
|
|
68
69
|
Pe as IconPlus,
|
|
69
70
|
re as IconProject,
|
|
70
|
-
|
|
71
|
-
|
|
71
|
+
tn as IconRadioOff,
|
|
72
|
+
cn as IconRadioOn,
|
|
72
73
|
Ie as IconRandom,
|
|
73
74
|
me as IconSearch,
|
|
74
75
|
se as IconSearchEngine,
|
|
@@ -78,11 +79,11 @@ export {
|
|
|
78
79
|
pe as IconSorting,
|
|
79
80
|
he as IconSshSftp,
|
|
80
81
|
de as IconSubdomain,
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
Je as IconSucceeded,
|
|
83
|
+
Ye as IconSuccess,
|
|
83
84
|
fe as IconSupport,
|
|
84
85
|
Ce as IconTerminate,
|
|
85
86
|
xe as IconTileView,
|
|
86
87
|
Se as IconTime,
|
|
87
|
-
|
|
88
|
+
Ze as IconWarning
|
|
88
89
|
};
|
package/dist/List.js
CHANGED
|
@@ -12,7 +12,7 @@ import { T as b } from "./Text-DOsCjavW.js";
|
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
13
|
import "./Icon-Cirt9eNW.js";
|
|
14
14
|
import { I as $ } from "./IconChevronDown-C5-5-czM.js";
|
|
15
|
-
import { B as h } from "./Button-
|
|
15
|
+
import { B as h } from "./Button-ETN2QGBh.js";
|
|
16
16
|
import H from "clsx";
|
|
17
17
|
import "./propsContext-CauylOgH.js";
|
|
18
18
|
import "@react-aria/utils";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import r from "react";
|
|
4
|
+
import "@tabler/icons-react";
|
|
5
|
+
import "./Icon-Cirt9eNW.js";
|
|
6
|
+
import { I as e } from "./IconPending-BeLtxUJV.js";
|
|
7
|
+
import t from "clsx";
|
|
8
|
+
const a = "flow--loading-spinner", p = "flow--loading-spinner--spin", l = {
|
|
9
|
+
loadingSpinner: a,
|
|
10
|
+
spin: p
|
|
11
|
+
}, S = (n) => {
|
|
12
|
+
const { className: o, ...s } = n, i = t(l.loadingSpinner, o);
|
|
13
|
+
return /* @__PURE__ */ r.createElement(e, { className: i, ...s });
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
S as L
|
|
17
|
+
};
|
package/dist/NumberField.js
CHANGED
|
@@ -10,7 +10,7 @@ import "@react-aria/utils";
|
|
|
10
10
|
import "./propsContext-CauylOgH.js";
|
|
11
11
|
import "remeda";
|
|
12
12
|
import { F as I } from "./FieldError-Bkfbr6qF.js";
|
|
13
|
-
import { B as a } from "./Button-
|
|
13
|
+
import { B as a } from "./Button-ETN2QGBh.js";
|
|
14
14
|
import "@tabler/icons-react";
|
|
15
15
|
import "./Icon-Cirt9eNW.js";
|
|
16
16
|
import { I as C } from "./IconChevronDown-C5-5-czM.js";
|