@mittwald/flow-react-components 0.1.0-alpha.130 → 0.1.0-alpha.131

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 (120) hide show
  1. package/dist/{Accordion-DCF5pndY.js → Accordion-BzgwSHYE.js} +5 -5
  2. package/dist/Accordion.js +1 -1
  3. package/dist/{Action-BEj0DaMW.js → Action-COYULIMl.js} +88 -102
  4. package/dist/Action.js +1 -1
  5. package/dist/ActionGroup.js +38 -0
  6. package/dist/ActionStateContext-C_nPivaA.js +55 -0
  7. package/dist/Avatar.js +4 -4
  8. package/dist/Breadcrumb.js +4 -4
  9. package/dist/{Button-ugpFrd4i.js → Button-DAoWF37n.js} +8 -8
  10. package/dist/Button.js +1 -1
  11. package/dist/{Checkbox-CNXEDjTP.js → Checkbox-2PUuXc0T.js} +6 -6
  12. package/dist/Checkbox.js +1 -1
  13. package/dist/{CheckboxButton-DbL1oHMJ.js → CheckboxButton-BPHQLZJq.js} +5 -5
  14. package/dist/CheckboxButton.js +1 -1
  15. package/dist/CheckboxGroup.js +5 -5
  16. package/dist/{ClearPropsContext-CeCMjUK9.js → ClearPropsContext-mes1t7Bj.js} +1 -1
  17. package/dist/ComponentRenderContextProvider-C-1_ziLI.js +29 -0
  18. package/dist/{Content-DLTJiHxq.js → Content-eQoJ_gHK.js} +3 -3
  19. package/dist/Content.js +1 -1
  20. package/dist/ContextMenu.js +3 -3
  21. package/dist/{ContextMenuTrigger-XhsauPpO.js → ContextMenuTrigger-AyIRlUZ8.js} +17 -16
  22. package/dist/CopyButton.js +7 -7
  23. package/dist/CounterLabel.js +1 -1
  24. package/dist/FieldDescription.js +4 -4
  25. package/dist/{FieldError-CWapn667.js → FieldError-BKoqRvQY.js} +5 -5
  26. package/dist/FieldError.js +1 -1
  27. package/dist/{Header-Z2hdgqM8.js → Header-XA8CGkKW.js} +1 -1
  28. package/dist/Header.js +1 -1
  29. package/dist/HeaderNavigation.js +2 -2
  30. package/dist/{Heading-D5RPXOtd.js → Heading-C-bS3Ayo.js} +4 -4
  31. package/dist/Heading.js +1 -1
  32. package/dist/{Icon-Ci5H-KV6.js → Icon-DdmDlHdu.js} +3 -3
  33. package/dist/Icon.js +1 -1
  34. package/dist/{IconCheck-CdIR25HV.js → IconCheck-B1Dn4nJ7.js} +1 -1
  35. package/dist/{IconCheckboxEmpty-DRE2wDH8.js → IconCheckboxEmpty-BxpTlSro.js} +1 -1
  36. package/dist/{IconCheckboxIndeterminate-DYTHmZFh.js → IconCheckboxIndeterminate-Cc72OI6v.js} +1 -1
  37. package/dist/{IconChevronDown-BP41wlBT.js → IconChevronDown-1Ln2Aunx.js} +1 -1
  38. package/dist/{IconChevronRight-l6sW9wTt.js → IconChevronRight-CAcIYBGT.js} +1 -1
  39. package/dist/{IconClose-DVP_Qv8m.js → IconClose-BuwjCtDl.js} +1 -1
  40. package/dist/{IconContextMenu-BUgHqW4W.js → IconContextMenu-Cbh6mtE6.js} +1 -1
  41. package/dist/{IconCopy-ClDyyDhZ.js → IconCopy-CMzS4NPN.js} +1 -1
  42. package/dist/{IconDanger-DQIxRASm.js → IconDanger-DJImCjO3.js} +1 -1
  43. package/dist/{IconPending-J_m_dK-r.js → IconPending-D_CAUjui.js} +1 -1
  44. package/dist/{IconPlus-Cn3XtbZt.js → IconPlus-CUaWlT-v.js} +1 -1
  45. package/dist/{IconRadioOn-DbtcS_u-.js → IconRadioOn-DV1XnVyC.js} +1 -1
  46. package/dist/{IconSearch-BIeg2srW.js → IconSearch-zHh8DtpL.js} +1 -1
  47. package/dist/{IconSucceeded-Bp1dZJsK.js → IconSucceeded-cPVVsQAs.js} +1 -1
  48. package/dist/{IconWarning-CtOquJNo.js → IconWarning-Cl_jqXKr.js} +1 -1
  49. package/dist/Icons.js +16 -16
  50. package/dist/{IllustratedMessage-BUg2-svi.js → IllustratedMessage-D07W9uSy.js} +2 -2
  51. package/dist/IllustratedMessage.js +1 -1
  52. package/dist/Image.js +3 -3
  53. package/dist/Initials.js +3 -3
  54. package/dist/InlineAlert.js +5 -5
  55. package/dist/{InlineCode-BV2i5uN0.js → InlineCode-Sk5wfXAE.js} +2 -2
  56. package/dist/InlineCode.js +1 -1
  57. package/dist/{Label-DK2NrCvH.js → Label-BK1BkCCd.js} +3 -3
  58. package/dist/Label.js +1 -1
  59. package/dist/LabeledValue.js +3 -3
  60. package/dist/LayoutCard.js +3 -3
  61. package/dist/{Link-D3Rqb37I.js → Link-DufTU3kG.js} +4 -4
  62. package/dist/Link.js +1 -1
  63. package/dist/List.js +27 -25
  64. package/dist/{LoadingSpinner-zDn2j40q.js → LoadingSpinner-VQh3iQVs.js} +2 -2
  65. package/dist/LoadingSpinner.js +1 -1
  66. package/dist/{MenuItem-ctUBEtsb.js → MenuItem-DL25To7v.js} +7 -7
  67. package/dist/MenuItem.js +1 -1
  68. package/dist/Modal.js +19 -19
  69. package/dist/{ModalOverlay-avQVl0sO.js → ModalOverlay-BSu4UEnW.js} +1 -1
  70. package/dist/Navigation.js +4 -4
  71. package/dist/NumberField.js +9 -9
  72. package/dist/OffCanvas.js +9 -9
  73. package/dist/{OverlayTrigger-CLH4ywV9.js → OverlayTrigger-Bb8cs_IA.js} +4 -4
  74. package/dist/{Popover-9mCGBlbH.js → Popover-B-COTLld.js} +1 -1
  75. package/dist/ProgressBar.js +2 -2
  76. package/dist/PropsContextProvider-B7e3QrmR.js +64 -0
  77. package/dist/RadioGroup.js +8 -8
  78. package/dist/Section.js +3 -3
  79. package/dist/Select.js +15 -14
  80. package/dist/StatusBadge.js +5 -5
  81. package/dist/{StatusIcon-ONng__8h.js → StatusIcon-DEiuIEOs.js} +5 -5
  82. package/dist/StatusIcon.js +1 -1
  83. package/dist/Switch.js +7 -7
  84. package/dist/Tabs.js +9 -9
  85. package/dist/{Text-XD87outZ.js → Text-CZrXXfX3.js} +4 -4
  86. package/dist/Text.js +1 -1
  87. package/dist/TextArea.js +4 -4
  88. package/dist/TextField.js +4 -4
  89. package/dist/{TextFieldBase-CPkNBe7W.js → TextFieldBase-BItZ1rm6.js} +4 -4
  90. package/dist/context-D_-mRqs8.js +8 -0
  91. package/dist/controller.js +1 -1
  92. package/dist/flowComponent-CpHt0lsO.js +124 -0
  93. package/dist/getActionGroupSlot-B4Vu4Kix.js +9 -0
  94. package/dist/hooks.js +1 -1
  95. package/dist/react-hook-form.js +3 -3
  96. package/dist/styles.css +1 -1
  97. package/dist/types/components/Action/components/ActionComponentsRenderContext.d.ts +3 -0
  98. package/dist/types/components/Action/components/{ConfirmationModalButton.d.ts → ModalActionButton.d.ts} +1 -1
  99. package/dist/types/components/ActionGroup/ActionGroup.d.ts +8 -0
  100. package/dist/types/components/ActionGroup/index.d.ts +4 -0
  101. package/dist/types/components/ActionGroup/lib/getActionGroupSlot.d.ts +3 -0
  102. package/dist/types/components/ActionGroup/stories/Default.stories.d.ts +12 -0
  103. package/dist/types/components/Button/Button.d.ts +1 -0
  104. package/dist/types/components/propTypes/index.d.ts +2 -2
  105. package/dist/types/lib/propsContext/propsContext.d.ts +41 -1
  106. package/dist/types/lib/propsContext/render/ComponentRenderContextProvider.d.ts +18 -0
  107. package/dist/types/lib/propsContext/render/useComponentRenderFn.d.ts +8 -0
  108. package/dist/useOverlayController-CGKumeGL.js +49 -0
  109. package/dist/useSelector-DpU7_HMO.js +13 -0
  110. package/package.json +29 -29
  111. package/dist/ActionStateContext-DgYU9Rnp.js +0 -55
  112. package/dist/ButtonGroup.js +0 -33
  113. package/dist/PropsContextProvider-ChpH8eF2.js +0 -81
  114. package/dist/flowComponent-bouya_QZ.js +0 -119
  115. package/dist/propsContext-CauylOgH.js +0 -8
  116. package/dist/types/components/Action/components/ActionGroup.d.ts +0 -4
  117. package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +0 -8
  118. package/dist/types/components/ButtonGroup/index.d.ts +0 -4
  119. package/dist/types/components/ButtonGroup/stories/Default.stories.d.ts +0 -11
  120. package/dist/useOverlayController-CwlTOKoP.js +0 -55
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-Ci5H-KV6.js";
8
- import { I as p } from "./IconCheck-CdIR25HV.js";
9
- import { I as h } from "./IconClose-DVP_Qv8m.js";
10
- import { L as w } from "./Label-DK2NrCvH.js";
11
- import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
12
- import "./propsContext-CauylOgH.js";
7
+ import "./Icon-DdmDlHdu.js";
8
+ import { I as p } from "./IconCheck-B1Dn4nJ7.js";
9
+ import { I as h } from "./IconClose-BuwjCtDl.js";
10
+ import { L as w } from "./Label-BK1BkCCd.js";
11
+ import { C as d } from "./ClearPropsContext-mes1t7Bj.js";
12
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
13
13
  import "@react-aria/utils";
