@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/checkbox-field/CheckboxField.js

@@ -1,67 +1,40 @@
-import { jsxs as k, jsx as m } from "react/jsx-runtime";
-import { forwardRef as C, useMemo as y } from "react";
-import { useFormContext as R } from "react-hook-form";
-import { createSchemaAdapter as q } from "../../utils/createSchemaAdapter.js";
-import { Checkbox as P } from "../checkbox/Checkbox.js";
-import { FormField as S } from "../form-field/FormField.js";
-import { FormControl as j } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as v } from "../form-field/parts/FormFeedbackText.js";
-import { isFieldRequired as w } from "../form-field/utils/isFieldRequired.js";
-import { useUnityFormProvider as N } from "../form/Form.context.js";
-function T({
-  name: o,
-  children: e,
-  defaultSelected: r,
-  helperText: t,
-  contextualLink: c,
-  isRequired: s,
-  isInvalid: d,
-  isLoading: l,
-  isDisabled: n,
-  isReadOnly: f,
-  requiredVariant: p,
-  ...u
-}, x) {
-  const { control: F, watch: a } = R(), { schema: i } = N(), h = y(
-    () => w(q(i), o),
-    [i, o]
-  ), b = a(o);
-  return /* @__PURE__ */ k(
-    S,
-    {
-      control: F,
-      name: o,
-      className: "uy:flex uy:flex-col uy:gap-100",
-      ...{
-        isInvalid: d,
-        isLoading: l,
-        isDisabled: n,
-        isReadOnly: f
-      },
-      children: [
-        /* @__PURE__ */ m(j, { children: /* @__PURE__ */ m(
-          P,
-          {
-            ref: x,
-            defaultSelected: r,
-            isSelected: b,
-            requiredVariant: p,
-            helperText: t,
-            feedbackText: /* @__PURE__ */ m(v, {}),
-            ...u,
-            isRequired: h ?? s,
-            children: e
-          }
-        ) }),
-        c
-      ]
-    }
-  );
+import { Checkbox as e } from "../checkbox/Checkbox.js";
+import { useUnityFormProvider as t } from "../form/Form.context.js";
+import { createSchemaAdapter as n } from "../../utils/createSchemaAdapter.js";
+import { isFieldRequired as r } from "../form-field/utils/isFieldRequired.js";
+import { FormField as i } from "../form-field/FormField.js";
+import { FormControl as a } from "../form-field/parts/FormControl.js";
+import { FormFeedbackText as o } from "../form-field/parts/FormFeedbackText.js";
+import { forwardRef as s, useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useFormContext as d } from "react-hook-form";
+//#region src/components/checkbox-field/CheckboxField.tsx
+function f({ name: s, children: f, defaultSelected: p, helperText: m, contextualLink: h, isRequired: g, isInvalid: _, isLoading: v, isDisabled: y, isReadOnly: b, requiredVariant: x, ...S }, C) {
+	let { control: w, watch: T } = d(), { schema: E } = t(), D = c(() => r(n(E), s), [E, s]);
+	return /* @__PURE__ */ u(i, {
+		control: w,
+		name: s,
+		className: "uy:flex uy:flex-col uy:gap-100",
+		isInvalid: _,
+		isLoading: v,
+		isDisabled: y,
+		isReadOnly: b,
+		children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(e, {
+			ref: C,
+			defaultSelected: p,
+			isSelected: T(s),
+			requiredVariant: x,
+			helperText: m,
+			feedbackText: /* @__PURE__ */ l(o, {}),
+			...S,
+			isRequired: D ?? g,
+			children: f
+		}) }), h]
+	});
 }
