@mittwald/flow-react-components 0.1.0-alpha.43 → 0.1.0-alpha.430

package/dist/js/TextField.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import e from "react";
+import * as s from "react-aria-components";
+import { T as a } from "./TextFieldBase-C6S5_eRn.js";
+import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as p } from "./flowComponent-B1r5sCmz.js";
+const c = "flow--text-field", f = {
+  textField: c
+}, w = p("TextField", (t) => {
+  const { children: r, placeholder: o, refProp: l, ...i } = t, m = /* @__PURE__ */ e.createElement(
+    s.Input,
+    {
+      placeholder: o,
+      className: f.textField,
+      ref: l
+    }
+  );
+  return /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(a, { ...i, input: m }, r));
+});
+export {
+  w as TextField,
+  w as default
+};

package/dist/js/TextFieldBase-C6S5_eRn.js

@@ -0,0 +1,60 @@
+"use client"
+/* */
+import o, { forwardRef as F, useState as E } from "react";
+import * as N from "react-aria-components";
+import { f as t } from "./FormField.module-CqWpTQKP.js";
+import $ from "clsx";
+import { C as D } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as B } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as R } from "./FieldError-C-_2QNam.js";
+import { F as g } from "./FieldDescription-CYWhHWVV.js";
+import { useLocalizedStringFormatter as L } from "react-aria";
+const P = { "de-DE": {
+  "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`
+}, "en-EN": {
+  "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} characters`
+} }, j = F(
+  (e, r) => {
+    var n;
+    const { children: s, className: i, input: l, showCharacterCount: a, ...m } = e, [d, u] = E(
+      ((n = e.value) == null ? void 0 : n.length) ?? 0
+    ), f = $(t.formField, i), h = L(P), C = {
+      Label: {
+        className: t.label,
+        optional: !e.isRequired
+      },
+      FieldDescription: {
+        className: t.fieldDescription
+      },
+      FieldError: {
+        className: t.customFieldError
+      }
+    }, p = (c) => {
+      a && u(c.length), e.onChange && e.onChange(c);
+    }, x = h.format(
+      "textFieldBase.characters",
+      {
+        count: d,
+        maxCount: e.maxLength ?? 0
+      }
+    );
+    return /* @__PURE__ */ o.createElement(D, null, /* @__PURE__ */ o.createElement(
+      N.TextField,
+      {
+        ...m,
+        className: f,
+        onChange: p
+      },
+      l,
+      /* @__PURE__ */ o.createElement(B, { props: C }, s),
+      a && /* @__PURE__ */ o.createElement(g, { className: t.fieldDescription }, x),
+      /* @__PURE__ */ o.createElement(R, { className: t.fieldError })
+    ));
+  }
+);
+export {
+  j as T
+};

package/dist/js/TimeField.js

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import e from "react";
+import * as r from "react-aria-components";
+import { f as p } from "./flowComponent-B1r5sCmz.js";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as d } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as t } from "./FormField.module-CqWpTQKP.js";
+import { F as f } from "./FieldError-C-_2QNam.js";
+import u from "clsx";
+const F = "flow--time-field--date-input", E = {
+  dateInput: F
+}, h = p("TimeField", (o) => {
+  const { children: a, errorMessage: i, className: l, ...s } = o, m = u(t.formField, l), n = {
+    Label: {
+      className: t.label,
+      optional: !o.isRequired,
+      isDisabled: s.isDisabled
+    },
+    FieldDescription: {
+      className: t.fieldDescription
+    },
+    FieldError: {
+      className: t.customFieldError
+    }
+  };
+  return /* @__PURE__ */ e.createElement(r.TimeField, { hourCycle: 24, className: m, ...s }, /* @__PURE__ */ e.createElement(d, { props: n }, a), /* @__PURE__ */ e.createElement(f, { className: t.fieldError }, i), /* @__PURE__ */ e.createElement(r.DateInput, { className: E.dateInput }, (c) => /* @__PURE__ */ e.createElement(r.DateSegment, { segment: c })));
+});
+export {
+  h as TimeField,
+  h as default
+};

package/dist/js/Tooltip-D5QM-BbC.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import * as r from "react-aria-components";
+import t from "react";
+import c from "clsx";
+const f = (o) => {
+  const { children: e, ...l } = o;
+  return /* @__PURE__ */ t.createElement(r.TooltipTrigger, { ...l }, e);
+}, p = "flow--tooltip", n = "flow--tooltip--tip", m = "flow--tooltip--slide", s = {
+  tooltip: p,
+  tip: n,
+  slide: m
+}, g = (o) => {
+  const { children: e, className: l, ...i } = o, a = c(s.tooltip, l);
+  return /* @__PURE__ */ t.createElement(r.Tooltip, { ...i, className: a }, /* @__PURE__ */ t.createElement(r.OverlayArrow, { className: s.tip }, /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ t.createElement("path", { d: "M0 0 L4 4 L8 0" }))), e);
+};
+export {
+  g as T,
+  f as a
+};

package/dist/js/Tooltip.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { T as r } from "./Tooltip-D5QM-BbC.js";
+import { a as p } from "./Tooltip-D5QM-BbC.js";
+export {
+  r as Tooltip,
+  p as TooltipTrigger,
+  r as default
+};

package/dist/js/Wrap-DGT1h1o3.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const i = (n) => {
+  const { if: e, children: r } = n;
+  return e ? r : r.props.children;
+};
+export {
+  i as W
+};

package/dist/js/Wrap.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { W as r } from "./Wrap-DGT1h1o3.js";
+export {
+  r as Wrap,
+  r as default
+};