@mittwald/flow-react-components 0.1.0-alpha.382 → 0.1.0-alpha.384
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/CHANGELOG.md +22 -0
- package/dist/css/List.css +1 -1
- package/dist/css/Modal.css +1 -1
- package/dist/css/globals.css +1 -1
- package/dist/js/Avatar-BtigJjWX.js +62 -0
- package/dist/js/Avatar.js +1 -1
- package/dist/js/{CodeBlock-wbZE1ePG.js → CodeBlock-BU4F_VQW.js} +1 -1
- package/dist/js/CodeBlock.js +1 -1
- package/dist/js/ContextMenu.js +1 -1
- package/dist/js/CopyButton-gGJJItFK.js +47 -0
- package/dist/js/CopyButton.js +1 -1
- package/dist/js/FileCard.js +1 -1
- package/dist/js/Initials-CSvhEbyw.js +20 -0
- package/dist/js/Initials.js +3 -17
- package/dist/js/List.js +585 -587
- package/dist/js/Markdown.js +1 -1
- package/dist/js/{MenuItem-a7BWfwHo.js → MenuItem-BhQ--5y5.js} +1 -1
- package/dist/js/MenuItem.js +1 -1
- package/dist/js/SegmentedControl.js +31 -32
- package/dist/js/Tabs.js +1 -1
- package/dist/js/all.css +1 -1
- package/dist/js/types/components/List/components/Items/components/Item/components/View/View.d.ts +2 -2
- package/dist/js/types/components/List/stories/ListItem.stories.d.ts +1 -1
- package/dist/js/types/components/List/typedList.d.ts +1 -1
- package/package.json +4 -4
- package/dist/js/Avatar-BnqM-jbR.js +0 -60
- package/dist/js/CopyButton-AoMPrhM7.js +0 -40
- package/dist/js/getContainerBreakpointSizeClassName-BrcFDcCY.js +0 -6
package/dist/js/Markdown.js
CHANGED
|
@@ -7,7 +7,7 @@ import { T as m } from "./Text-Dh4iy9qD.js";
|
|
|
7
7
|
import { I as u } from "./InlineCode-6EfCoef4.js";
|
|
8
8
|
import { H as n } from "./Heading-C61IpDy1.js";
|
|
9
9
|
import { S as k } from "./Separator-BCaor8Yd.js";
|
|
10
|
-
import { C as N } from "./CodeBlock-
|
|
10
|
+
import { C as N } from "./CodeBlock-BU4F_VQW.js";
|
|
11
11
|
const v = "flow--markdown", r = {
|
|
12
12
|
markdown: v
|
|
13
13
|
}, H = (d) => {
|
|
@@ -14,7 +14,7 @@ import { I as C, a as h } from "./IconRadioOn-D7w6KLWm.js";
|
|
|
14
14
|
import { T as p } from "./Text-Dh4iy9qD.js";
|
|
15
15
|
import { d as f } from "./deepHas-KHS5X1F_.js";
|
|
16
16
|
import { W as N } from "./Wrap-DGT1h1o3.js";
|
|
17
|
-
import { A as w } from "./Avatar-
|
|
17
|
+
import { A as w } from "./Avatar-BtigJjWX.js";
|
|
18
18
|
import { f as M } from "./flowComponent-BQs9wMX_.js";
|
|
19
19
|
const A = "flow--menu-item", g = "flow--menu-item--icon", P = "flow--menu-item--text", T = "flow--menu-item--control-icon", k = "flow--menu-item--avatar", o = {
|
|
20
20
|
menuItem: A,
|
package/dist/js/MenuItem.js
CHANGED
|
@@ -3,80 +3,79 @@
|
|
|
3
3
|
import { f as d } from "./flowComponent-BQs9wMX_.js";
|
|
4
4
|
import e from "react";
|
|
5
5
|
import * as p from "react-aria-components";
|
|
6
|
-
import { f as
|
|
7
|
-
import { g as k } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
|
|
6
|
+
import { f as n } from "./FormField.module-CqWpTQKP.js";
|
|
8
7
|
import "./propsContext-DzAKlmhS.js";
|
|
9
|
-
import { PropsContextProvider as
|
|
8
|
+
import { PropsContextProvider as k } from "./PropsContextProvider.js";
|
|
10
9
|
import "@react-aria/utils";
|
|
11
10
|
import "remeda";
|
|
12
|
-
import { TunnelProvider as
|
|
13
|
-
import { F as
|
|
11
|
+
import { TunnelProvider as E, TunnelExit as a } from "@mittwald/react-tunnel";
|
|
12
|
+
import { F as N } from "./FieldError-B_3nLHFz.js";
|
|
14
13
|
import g from "clsx";
|
|
15
14
|
import "@tabler/icons-react";
|
|
16
15
|
import "./Icon--OEo4TjW.js";
|
|
17
16
|
import { I as b } from "./IconCheck-s8wGBc30.js";
|
|
18
|
-
import { C as
|
|
17
|
+
import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
|
|
19
18
|
import "dot-prop";
|
|
20
|
-
const z = "flow--segmented-control",
|
|
19
|
+
const z = "flow--segmented-control", w = "flow--segmented-control--segments", x = "flow--segmented-control--segmented-control-container", S = "flow--segmented-control--segment", o = {
|
|
21
20
|
segmentedControl: z,
|
|
22
|
-
segments:
|
|
23
|
-
segmentedControlContainer:
|
|
21
|
+
segments: w,
|
|
22
|
+
segmentedControlContainer: x,
|
|
24
23
|
"container-breakpoint-size-xs": "flow--segmented-control--container-breakpoint-size-xs",
|
|
25
|
-
segment:
|
|
24
|
+
segment: S,
|
|
26
25
|
"container-breakpoint-size-s": "flow--segmented-control--container-breakpoint-size-s",
|
|
27
26
|
"container-breakpoint-size-m": "flow--segmented-control--container-breakpoint-size-m",
|
|
28
27
|
"container-breakpoint-size-l": "flow--segmented-control--container-breakpoint-size-l",
|
|
29
28
|
"container-breakpoint-size-xl": "flow--segmented-control--container-breakpoint-size-xl"
|
|
30
|
-
},
|
|
29
|
+
}, h = (t) => `container-breakpoint-size-${t}`, K = d("SegmentedControl", (t) => {
|
|
31
30
|
const {
|
|
32
31
|
children: r,
|
|
33
32
|
className: s,
|
|
34
33
|
containerBreakpointSize: m = "m",
|
|
35
34
|
refProp: l,
|
|
36
|
-
...
|
|
37
|
-
} =
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
...i
|
|
36
|
+
} = t, f = g(
|
|
37
|
+
n.formField,
|
|
38
|
+
o.segmentedControlContainer,
|
|
40
39
|
s,
|
|
41
|
-
|
|
40
|
+
o[h(m)]
|
|
42
41
|
), C = {
|
|
43
42
|
Label: {
|
|
44
|
-
className:
|
|
43
|
+
className: n.label
|
|
45
44
|
},
|
|
46
45
|
FieldDescription: {
|
|
47
|
-
className:
|
|
46
|
+
className: n.fieldDescription,
|
|
48
47
|
tunnelId: "fieldDescription"
|
|
49
48
|
},
|
|
50
49
|
FieldError: {
|
|
51
|
-
className:
|
|
50
|
+
className: n.customFieldError,
|
|
52
51
|
tunnelId: "fieldError"
|
|
53
52
|
},
|
|
54
53
|
Segment: {
|
|
55
54
|
tunnelId: "segments",
|
|
56
|
-
className:
|
|
55
|
+
className: o.segment
|
|
57
56
|
}
|
|
58
57
|
};
|
|
59
|
-
return /* @__PURE__ */ e.createElement(p.RadioGroup, { ...
|
|
60
|
-
|
|
58
|
+
return /* @__PURE__ */ e.createElement(p.RadioGroup, { ...i, className: f, ref: l }, /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(
|
|
59
|
+
k,
|
|
61
60
|
{
|
|
62
61
|
dependencies: ["segment"],
|
|
63
62
|
props: C,
|
|
64
63
|
mergeInParentContext: !0
|
|
65
64
|
},
|
|
66
65
|
r,
|
|
67
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
68
|
-
/* @__PURE__ */ e.createElement(
|
|
69
|
-
/* @__PURE__ */ e.createElement(
|
|
70
|
-
)), /* @__PURE__ */ e.createElement(
|
|
66
|
+
/* @__PURE__ */ e.createElement("div", { className: o.segmentedControl }, /* @__PURE__ */ e.createElement("div", { className: o.segments }, /* @__PURE__ */ e.createElement(a, { id: "segments" }))),
|
|
67
|
+
/* @__PURE__ */ e.createElement(a, { id: "fieldDescription" }),
|
|
68
|
+
/* @__PURE__ */ e.createElement(a, { id: "fieldError" })
|
|
69
|
+
)), /* @__PURE__ */ e.createElement(N, { className: n.fieldError }));
|
|
71
70
|
}), F = "flow--segmented-control--segment", P = "flow--segmented-control--segment--checkmark", c = {
|
|
72
71
|
segment: F,
|
|
73
72
|
checkmark: P
|
|
74
|
-
},
|
|
75
|
-
const { children: r, className: s, refProp: m, ...l } =
|
|
76
|
-
return /* @__PURE__ */ e.createElement(
|
|
73
|
+
}, M = d("Segment", (t) => {
|
|
74
|
+
const { children: r, className: s, refProp: m, ...l } = t, i = g(c.segment, s);
|
|
75
|
+
return /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(p.Radio, { ...l, className: i, ref: m }, r, /* @__PURE__ */ e.createElement(b, { className: c.checkmark })));
|
|
77
76
|
});
|
|
78
77
|
export {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
78
|
+
M as Segment,
|
|
79
|
+
K as SegmentedControl,
|
|
80
|
+
K as default
|
|
82
81
|
};
|
package/dist/js/Tabs.js
CHANGED
|
@@ -7,7 +7,7 @@ import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwal
|
|
|
7
7
|
import { f as O } from "./flowComponent-BQs9wMX_.js";
|
|
8
8
|
import { useCallbackRef as S } from "use-callback-ref";
|
|
9
9
|
import { a as A, C as B } from "./ContextMenuTrigger-CsnzKkVf.js";
|
|
10
|
-
import { M as K } from "./MenuItem-
|
|
10
|
+
import { M as K } from "./MenuItem-BhQ--5y5.js";
|
|
11
11
|
import { B as L } from "./Button-BTc_iJae.js";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
13
|
import "./Icon--OEo4TjW.js";
|