@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/toast/UnityToast.js

@@ -1,96 +1,83 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { isValidElement as l, Fragment as m, Children as d } from "react";
-import { uyTv as p } from "@payfit/unity-themes";
-import { useIntl as f } from "react-intl";
-import { IconButton as g } from "../icon-button/IconButton.js";
-import { Icon as h } from "../icon/Icon.js";
-import { ToastTitle as b } from "./parts/ToastTitle.js";
-import { ToastProvider as x } from "./Toast.context.js";
-const T = p({
-  slots: {
-    base: "uy:sm:w-[416px] uy:border uy:border-solid uy:theme-legacy:rounded-150 uy:theme-rebrand:rounded-125 uy:text-content-neutral uy:bg-surface-neutral uy:shadow-300 uy:p-100 uy:flex uy:gap-125 uy:border-border-neutral",
-    contentWrapper: "uy:flex uy:grow uy:ml-125",
-    divider: "uy:theme-legacy:border-l-[1px] uy:theme-legacy:border-solid uy:theme-legacy:border-border-neutral uy:theme-legacy:self-stretch uy:theme-rebrand:hidden"
-  },
-  variants: {
-    variant: {
-      success: "",
-      error: ""
-    },
-    isInline: {
-      true: {
-        contentWrapper: "uy:flex-col"
-      },
-      false: {
-        contentWrapper: "uy:flex-row uy:justify-between"
-      }
-    }
-  }
-}), v = (e) => {
-  const s = l(e) && e.type === m ? e.props.children : e;
-  if (d.toArray(s).filter(
-    (r) => l(r) && r.type === b
-  ).length !== 1)
-    throw new Error("UnityToast must have one ToastTitle component");
-}, w = ({
-  children: e,
-  onClose: s,
-  variant: t,
-  inline: r = !0,
-  ...i
-}) => {
-  const a = f();
-  v(e);
-  const { base: u, contentWrapper: c, divider: y } = T({
-    variant: t,
-    isInline: r
-  });
-  return /* @__PURE__ */ o(x, { inline: r, children: /* @__PURE__ */ n(
-    "div",
-    {
-      "data-dd-privacy": "mask",
-      ...i,
-      tabIndex: -1,
-      role: t === "error" ? "alert" : "status",
-      "aria-atomic": "true",
-      "aria-live": t === "error" ? "assertive" : "polite",
-      className: u(),
-      children: [
-        /* @__PURE__ */ n("div", { className: "uy:flex uy:flex-row uy:grow", children: [
-          /* @__PURE__ */ o(
-            h,
-            {
-              src: t === "success" ? "CheckCircleFilled" : "WarningCircleFilled",
-              color: t === "success" ? "content.success" : "content.danger",
-              className: "uy:mt-100",
-              alt: a.formatMessage({
-                id: "unity:component:toast:icon:status",
-                defaultMessage: "Status"
-              })
-            }
-          ),
-          /* @__PURE__ */ o("div", { className: c(), children: e })
-        ] }),
-        /* @__PURE__ */ o("div", { role: "presentation", className: y() }),
-        /* @__PURE__ */ o(
-          g,
-          {
-            icon: "CloseOutlined",
-            iconRole: "presentation",
-            label: a.formatMessage({
-              id: "unity:component:common:close:label",
-              defaultMessage: "Close"
-            }),
-            variant: "ghost",
-            color: "neutral",
-            onClick: s
-          }
-        )
-      ]
-    }
-  ) });
-};
-w.displayName = "UnityToast";
-export {
-  w as UnityToast
+import { Icon as e } from "../icon/Icon.js";
+import { IconButton as t } from "../icon-button/IconButton.js";
+import { ToastProvider as n } from "./Toast.context.js";
+import { ToastTitle as r } from "./parts/ToastTitle.js";
+import { Children as i, Fragment as a, isValidElement as o } from "react";
+import { uyTv as s } from "@payfit/unity-themes";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useIntl as u } from "react-intl";
+//#region src/components/toast/UnityToast.tsx
+var d = s({
+	slots: {
+		base: "uy:sm:w-[416px] uy:border uy:border-solid uy:theme-legacy:rounded-150 uy:theme-rebrand:rounded-125 uy:text-content-neutral uy:bg-surface-neutral uy:shadow-300 uy:p-100 uy:flex uy:gap-125 uy:border-border-neutral",
+		contentWrapper: "uy:flex uy:grow uy:ml-125",
+		divider: "uy:theme-legacy:border-l-[1px] uy:theme-legacy:border-solid uy:theme-legacy:border-border-neutral uy:theme-legacy:self-stretch uy:theme-rebrand:hidden"
+	},
+	variants: {
+		variant: {
+			success: "",
+			error: ""
+		},
+		isInline: {
+			true: { contentWrapper: "uy:flex-col" },
+			false: { contentWrapper: "uy:flex-row uy:justify-between" }
+		}
+	}
+}), f = (e) => {
+	let t = o(e) && e.type === a ? e.props.children : e;
+	if (i.toArray(t).filter((e) => o(e) && e.type === r).length !== 1) throw Error("UnityToast must have one ToastTitle component");
+}, p = ({ children: r, onClose: i, variant: a, inline: o = !0, ...s }) => {
+	let p = u();
+	f(r);
+	let { base: m, contentWrapper: h, divider: g } = d({
+		variant: a,
+		isInline: o
+	});
+	return /* @__PURE__ */ c(n, {
+		inline: o,
+		children: /* @__PURE__ */ l("div", {
+			"data-dd-privacy": "mask",
+			...s,
+			tabIndex: -1,
+			role: a === "error" ? "alert" : "status",
+			"aria-atomic": "true",
+			"aria-live": a === "error" ? "assertive" : "polite",
+			className: m(),
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "uy:flex uy:flex-row uy:grow",
+					children: [/* @__PURE__ */ c(e, {
+						src: a === "success" ? "CheckCircleFilled" : "WarningCircleFilled",
+						color: a === "success" ? "content.success" : "content.danger",
+						className: "uy:mt-100",
+						alt: p.formatMessage({
+							id: "unity:component:toast:icon:status",
+							defaultMessage: "Status"
+						})
+					}), /* @__PURE__ */ c("div", {
+						className: h(),
+						children: r
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					role: "presentation",
+					className: g()
+				}),
+				/* @__PURE__ */ c(t, {
+					icon: "CloseOutlined",
+					iconRole: "presentation",
+					label: p.formatMessage({
+						id: "unity:component:common:close:label",
+						defaultMessage: "Close"
+					}),
+					variant: "ghost",
+					color: "neutral",
+					onClick: i
+				})
+			]
+		})
+	});
 };