-const U = C(function(e, r) {
-  return T(e, r);
+var p = s(function(e, t) {
+	return f(e, t);
 });
-U.displayName = "CheckboxField";
-export {
-  U as CheckboxField
-};
+p.displayName = "CheckboxField";
+//#endregion
+export { p as CheckboxField };

package/dist/esm/components/checkbox-field/TanstackCheckboxField.js

@@ -1,40 +1,24 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { TanstackCheckbox as x } from "../checkbox/TanstackCheckbox.js";
-import { TanstackFormFeedbackText as p } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormField as l } from "../form-field/TanstackFormField.js";
-function F({
-  children: o,
-  helperText: r,
-  contextualLink: i,
-  isRequired: t,
-  isDisabled: a,
-  isReadOnly: c,
-  requiredVariant: m,
-  value: s,
-  ...d
-}, k) {
-  return /* @__PURE__ */ n(l, { children: [
-    /* @__PURE__ */ e(
-      x,
-      {
-        ref: k,
-        value: s,
-        requiredVariant: m,
-        helperText: r,
-        feedbackText: /* @__PURE__ */ e(p, {}),
-        ...d,
-        isDisabled: a,
-        isReadOnly: c,
-        isRequired: t,
-        children: o
-      }
-    ),
-    i
-  ] });
+import { TanstackCheckbox as e } from "../checkbox/TanstackCheckbox.js";
+import { TanstackFormFeedbackText as t } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as n } from "../form-field/TanstackFormField.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/checkbox-field/TanstackCheckboxField.tsx
+function o({ children: r, helperText: o, contextualLink: s, isRequired: c, isDisabled: l, isReadOnly: u, requiredVariant: d, value: f, ...p }, m) {
+	return /* @__PURE__ */ a(n, { children: [/* @__PURE__ */ i(e, {
+		ref: m,
+		value: f,
+		requiredVariant: d,
+		helperText: o,
+		feedbackText: /* @__PURE__ */ i(t, {}),
+		...p,
+		isDisabled: l,
+		isReadOnly: u,
+		isRequired: c,
+		children: r
+	}), s] });
 }
-const T = f(F);
-T.displayName = "TanstackCheckboxField";
-export {
-  T as TanstackCheckboxField
-};
+var s = r(o);
+s.displayName = "TanstackCheckboxField";
+//#endregion
+export { s as TanstackCheckboxField };

package/dist/esm/components/checkbox-group/CheckboxGroup.js

@@ -1,73 +1,44 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { forwardRef as d, isValidElement as x, cloneElement as h } from "react";
-import { uyTv as g } from "@payfit/unity-themes";
-import { CheckboxGroup as b } from "react-aria-components/CheckboxGroup";
-import { Label as v } from "../label/Label.js";
-import { Text as c } from "../text/Text.js";
-const G = g({
-  base: "uy:flex uy:flex-col uy:gap-50"
-}), C = d(
-  ({
-    label: l,
-    helperText: m,
-    feedbackText: o,
-    isDisabled: e,
-    isReadOnly: n,
-    isInvalid: t,
-    isRequired: s,
-    isLoading: a,
-    children: p,
-    requiredVariant: i,
-    ...u
-  }, y) => /* @__PURE__ */ f(
-    b,
-    {
-      ...{
-        isDisabled: e,
-        isReadOnly: n,
-        isInvalid: t,
-        isRequired: s,
-        isLoading: a
-      },
-      ...u,
-      ref: y,
-      className: G(),
-      children: [
-        l && /* @__PURE__ */ r(v, { isRequired: s, requiredVariant: i, children: l }),
-        m && /* @__PURE__ */ r(
-          c,
-          {
-            variant: "bodySmall",
-            color: "content.neutral.low",
-            slot: "description",
-            children: m
-          }
-        ),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: "uy:mt-100 uy:flex uy:flex-col uy:gap-150 uy:py-25",
-            "data-dd-privacy": "mask",
-            children: p
-          }
-        ),
-        t && (typeof o == "string" ? /* @__PURE__ */ r(
-          c,
-          {
-            variant: "bodySmallStrong",
-            color: "content.form.invalid",
-            slot: "errorMessage",
-            children: o
-          }
-        ) : x(o) && h(o, {
-          slot: "errorMessage"
-        }))
-      ]
-    }
-  )
-);
-C.displayName = "CheckboxGroup";
-export {
-  C as CheckboxGroup,
-  G as checkboxGroup
-};
+import { Text as e } from "../text/Text.js";
+import { Label as t } from "../label/Label.js";
+import { cloneElement as n, forwardRef as r, isValidElement as i } from "react";
+import { uyTv as a } from "@payfit/unity-themes";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CheckboxGroup as c } from "react-aria-components/CheckboxGroup";
+//#region src/components/checkbox-group/CheckboxGroup.tsx
+var l = a({ base: "uy:flex uy:flex-col uy:gap-50" }), u = r(({ label: r, helperText: a, feedbackText: u, isDisabled: d, isReadOnly: f, isInvalid: p, isRequired: m, isLoading: h, children: g, requiredVariant: _, ...v }, y) => /* @__PURE__ */ s(c, {
+	isDisabled: d,
+	isReadOnly: f,
+	isInvalid: p,
+	isRequired: m,
+	isLoading: h,
+	...v,
+	ref: y,
+	className: l(),
+	children: [
+		r && /* @__PURE__ */ o(t, {
+			isRequired: m,
+			requiredVariant: _,
+			children: r
+		}),
+		a && /* @__PURE__ */ o(e, {
+			variant: "bodySmall",
+			color: "content.neutral.low",
+			slot: "description",
+			children: a
+		}),
+		/* @__PURE__ */ o("div", {
+			className: "uy:mt-100 uy:flex uy:flex-col uy:gap-150 uy:py-25",
+			"data-dd-privacy": "mask",
+			children: g
+		}),
+		p && (typeof u == "string" ? /* @__PURE__ */ o(e, {
+			variant: "bodySmallStrong",
+			color: "content.form.invalid",
+			slot: "errorMessage",
+			children: u
+		}) : i(u) && n(u, { slot: "errorMessage" }))
+	]
+}));
+u.displayName = "CheckboxGroup";
+//#endregion
+export { u as CheckboxGroup, l as checkboxGroup };

