@mittwald/flow-react-components 0.1.0-alpha.39 → 0.1.0-alpha.41

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.
Files changed (68) hide show
  1. package/dist/Avatar.js +2 -2
  2. package/dist/{Button-Bh0E7tqA.js → Button-BmQ-57Vz.js} +7 -8
  3. package/dist/Button.js +1 -1
  4. package/dist/Checkbox.js +11 -10
  5. package/dist/Content.js +2 -2
  6. package/dist/CopyButton.js +5 -5
  7. package/dist/FieldDescription.js +3 -3
  8. package/dist/{FieldError-BvbJ9dzr.js → FieldError-h_2c51Ws.js} +4 -4
  9. package/dist/FieldError.js +1 -1
  10. package/dist/Header.js +18 -0
  11. package/dist/Heading.js +2 -2
  12. package/dist/{Icon-D4F2hKiG.js → Icon-pvbWA-vL.js} +2 -2
  13. package/dist/Icon.js +1 -1
  14. package/dist/{IconCheck-DkmJUDfj.js → IconCheck-BhmzlVex.js} +1 -1
  15. package/dist/{IconClose-B6UJFr7O.js → IconClose-DP0Hbb0w.js} +1 -1
  16. package/dist/{IconCopy-DwaMO7aJ.js → IconCopy-f1oXwqHF.js} +1 -1
  17. package/dist/{IconDanger-CCULXdVw.js → IconDanger-DxWZvd65.js} +1 -1
  18. package/dist/{IconPlus-CnpaX_7c.js → IconPlus-DQBvsCqr.js} +1 -1
  19. package/dist/{IconSucceeded-CPpK5tIY.js → IconSucceeded-Df3yoJLr.js} +1 -1
  20. package/dist/{IconUnchecked-DbkvP1em.js → IconUnchecked-CMZzDHYB.js} +1 -1
  21. package/dist/{IconWarning-BIeWNF-G.js → IconWarning-DhmOwBP9.js} +1 -1
  22. package/dist/Icons.js +9 -9
  23. package/dist/Image.js +2 -2
  24. package/dist/Initials.js +7 -6
  25. package/dist/InlineAlert.js +10 -11
  26. package/dist/{Label-EVs32ETX.js → Label-CoQ5dkQY.js} +2 -2
  27. package/dist/Label.js +1 -1
  28. package/dist/LabeledValue.js +2 -2
  29. package/dist/LayoutCard.js +2 -2
  30. package/dist/Link.js +2 -2
  31. package/dist/Navigation.js +7 -8
  32. package/dist/NumberField.js +6 -6
  33. package/dist/PropsContextProvider-C0o9mDtR.js +29 -0
  34. package/dist/RadioGroup.js +5 -5
  35. package/dist/Section.js +22 -11
  36. package/dist/StatusBadge.js +2 -2
  37. package/dist/{StatusIcon-CZbUO0T5.js → StatusIcon-BTmOqTZR.js} +7 -6
  38. package/dist/StatusIcon.js +1 -1
  39. package/dist/Switch.js +12 -11
  40. package/dist/Text-BUVxBLdV.js +26 -0
  41. package/dist/Text.js +1 -1
  42. package/dist/TextArea.js +1 -1
  43. package/dist/TextField.js +1 -1
  44. package/dist/{TextFieldBase-aO8YvtBx.js → TextFieldBase-Ck-WpOdU.js} +3 -3
  45. package/dist/nextjs/LinkProvider.js +2 -2
  46. package/dist/styles.css +1 -1
  47. package/dist/types/components/Header/Header.d.ts +6 -0
  48. package/dist/types/components/Header/index.d.ts +3 -0
  49. package/dist/types/components/Header/stories/Default.stories.d.ts +6 -0
  50. package/dist/types/components/Section/stories/Default.stories.d.ts +2 -0
  51. package/dist/types/components/Section/stories/EdgeCases.stories.d.ts +8 -0
  52. package/dist/types/components/propTypes/index.d.ts +13 -11
  53. package/dist/types/lib/propsContext/dynamicProps/resolveDynamicProps.d.ts +1 -1
  54. package/dist/types/lib/propsContext/dynamicProps/types.d.ts +1 -1
  55. package/dist/types/lib/propsContext/isFlowComponentName.d.ts +2 -0
  56. package/dist/types/lib/propsContext/isFlowComponentProp.d.ts +2 -0
  57. package/dist/types/lib/propsContext/nestedPropsContext/isPropsWithChildren.d.ts +2 -0
  58. package/dist/types/lib/propsContext/nestedPropsContext/pickPropsContext.d.ts +3 -0
  59. package/dist/types/lib/propsContext/nestedPropsContext/pickPropsContext.test.d.ts +1 -0
  60. package/dist/types/lib/propsContext/nestedPropsContext/wrapChildrenWithNestedPropsContext.d.ts +5 -0
  61. package/dist/types/lib/propsContext/propsContext.d.ts +17 -3078
  62. package/dist/types/lib/propsContext/types.d.ts +2 -1
  63. package/dist/useProps-DWCkDfxd.js +67 -0
  64. package/package.json +7 -3
  65. package/dist/PropsContextProvider-CEoxD8yK.js +0 -26
  66. package/dist/Text-8V0yR4PK.js +0 -27
  67. package/dist/propsContext-Dx7WKmmM.js +0 -7
  68. package/dist/useProps-C7GIMcgB.js +0 -27