+p.displayName = "UnityToast";
+//#endregion
+export { p as UnityToast };

package/dist/esm/components/toast/parts/ToastAction.js

@@ -1,14 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useUnityTheme as a } from "@payfit/unity-themes";
-import { Button as n } from "../../button/Button.js";
-function s({
-  children: e,
-  onPress: r
-}) {
-  const { theme: o } = a();
-  return /* @__PURE__ */ t("div", { className: "uy:theme-legacy:self-end uy:theme-rebrand:self-start", children: /* @__PURE__ */ t(n, { variant: o === "rebrand" ? "secondary" : "ghost", color: "primary", onPress: r, children: e }) });
+import { Button as e } from "../../button/Button.js";
+import { useUnityTheme as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/toast/parts/ToastAction.tsx
+function r({ children: r, onPress: i }) {
+	let { theme: a } = t();
+	return /* @__PURE__ */ n("div", {
+		className: "uy:theme-legacy:self-end uy:theme-rebrand:self-start",
+		children: /* @__PURE__ */ n(e, {
+			variant: a === "rebrand" ? "secondary" : "ghost",
+			color: "primary",
+			onPress: i,
+			children: r
+		})
+	});
 }
-s.displayName = "ToastAction";
-export {
-  s as ToastAction
-};
+r.displayName = "ToastAction";
+//#endregion
+export { r as ToastAction };

package/dist/esm/components/toast/parts/ToastContent.js

@@ -1,11 +1,15 @@
+import { Text as e } from "../../text/Text.js";
+import { useToastContext as t } from "../Toast.context.js";
 import { jsx as n } from "react/jsx-runtime";
-import { Text as r } from "../../text/Text.js";
-import { useToastContext as e } from "../Toast.context.js";
-function a({ children: t }) {
-  const { inline: o } = e();
-  return o ? /* @__PURE__ */ n(r, { variant: "body", className: "uy:mb-100", children: t }) : null;
+//#region src/components/toast/parts/ToastContent.tsx
+function r({ children: r }) {
+	let { inline: i } = t();
+	return i ? /* @__PURE__ */ n(e, {
+		variant: "body",
+		className: "uy:mb-100",
+		children: r
+	}) : null;
 }
-a.displayName = "ToastContent";
-export {
-  a as ToastContent
-};
+r.displayName = "ToastContent";
+//#endregion
+export { r as ToastContent };

package/dist/esm/components/toast/parts/ToastTitle.js

@@ -1,9 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Text as a } from "../../text/Text.js";
-function e({ children: t }) {
-  return /* @__PURE__ */ o(a, { asElement: "h4", variant: "bodyStrong", className: "uy:mt-100", children: t });
+import { Text as e } from "../../text/Text.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/toast/parts/ToastTitle.tsx
+function n({ children: n }) {
+	return /* @__PURE__ */ t(e, {
+		asElement: "h4",
+		variant: "bodyStrong",
+		className: "uy:mt-100",
+		children: n
+	});
 }
-e.displayName = "ToastTitle";
-export {
-  e as ToastTitle
-};
+n.displayName = "ToastTitle";
+//#endregion
+export { n as ToastTitle };

package/dist/esm/components/toast/test-utils.js

@@ -1,118 +1,64 @@
-import { within as n, expect as w, userEvent as y } from "storybook/test";
-const x = (r, h) => {
-  const g = () => (
-    // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
-    r.canvasElement.querySelector("#_rht_toaster")
-  ), p = async (t, e, { timeoutMs: s = 2e3, pollMs: o = 50 } = {}) => {
-    let a = await t();
-    const i = Math.min(
-      200,
-      Math.max(1, Math.ceil(s / Math.max(1, o)))
-    ), c = () => new Promise((f) => {
-      let d = !1;
-      const T = () => {
-        d || (d = !0, f());
-      };
-      setTimeout(T, o), typeof window < "u" && typeof window.requestAnimationFrame == "function" && window.requestAnimationFrame(T), typeof setImmediate == "function" && setImmediate(T);
-    });
-    for (let f = 0; f < i && !e(a); f++)
-      await c(), a = await t();
-    return a;
-  }, l = async (t) => {
-    const e = g();
-    if (!e)
-      throw new Error("No toast container found on the page");
-    const { errorToasts: s, statusToasts: o } = await p(
-      () => {
-        const a = n(e).queryAllByRole("alert").filter((c) => c.getAttribute("aria-live") === "assertive"), i = n(e).queryAllByRole("status").filter((c) => c.getAttribute("aria-live") === "polite");
-        return { errorToasts: a, statusToasts: i };
-      },
-      (a) => t ? t === "error" ? a.errorToasts.length > 0 : a.statusToasts.length > 0 : a.errorToasts.length > 0 || a.statusToasts.length > 0
-    );
-    return t ? t === "error" ? s : o : [...s, ...o];
-  }, u = async (t) => {
-    const s = (await l(t)).at(0);
-    if (!s)
-      throw new Error(`Toast with variant: ${t} not found in the page`);
-    return s;
-  }, B = async () => {
-    const t = await l();
-    await Promise.all(
-      t.map(
-        (e) => y.click(
-          n(e).getByRole("button", {
-            name: h.formatMessage({
-              id: "unity:component:common:close:label"
-            })
-          })
-        )
-      )
-    );
-  }, m = async ({
-    variant: t,
-    toast: e
-  }) => {
-    await r.step("Close toast", async () => {
-      const s = e ?? await u(t);
-      await y.click(
-        n(s).getByRole("button", {
-          name: h.formatMessage({
-            id: "unity:component:common:close:label"
-          })
-        }),
-        { delay: 100 }
-      );
-    });
-  };
-  return {
-    findToast: u,
-    findAllToasts: l,
-    getToastContainer: g,
-    closeAllToasts: B,
-    closeToast: m,
-    triggerToastAction: async ({
-      variant: t,
-      action: e,
-      closeAtEnd: s = !1
-    }) => {
-      const o = await u(t);
-      await r.step("Trigger the action of the toast", async () => {
-        await y.click(n(o).getByRole("button", { name: e }));
-      }), s && await m({ variant: t });
-    },
-    assertTextExistsInToast: async ({
-      variant: t,
-      content: e,
-      title: s,
-      closeAtEnd: o = !1
-    }) => {
-      const a = await u(t);
-      s && await r.step(`Check if "${s}" is in the toast`, async () => {
-        await w(
-          n(a).getByRole("heading", { name: s })
-        ).toBeInTheDocument();
-      }), e && await r.step(`Check if "${e}" is in the toast`, async () => {
-        await w(n(a).getByText(e)).toBeInTheDocument();
-      }), o && await m({ variant: t });
-    },
-    assertToastNotInDocument: async ({
-      variant: t,
-      title: e,
-      content: s
-    }) => {
-      const o = (await l(t)).filter(
-        (a) => e && n(a).queryByText(e) && s && n(a).queryByText(s)
-      );
-      for (const a of o) {
-        let i = `Toast with variant: ${t}`;
-        e && (i += ` and title: ${e}`), s && (i += ` and content: ${s}`), await w(
-          a,
-          `${i} not in the document`
-        ).not.toBeInTheDocument();
-      }
-    }
-  };
-};
-export {
-  x as getTestingUtilsToast
+import { expect as e, userEvent as t, within as n } from "storybook/test";
+//#region src/components/toast/test-utils.ts
+var r = (r, i) => {
+	let a = () => r.canvasElement.querySelector("#_rht_toaster"), o = async (e, t, { timeoutMs: n = 2e3, pollMs: r = 50 } = {}) => {
+		let i = await e(), a = Math.min(200, Math.max(1, Math.ceil(n / Math.max(1, r)))), o = () => new Promise((e) => {
+			let t = !1, n = () => {
+				t || (t = !0, e());
+			};
+			setTimeout(n, r), typeof window < "u" && typeof window.requestAnimationFrame == "function" && window.requestAnimationFrame(n), typeof setImmediate == "function" && setImmediate(n);
+		});
+		for (let n = 0; n < a && !t(i); n++) await o(), i = await e();
+		return i;
+	}, s = async (e) => {
+		let t = a();
+		if (!t) throw Error("No toast container found on the page");
+		let { errorToasts: r, statusToasts: i } = await o(() => ({
+			errorToasts: n(t).queryAllByRole("alert").filter((e) => e.getAttribute("aria-live") === "assertive"),
+			statusToasts: n(t).queryAllByRole("status").filter((e) => e.getAttribute("aria-live") === "polite")
+		}), (t) => e ? e === "error" ? t.errorToasts.length > 0 : t.statusToasts.length > 0 : t.errorToasts.length > 0 || t.statusToasts.length > 0);
+		return e ? e === "error" ? r : i : [...r, ...i];
+	}, c = async (e) => {
+		let t = (await s(e)).at(0);
+		if (!t) throw Error(`Toast with variant: ${e} not found in the page`);
+		return t;
+	}, l = async () => {
+		let e = await s();
+		await Promise.all(e.map((e) => t.click(n(e).getByRole("button", { name: i.formatMessage({ id: "unity:component:common:close:label" }) }))));
+	}, u = async ({ variant: e, toast: a }) => {
+		await r.step("Close toast", async () => {
+			let r = a ?? await c(e);
+			await t.click(n(r).getByRole("button", { name: i.formatMessage({ id: "unity:component:common:close:label" }) }), { delay: 100 });
+		});
+	};
+	return {
+		findToast: c,
+		findAllToasts: s,
+		getToastContainer: a,
+		closeAllToasts: l,
+		closeToast: u,
+		triggerToastAction: async ({ variant: e, action: i, closeAtEnd: a = !1 }) => {
+			let o = await c(e);
+			await r.step("Trigger the action of the toast", async () => {
+				await t.click(n(o).getByRole("button", { name: i }));
+			}), a && await u({ variant: e });
+		},
+		assertTextExistsInToast: async ({ variant: t, content: i, title: a, closeAtEnd: o = !1 }) => {
+			let s = await c(t);
+			a && await r.step(`Check if "${a}" is in the toast`, async () => {
+				await e(n(s).getByRole("heading", { name: a })).toBeInTheDocument();
+			}), i && await r.step(`Check if "${i}" is in the toast`, async () => {
+				await e(n(s).getByText(i)).toBeInTheDocument();
+			}), o && await u({ variant: t });
+		},
+		assertToastNotInDocument: async ({ variant: t, title: r, content: i }) => {
+			let a = (await s(t)).filter((e) => r && n(e).queryByText(r) && i && n(e).queryByText(i));
+			for (let n of a) {
+				let a = `Toast with variant: ${t}`;
+				r && (a += ` and title: ${r}`), i && (a += ` and content: ${i}`), await e(n, `${a} not in the document`).not.toBeInTheDocument();
+			}
+		}
+	};
 };
+//#endregion
+export { r as getTestingUtilsToast };

package/dist/esm/components/toast/toast.js

@@ -1,39 +1,28 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import m from "react-hot-toast";
-import { ToastAction as p } from "./parts/ToastAction.js";
-import { ToastContent as f } from "./parts/ToastContent.js";
-import { ToastTitle as T } from "./parts/ToastTitle.js";
-import { TOAST_CONFIG as u } from "./ToastManager.js";
-import { UnityToast as c } from "./UnityToast.js";
-function k({
-  title: s,
-  content: o,
-  variant: i,
-  action: t,
-  actionOnPress: n,
-  duration: d,
-  datadogPrivacy: l = "mask"
-}) {
-  return m.custom(
-    (a) => /* @__PURE__ */ e(
-      c,
-      {
-        onClose: () => {
-          m.dismiss(a.id);
-        },
-        variant: i,
-        inline: !!o,
-        "data-dd-privacy": l,
-        children: [
-          /* @__PURE__ */ r(T, { children: s }),
-          o ? /* @__PURE__ */ r(f, { children: o }) : null,
-          t ? /* @__PURE__ */ r(p, { onPress: n, children: t }) : null
-        ]
-      }
-    ),
-    { duration: d ?? u[i].duration }
-  );
+import { TOAST_CONFIG as e } from "./ToastManager.js";
+import { ToastAction as t } from "./parts/ToastAction.js";
+import { ToastContent as n } from "./parts/ToastContent.js";
+import { ToastTitle as r } from "./parts/ToastTitle.js";
+import { UnityToast as i } from "./UnityToast.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "react-hot-toast";
+//#region src/components/toast/toast.tsx
+function c({ title: c, content: l, variant: u, action: d, actionOnPress: f, duration: p, datadogPrivacy: m = "mask" }) {
+	return s.custom((e) => /* @__PURE__ */ o(i, {
+		onClose: () => {
+			s.dismiss(e.id);
+		},
+		variant: u,
+		inline: !!l,
+		"data-dd-privacy": m,
+		children: [
+			/* @__PURE__ */ a(r, { children: c }),
+			l ? /* @__PURE__ */ a(n, { children: l }) : null,
+			d ? /* @__PURE__ */ a(t, {
+				onPress: f,
+				children: d
+			}) : null
+		]
+	}), { duration: p ?? e[u].duration });
 }
-export {
-  k as toast
-};
+//#endregion
+export { c as toast };

package/dist/esm/components/toggle-switch/TanstackToggleSwitch.js

@@ -1,25 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { useFieldContext as d } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as l } from "../form-field/TanstackFormField.context.js";
-import { ToggleSwitch as m } from "./ToggleSwitch.js";
-const f = c(({ onChange: i, isDisabled: r, ...a }, n) => {
-  const e = d(), o = [l().feedbackTextId].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s(
-    m,
-    {
-      ...a,
-      ref: n,
-      isDisabled: r,
-      isSelected: e.state.value,
-      onChange: (t) => {
-        e.handleChange(t), i?.(t);
-      },
-      "aria-describedby": o.length > 0 ? o : void 0
-    }
-  );
+import { ToggleSwitch as e } from "./ToggleSwitch.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/toggle-switch/TanstackToggleSwitch.tsx
+var a = r(({ onChange: r, isDisabled: a, ...o }, s) => {
+	let c = t(), l = [n().feedbackTextId].filter(Boolean).join(" ");
+	return /* @__PURE__ */ i(e, {
+		...o,
+		ref: s,
+		isDisabled: a,
+		isSelected: c.state.value,
+		onChange: (e) => {
+			c.handleChange(e), r?.(e);
+		},
+		"aria-describedby": l.length > 0 ? l : void 0
+	});
 });
-f.displayName = "TanstackToggleSwitch";
-export {
-  f as TanstackToggleSwitch
-};
+a.displayName = "TanstackToggleSwitch";
+//#endregion
+export { a as TanstackToggleSwitch };