package/dist/esm/components/checkbox-group/TanstackCheckboxGroup.js

@@ -1,37 +1,32 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { useFieldContext as f } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as h } from "../form-field/TanstackFormField.context.js";
-import { CheckboxGroup as x } from "./CheckboxGroup.js";
-const k = b(
-  ({ onChange: r, onBlur: i, isReadOnly: d, isDisabled: n, children: l, label: s, ...c }, m) => {
-    const e = f(), a = h(), p = e.state.meta.isTouched && !e.state.meta.isValid, o = [a.helperTextId, a.feedbackTextId].filter(Boolean).join(" ");
-    return /* @__PURE__ */ u(
-      x,
-      {
-        ...c,
-        ref: m,
-        id: a.inputId,
-        label: s,
-        value: e.state.value,
-        onChange: (t) => {
-          e.handleChange(t), r?.(t);
-        },
-        onBlur: (t) => {
-          e.handleBlur(), i?.(t);
-        },
-        isReadOnly: d,
-        isDisabled: n,
-        isInvalid: p,
-        "aria-labelledby": a.labelId,
-        "aria-describedby": o.length > 0 ? o : void 0,
-        "aria-details": a.contextualLinkId,
-        children: l
-      }
-    );
-  }
-);
-k.displayName = "TanstackCheckboxGroup";
-export {
-  k as TanstackCheckboxGroup
-};
+import { CheckboxGroup as e } from "./CheckboxGroup.js";
+import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
+import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/checkbox-group/TanstackCheckboxGroup.tsx
+var a = r(({ onChange: r, onBlur: a, isReadOnly: o, isDisabled: s, children: c, label: l, ...u }, d) => {
+	let f = t(), p = n(), m = f.state.meta.isTouched && !f.state.meta.isValid, h = [p.helperTextId, p.feedbackTextId].filter(Boolean).join(" ");
+	return /* @__PURE__ */ i(e, {
+		...u,
+		ref: d,
+		id: p.inputId,
+		label: l,
+		value: f.state.value,
+		onChange: (e) => {
+			f.handleChange(e), r?.(e);
+		},
+		onBlur: (e) => {
+			f.handleBlur(), a?.(e);
+		},
+		isReadOnly: o,
+		isDisabled: s,
+		isInvalid: m,
+		"aria-labelledby": p.labelId,
+		"aria-describedby": h.length > 0 ? h : void 0,
+		"aria-details": p.contextualLinkId,
+		children: c
+	});
+});
+a.displayName = "TanstackCheckboxGroup";
+//#endregion
+export { a as TanstackCheckboxGroup };

package/dist/esm/components/checkbox-group-field/CheckboxGroupField.js