14
14
  import "remeda";
15
15
  import "dot-prop";
16
- import { f as b } from "./flowComponent-bouya_QZ.js";
16
+ import { f as b } from "./flowComponent-CpHt0lsO.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-bouya_QZ.js";
7
+ import { f as S } from "./flowComponent-CpHt0lsO.js";
8
8
  import { useCallbackRef as O } from "use-callback-ref";
9
- import { a as B, C as K } from "./ContextMenuTrigger-XhsauPpO.js";
10
- import { M as A } from "./MenuItem-ctUBEtsb.js";
11
- import { B as L } from "./Button-ugpFrd4i.js";
9
+ import { a as B, C as K } from "./ContextMenuTrigger-AyIRlUZ8.js";
10
+ import { M as A } from "./MenuItem-DL25To7v.js";
11
+ import { B as L } from "./Button-DAoWF37n.js";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-Ci5H-KV6.js";
14
- import { I as F } from "./IconContextMenu-BUgHqW4W.js";
15
- import { T as R } from "./Text-XD87outZ.js";
16
- import "./propsContext-CauylOgH.js";
17
- import { P as W } from "./PropsContextProvider-ChpH8eF2.js";
13
+ import "./Icon-DdmDlHdu.js";
14
+ import { I as F } from "./IconContextMenu-Cbh6mtE6.js";
15
+ import { T as R } from "./Text-CZrXXfX3.js";
16
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
17
+ import { P as W } from "./PropsContextProvider-B7e3QrmR.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-CeCMjUK9.js";
6
- import { P as E } from "./PropsContextProvider-ChpH8eF2.js";
5
+ import { C as x } from "./ClearPropsContext-mes1t7Bj.js";
6
+ import { P as E } from "./PropsContextProvider-B7e3QrmR.js";
7
7
  import "@react-aria/utils";