package/dist/Section.js CHANGED
@@ -1,17 +1,28 @@
1
1
  "use client"
2
2
  /* */
3
- import n from "react";
4
- import r from "clsx";
5
- const l = "flow--section", a = {
6
- section: l
7
- }, f = (e) => {
8
- const { children: t, className: s, ...o } = e;
9
- if (!t)
3
+ import t from "react";
4
+ import i from "clsx";
5
+ import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
6
+ import "@react-aria/utils";
7
+ import "remeda";
8
+ const m = "flow--section", p = "flow--section--header", o = {
9
+ section: m,
10
+ header: p
11
+ }, N = (s) => {
12
+ const { children: e, className: r, ...n } = s;
13
+ if (!e)
10
14
  return null;
11
- const c = r(a.section, s);
12
- return /* @__PURE__ */ n.createElement("section", { ...o, className: c }, t);
15
+ const c = i(o.section, r), a = {
16
+ Heading: {
17
+ level: 2
18
+ },
19
+ Header: {
20
+ className: o.header
21
+ }
22
+ };
23
+ return /* @__PURE__ */ t.createElement("section", { ...n, className: c }, /* @__PURE__ */ t.createElement(l, { props: a }, e));
13
24
  };
14
25
  export {
15
- f as Section,
16
- f as default
26
+ N as Section,
27
+ N as default
17
28
  };
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import l from "clsx";
5
- import { S as u } from "./StatusIcon-CZbUO0T5.js";
6
- import { T as d } from "./Text-8V0yR4PK.js";
5
+ import { S as u } from "./StatusIcon-BTmOqTZR.js";
6
+ import { T as d } from "./Text-BUVxBLdV.js";
7
7
  const g = "flow--status-badge", m = "flow--status-badge--text", f = "flow--status-badge--info", i = "flow--status-badge--success", w = "flow--status-badge--warning", x = "flow--status-badge--danger", s = {
8
8
  statusBadge: g,
9
9
  text: m,
@@ -2,13 +2,14 @@
2
2
  /* */
3
3
  import a from "react";
4
4
  import "@tabler/icons-react";
5
- import "./Icon-D4F2hKiG.js";
5
+ import "./Icon-pvbWA-vL.js";
6
6
  import "clsx";
7
7
  import "html-react-parser";
8
- import "./propsContext-Dx7WKmmM.js";
8
+ import "./PropsContextProvider-C0o9mDtR.js";
9
9
  import "@react-aria/utils";
10
- import { I as c } from "./IconDanger-CCULXdVw.js";
11
- import { I as e, a as i, b as m } from "./IconWarning-BIeWNF-G.js";
10
+ import "remeda";
11
+ import { I as c } from "./IconDanger-DxWZvd65.js";
12
+ import { I as e, a as i, b as m } from "./IconWarning-DhmOwBP9.js";
12
13
  import { useLocalizedStringFormatter as u } from "react-aria";
13
14
  const I = {
14
15
  "de-DE": {
@@ -28,10 +29,10 @@ const I = {
28
29
  info: e,
29
30
  success: i,
30
31
  warning: m
31
- }, D = (o) => {
32
+ }, L = (o) => {
32
33
  const { status: t = "info", ...n } = o, s = u(I).format(`statusIcon.${t}`), r = f[t];
33
34
  return /* @__PURE__ */ a.createElement(r, { "aria-label": s, ...n });
34
35
  };
35
36
  export {
36
- D as S
37
+ L as S
37
38
  };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as a } from "./StatusIcon-CZbUO0T5.js";
3
+ import { S as a } from "./StatusIcon-BTmOqTZR.js";
4
4
  export {
5
5
  a as StatusIcon,
6
6
  a as default
package/dist/Switch.js CHANGED
@@ -4,28 +4,29 @@ import e from "react";
4
4
  import * as m from "react-aria-components";
5
5
  import n from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-D4F2hKiG.js";
7
+ import "./Icon-pvbWA-vL.js";
8
8
  import "html-react-parser";
9
- import "./propsContext-Dx7WKmmM.js";
9
+ import "./PropsContextProvider-C0o9mDtR.js";
10
10
  import "@react-aria/utils";
11
- import { I as h } from "./IconCheck-DkmJUDfj.js";
12
- import { I as w } from "./IconClose-B6UJFr7O.js";
13
- import { L as f } from "./Label-EVs32ETX.js";
14
- const p = "flow--switch--track", d = "flow--switch--handle", b = "flow--switch--label", t = {
11
+ import "remeda";
12
+ import { I as h } from "./IconCheck-BhmzlVex.js";
13
+ import { I as w } from "./IconClose-DP0Hbb0w.js";
14
+ import { L as p } from "./Label-CoQ5dkQY.js";
15
+ const f = "flow--switch--track", d = "flow--switch--handle", b = "flow--switch--label", t = {
15
16
  switch: "flow--switch",
16
17
  "label-leading": "flow--switch--label-leading",
17
- track: p,
18
+ track: f,
18
19
  handle: d,
19
20
  label: b
20
- }, L = (l) => {
21
+ }, S = (l) => {
21
22
  const { children: a, className: s, labelPosition: c = "trailing", ...o } = l, r = n(
22
23
  t.switch,
23
24
  t[`label-${c}`],
24
25
  s
25
26
  );
26
- return /* @__PURE__ */ e.createElement(m.Switch, { ...o, className: r }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(h, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(f, { className: t.label }, a)));
27
+ return /* @__PURE__ */ e.createElement(m.Switch, { ...o, className: r }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(h, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(p, { className: t.label }, a)));
27
28
  };
28
29
  export {
29
- L as Switch,
30
- L as default
30
+ S as Switch,
31
+ S as default
31
32
  };
@@ -0,0 +1,26 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import * as p from "react-aria-components";
5
+ import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
6
+ import { u as x } from "./useProps-DWCkDfxd.js";
7
+ const P = (t) => {
8
+ const {
9
+ children: s,
10
+ className: m,
11
+ elementType: r = "span",
12
+ ...c
13
+ } = x("Text", t), o = { ...c, className: m }, a = {
14
+ Link: {
15
+ inline: !0
16
+ }
17
+ }, n = /* @__PURE__ */ e.createElement(l, { props: a }, s);
18
+ if (!t.slot) {
19
+ const i = r;
20
+ return /* @__PURE__ */ e.createElement(i, { ...o }, n);
21
+ }
22
+ return /* @__PURE__ */ e.createElement(p.Text, { ...o, elementType: r }, n);
23
+ };
24
+ export {
25
+ P as T
26
+ };
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-8V0yR4PK.js";
3
+ import { T as a } from "./Text-BUVxBLdV.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default
package/dist/TextArea.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as l from "react-aria-components";
5
- import { T as n } from "./TextFieldBase-aO8YvtBx.js";
5
+ import { T as n } from "./TextFieldBase-Ck-WpOdU.js";
6
6
  const m = "flow--text-area", x = {
7
7
  textArea: m
8
8
  }, A = (t) => {
package/dist/TextField.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as a from "react-aria-components";
5
- import { T as i } from "./TextFieldBase-aO8YvtBx.js";
5
+ import { T as i } from "./TextFieldBase-Ck-WpOdU.js";
6
6
  const c = "flow--text-field", n = {
7
7
  textField: c
8
8
  }, p = (t) => {
@@ -4,10 +4,10 @@ import r from "react";
4
4
  import * as c from "react-aria-components";
5
5
  import { s as e } from "./FormField.module-DHK6nIcD.js";
6
6
  import p from "clsx";
7
- import "./propsContext-Dx7WKmmM.js";
8
- import { P as n } from "./PropsContextProvider-CEoxD8yK.js";
7
+ import { P as n } from "./PropsContextProvider-C0o9mDtR.js";
9
8
  import "@react-aria/utils";
10
- import { F as d } from "./FieldError-BvbJ9dzr.js";
9
+ import "remeda";
10
+ import { F as d } from "./FieldError-h_2c51Ws.js";
11
11
  const P = (o) => {
12
12
  const { children: s, className: t, input: a, ...i } = o, l = p(e.formField, t), m = {
13
13
  Label: {
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import o, { forwardRef as i } from "react";
4
- import "../propsContext-Dx7WKmmM.js";
5
- import { P as m } from "../PropsContextProvider-CEoxD8yK.js";
4
+ import { P as m } from "../PropsContextProvider-C0o9mDtR.js";
6
5
  import "@react-aria/utils";
6
+ import "remeda";
7
7
  import a from "next/link";
8
8
  const t = i(function(r, n) {
9
9
  return /* @__PURE__ */ o.createElement(a, { href: r.href ?? "#", ...r, ref: n });