@@ -1,57 +1,37 @@
-import { jsxs as k, jsx as t } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
-import { useFormContext as a } from "react-hook-form";
-import { CheckboxGroup as G } from "../checkbox-group/CheckboxGroup.js";
-import { FormField as j } from "../form-field/FormField.js";
-import { FormControl as w } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as y } from "../form-field/parts/FormFeedbackText.js";
-function P({
-  name: o,
-  label: r,
-  defaultValue: e,
-  helperText: m,
-  contextualLink: c,
-  isRequired: i,
-  isInvalid: n,
-  isLoading: p,
-  isDisabled: f,
-  isReadOnly: l,
-  requiredVariant: d,
-  children: s,
-  ...u
-}, x) {
-  const { control: F, watch: h } = a(), b = h(o);
-  return /* @__PURE__ */ k(j, { control: F, name: o, ...{
-    isRequired: i,
-    isInvalid: n,
-    isLoading: p,
-    isDisabled: f,
-    isReadOnly: l
-  }, children: [
-    /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
-      G,
-      {
-        ref: x,
-        label: r,
-        defaultValue: e,
-        value: b,
-        helperText: m,
-        feedbackText: /* @__PURE__ */ t(y, {}),
-        requiredVariant: d,
-        ...u,
-        children: s
-      }
-    ) }),
-    c
-  ] });
+import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
+import { FormField as t } from "../form-field/FormField.js";
+import { FormControl as n } from "../form-field/parts/FormControl.js";
+import { FormFeedbackText as r } from "../form-field/parts/FormFeedbackText.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useFormContext as s } from "react-hook-form";
+//#region src/components/checkbox-group-field/CheckboxGroupField.tsx
+function c({ name: i, label: c, defaultValue: l, helperText: u, contextualLink: d, isRequired: f, isInvalid: p, isLoading: m, isDisabled: h, isReadOnly: g, requiredVariant: _, children: v, ...y }, b) {
+	let { control: x, watch: S } = s();
+	return /* @__PURE__ */ o(t, {
+		control: x,
+		name: i,
+		isRequired: f,
+		isInvalid: p,
+		isLoading: m,
+		isDisabled: h,
+		isReadOnly: g,
+		children: [/* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(e, {
+			ref: b,
+			label: c,
+			defaultValue: l,
+			value: S(i),
+			helperText: u,
+			feedbackText: /* @__PURE__ */ a(r, {}),
+			requiredVariant: _,
+			...y,
+			children: v
+		}) }), d]
+	});
 }
-const T = C(function(r, e) {
-  return P(
-    r,
-    e
-  );
+var l = i(function(e, t) {
+	return c(e, t);
 });
-T.displayName = "CheckboxGroupField";
-export {
-  T as CheckboxGroupField
-};
+l.displayName = "CheckboxGroupField";
+//#endregion
+export { l as CheckboxGroupField };

package/dist/esm/components/checkbox-group-field/TanstackCheckGroupField.js

@@ -1,40 +1,27 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { TanstackCheckboxGroup as f } from "../checkbox-group/TanstackCheckboxGroup.js";
-import { TanstackFormFeedbackText as l } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormField as u } from "../form-field/TanstackFormField.js";
-function T({
-  helperText: r,
-  contextualLink: o,
-  isRequired: a,
-  isDisabled: i,
-  isReadOnly: t,
-  requiredVariant: c,
-  children: m,
-  label: s,
-  ...d
-}, k) {
-  return /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ e("div", { className: "uy:mt-25", children: /* @__PURE__ */ e(
-      f,
-      {
-        ref: k,
-        label: s,
-        requiredVariant: c,
-        helperText: r,
-        feedbackText: /* @__PURE__ */ e(l, {}),
-        ...d,
-        isDisabled: i,
-        isReadOnly: t,
-        isRequired: a,
-        children: m
-      }
-    ) }),
-    o
-  ] });
+import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
+import { TanstackCheckboxGroup as n } from "../checkbox-group/TanstackCheckboxGroup.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/checkbox-group-field/TanstackCheckGroupField.tsx
+function o({ helperText: r, contextualLink: o, isRequired: s, isDisabled: c, isReadOnly: l, requiredVariant: u, children: d, label: f, ...p }, m) {
+	return /* @__PURE__ */ a(t, { children: [/* @__PURE__ */ i("div", {
+		className: "uy:mt-25",
+		children: /* @__PURE__ */ i(n, {
+			ref: m,
+			label: f,
+			requiredVariant: u,
+			helperText: r,
+			feedbackText: /* @__PURE__ */ i(e, {}),
+			...p,
+			isDisabled: c,
+			isReadOnly: l,
+			isRequired: s,
+			children: d
+		})
+	}), o] });
 }
-const F = p(T);
-F.displayName = "TanstackCheckGroupField";
-export {
-  F as TanstackCheckGroupField
-};
+var s = r(o);
+s.displayName = "TanstackCheckGroupField";
+//#endregion
+export { s as TanstackCheckGroupField };