8
- import "./propsContext-CauylOgH.js";
8
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
9
9
  import "remeda";
10
10
  import u from "invariant";
11
- import { f as T } from "./flowComponent-bouya_QZ.js";
11
+ import { f as T } from "./flowComponent-CpHt0lsO.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) => {
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-XD87outZ.js";
3
+ import { T as a } from "./Text-CZrXXfX3.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default
package/dist/TextArea.js CHANGED
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as n from "react-aria-components";
5
- import { T as p } from "./TextFieldBase-CPkNBe7W.js";
6
- import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
7
- import "./propsContext-CauylOgH.js";
5
+ import { T as p } from "./TextFieldBase-BItZ1rm6.js";
6
+ import { C as i } from "./ClearPropsContext-mes1t7Bj.js";
7
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as c } from "./flowComponent-bouya_QZ.js";
11
+ import { f as c } from "./flowComponent-CpHt0lsO.js";
12
12
  const f = "flow--text-area", x = {
13
13
  textArea: f
14
14
  }, P = c("TextArea", (t) => {
package/dist/TextField.js CHANGED
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as s from "react-aria-components";
5
- import { T as a } from "./TextFieldBase-CPkNBe7W.js";
6
- import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
7
- import "./propsContext-CauylOgH.js";
5
+ import { T as a } from "./TextFieldBase-BItZ1rm6.js";
6
+ import { C as n } from "./ClearPropsContext-mes1t7Bj.js";
7
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as p } from "./flowComponent-bouya_QZ.js";
11
+ import { f as p } from "./flowComponent-CpHt0lsO.js";
12
12
  const c = "flow--text-field", f = {
13
13
  textField: c
14
14
  }, w = p("TextField", (t) => {
@@ -4,12 +4,12 @@ import r, { forwardRef as c } from "react";
4
4
  import * as n from "react-aria-components";
5
5
  import { s as e } from "./FormField.module-DHK6nIcD.js";
6
6
  import p from "clsx";
7
- import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
8
- import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
7
+ import { C as d } from "./ClearPropsContext-mes1t7Bj.js";
8
+ import { P as f } from "./PropsContextProvider-B7e3QrmR.js";
9
9
  import "@react-aria/utils";
10
- import "./propsContext-CauylOgH.js";
10
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
11
11
  import "remeda";
12
- import { F as E } from "./FieldError-CWapn667.js";
12
+ import { F as E } from "./FieldError-BKoqRvQY.js";
13
13
  const g = c(
14
14
  (o, F) => {
15
15
  const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
@@ -0,0 +1,8 @@
1
+ "use client"
2
+ /* */
3
+ import { createContext as o } from "react";
4
+ const t = o(void 0), r = t.Provider;
5
+ export {
6
+ r as A,
7
+ t as a
8
+ };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { O as l, u as o } from "./useOverlayController-CwlTOKoP.js";
3
+ import { O as l, u as o } from "./useOverlayController-CGKumeGL.js";
4
4
  export {
5
5
  l as OverlayController,
6
6
  o as useOverlayController
@@ -0,0 +1,124 @@
1
+ "use client"
2
+ /* */
3
+ import s, { isValidElement as P, forwardRef as y, useCallback as h } from "react";
4
+ import { u as F, a as R, C as b } from "./ComponentRenderContextProvider-C-1_ziLI.js";
5
+ import { mergeProps as v } from "@react-aria/utils";
6
+ import { pickBy as k, omit as E, clone as w } from "remeda";
7
+ import "dot-prop";
8
+ import { P as g } from "./PropsContextProvider-B7e3QrmR.js";
9
+ import { TunnelEntry as A } from "@mittwald/react-tunnel";
10
+ const B = {
11
+ Action: !0,
12
+ Avatar: !0,
13
+ Button: !0,
14
+ ActionGroup: !0,
15
+ Checkbox: !0,
16
+ CheckboxButton: !0,
17
+ CheckboxGroup: !0,
18
+ Content: !0,
19
+ ContextMenu: !0,
20
+ CopyButton: !0,
21
+ CounterLabel: !0,
22
+ FieldDescription: !0,
23
+ FieldError: !0,
24
+ Header: !0,
25
+ Heading: !0,
26
+ Icon: !0,
27
+ Image: !0,
28
+ Initials: !0,
29
+ InlineAlert: !0,
30
+ Label: !0,
31
+ LayoutCard: !0,
32
+ Link: !0,
33
+ MenuItem: !0,
34
+ Modal: !0,
35
+ NumberField: !0,
36
+ Radio: !0,
37
+ Option: !0,
38
+ RadioButton: !0,
39
+ RadioGroup: !0,
40
+ Section: !0,
41
+ Select: !0,
42
+ StatusBadge: !0,
43
+ Switch: !0,
44
+ Tabs: !0,
45
+ TestComponent: !0,
46
+ Text: !0,
47
+ TextArea: !0,
48
+ TextField: !0
49
+ }, c = Object.keys(
50
+ B
51
+ );
52
+ function S(e) {
53
+ return !!e && typeof e == "object" && "__dynamicProp" in e;
54
+ }
55
+ function C(e) {
56
+ return typeof e == "string" && c.includes(e);
57
+ }
58
+ function T(e) {
59
+ return !C(e);
60
+ }
61
+ const I = (e, t) => {
62
+ const r = {};
63
+ for (const n in e)
64
+ if (T(n)) {
65
+ const o = e[n];
66
+ S(o) && (r[n] = o.__dynamicProp(t));
67
+ }
68
+ return r;
69
+ };
70
+ function _(e) {
71
+ return !!e && typeof e == "object" && "children" in e && !!e.children;
72
+ }
73
+ const j = (e) => k(e, (t, r) => C(r)), D = (e, t) => {
74
+ if (!_(t))
75
+ return {};
76
+ const r = t.children;
77
+ if (!Array.isArray(r) && !P(r))
78
+ return {};
79
+ const n = j(e);
80
+ return Object.keys(n).length === 0 ? {} : {
81
+ children: /* @__PURE__ */ s.createElement(g, { props: n, mergeInParentContext: !0 }, r)
82
+ };
83
+ }, L = (e, t) => {
84
+ const n = F()[e], o = n ? I(n, t) : void 0, u = n ? D(n, t) : void 0;
85
+ return v(
86
+ n && E(n, c),
87
+ t,
88
+ o,
89
+ u
90
+ );
91
+ }, l = (e, t) => {
92
+ if (t)
93
+ return typeof t.render[e] == "function" ? t.render[e] : l(e, t.parentContext);
94
+ }, a = (e, t, r) => {
95
+ if (r)
96
+ return r.render[e] === t && delete r.render[e], a(e, t, r.parentContext);
97
+ }, M = (e) => {
98
+ const t = R(), r = l(e, t);
99
+ if (r && t) {
100
+ const n = w(t);
101
+ return a(e, r, n), [r, n];
102
+ }
103
+ return [void 0, void 0];
104
+ };
105
+ function W(e, t) {
106
+ return y((r, n) => {
107
+ const {
108
+ render: o,
109
+ tunnelId: u,
110
+ ...f
111
+ } = L(e, r), [p, x] = M(e), m = h(
112
+ W(e, t),
113
+ [e, t]
114
+ ), d = {
115
+ refProp: n,
116
+ ...f
117
+ };
118
+ let i = /* @__PURE__ */ s.createElement(t, { ...d });
119
+ return p && (i = /* @__PURE__ */ s.createElement(b, { value: x }, p(m, d))), u && (i = /* @__PURE__ */ s.createElement(A, { id: u }, i)), i;
120
+ });
121
+ }
122
+ export {
123
+ W as f
124
+ };
@@ -0,0 +1,9 @@
1
+ "use client"
2
+ /* */
3
+ const c = (r) => {
4
+ const { slot: t, ...o } = r, s = o.color === "primary" || o.color === "danger" || o.color === "accent" ? "primary" : "abort";
5
+ return t ?? s;
6
+ };
7
+ export {
8
+ c as g
9
+ };
package/dist/hooks.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import "mobx";
4
4
  import { useRef as n, useEffect as s } from "react";
5
- import { u as i } from "./useOverlayController-CwlTOKoP.js";
5
+ import { u as i } from "./useOverlayController-CGKumeGL.js";
6
6
  const m = (r, e, t = []) => {
7
7
  const o = n(r);
8
8
  s(() => {
@@ -2,12 +2,12 @@
2
2
  /* */
3
3
  import r, { createContext as x, useContext as F } from "react";
4
4
  import { Controller as h } from "react-hook-form";
5
- import "./propsContext-CauylOgH.js";
6
- import { P as v } from "./PropsContextProvider-ChpH8eF2.js";
5
+ import "./ComponentRenderContextProvider-C-1_ziLI.js";
6
+ import { P as v } from "./PropsContextProvider-B7e3QrmR.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { d as E } from "./dynamic-ClpUSmEt.js";
10
- import { F as P } from "./FieldError-CWapn667.js";
10
+ import { F as P } from "./FieldError-BKoqRvQY.js";
11
11
  const d = x({}), b = d.Provider, g = () => F(d);
12
12
  function k(o) {
13
13
  var l;