@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/dialog/parts/DialogActions/DialogButton.js

@@ -1,63 +1,43 @@
+import { Button as e } from "../../../button/Button.js";
+import { useContext as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
-import { useContext as p } from "react";
-import { OverlayTriggerStateContext as u } from "react-aria-components/Dialog";
-import { Button as i } from "../../../button/Button.js";
-const x = ({
-  children: e,
-  variant: f,
-  onPress: r,
-  isLoading: c,
-  icon: o,
-  ...a
-}) => {
-  const s = p(u);
-  switch (f) {
-    case "close":
-      const m = r;
-      return /* @__PURE__ */ n(
-        i,
-        {
-          ...a,
-          prefixIcon: o,
-          variant: "secondary",
-          onPress: (t) => {
-            m && m(t), s?.close();
-          },
-          children: e
-        }
-      );
-    case "confirm":
-      return /* @__PURE__ */ n(
-        i,
-        {
-          ...a,
-          prefixIcon: o,
-          variant: "primary",
-          isLoading: c,
-          onPress: (t) => {
-            r && r(t);
-          },
-          children: e
-        }
-      );
-    case "danger":
-      return /* @__PURE__ */ n(
-        i,
-        {
-          ...a,
-          variant: "primary",
-          color: "danger",
-          isLoading: c,
-          prefixIcon: o ?? "WarningCircleOutlined",
-          onPress: (t) => {
-            r && r(t);
-          },
-          children: e
-        }
-      );
-  }
-};
-x.displayName = "DialogButton";
-export {
-  x as DialogButton
+import { OverlayTriggerStateContext as r } from "react-aria-components/Dialog";
+//#region src/components/dialog/parts/DialogActions/DialogButton.tsx
+var i = ({ children: i, variant: a, onPress: o, isLoading: s, icon: c, ...l }) => {
+	let u = t(r);
+	switch (a) {
+		case "close": return /* @__PURE__ */ n(e, {
+			...l,
+			prefixIcon: c,
+			variant: "secondary",
+			onPress: (e) => {
+				o && o(e), u?.close();
+			},
+			children: i
+		});
+		case "confirm": return /* @__PURE__ */ n(e, {
+			...l,
+			prefixIcon: c,
+			variant: "primary",
+			isLoading: s,
+			onPress: (e) => {
+				o && o(e);
+			},
+			children: i
+		});
+		case "danger": return /* @__PURE__ */ n(e, {
+			...l,
+			variant: "primary",
+			color: "danger",
+			isLoading: s,
+			prefixIcon: c ?? "WarningCircleOutlined",
+			onPress: (e) => {
+				o && o(e);
+			},
+			children: i
+		});
+	}
 };
+i.displayName = "DialogButton";
+//#endregion
+export { i as DialogButton };

package/dist/esm/components/dialog/parts/DialogActions.js

@@ -1,13 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-const a = ({ children: e }) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: "uy:flex uy:flex-col-reverse uy:md:flex-row uy:md:justify-end uy:md:items-start uy:gap-150 uy:md:gap-100 uy:self-stretch uy:mt-500",
-    "data-dd-privacy": "allow",
-    children: e
-  }
-);
-a.displayName = "DialogActions";
-export {
-  a as DialogActions
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/dialog/parts/DialogActions.tsx
+var t = ({ children: t }) => /* @__PURE__ */ e("div", {
+	className: "uy:flex uy:flex-col-reverse uy:md:flex-row uy:md:justify-end uy:md:items-start uy:gap-150 uy:md:gap-100 uy:self-stretch uy:mt-500",
+	"data-dd-privacy": "allow",
+	children: t
+});
+t.displayName = "DialogActions";
+//#endregion
+export { t as DialogActions };

package/dist/esm/components/dialog/parts/DialogContent.js

@@ -1,23 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { DialogContext as n } from "react-aria-components/Dialog";
-import { useContextProps as d } from "react-aria-components/slots";
-const m = i(
-  (o, t) => {
-    [o] = d(o, t, n);
-    const { children: r, ...a } = o;
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        id: a["aria-describedby"],
-        "data-dd-privacy": "mask",
-        className: "uy:typography-body uy:text-content-neutral",
-        children: r
-      }
-    );
-  }
-);
-m.displayName = "DialogContent";
-export {
-  m as DialogContent
-};
+import { useContextProps as r } from "react-aria-components/slots";
+//#region src/components/dialog/parts/DialogContent.tsx
+var i = e((e, i) => {
+	[e] = r(e, i, n);
+	let { children: a, ...o } = e;
+	return /* @__PURE__ */ t("div", {
+		id: o["aria-describedby"],
+		"data-dd-privacy": "mask",
+		className: "uy:typography-body uy:text-content-neutral",
+		children: a
+	});
+});
+i.displayName = "DialogContent";
+//#endregion
+export { i as DialogContent };

package/dist/esm/components/dialog/parts/DialogTitle.js

@@ -1,10 +1,13 @@
+import { uyTv as e } from "@payfit/unity-themes";
 import { jsx as t } from "react/jsx-runtime";
-import { uyTv as a } from "@payfit/unity-themes";
-import { Heading as i } from "react-aria-components/Heading";
-const l = a({
-  base: ["uy:typography-h2 uy:md:typography-h3", "uy:mb-200"]
-}), r = ({ children: o }) => /* @__PURE__ */ t(i, { slot: "title", className: l(), "data-dd-privacy": "allow", children: o });
-r.displayName = "DialogTitle";
-export {
-  r as DialogTitle
-};
+import { Heading as n } from "react-aria-components/Heading";
+//#region src/components/dialog/parts/DialogTitle.tsx
+var r = e({ base: ["uy:typography-h2 uy:md:typography-h3", "uy:mb-200"] }), i = ({ children: e }) => /* @__PURE__ */ t(n, {
+	slot: "title",
+	className: r(),
+	"data-dd-privacy": "allow",
+	children: e
+});
+i.displayName = "DialogTitle";
+//#endregion
+export { i as DialogTitle };

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

@@ -1,89 +1,47 @@
-import { userEvent as r, within as s, expect as n, waitFor as w, screen as y } from "storybook/test";
-const p = (e, m) => {
-  const o = async ({ title: a }) => await w(() => {
-    const t = y.queryByRole("dialog", { name: a }) ?? y.queryByRole("alertdialog", { name: a });
-    if (!t)
-      throw new Error(`Dialog with title: "${a}" not found in the page`);
-    return t;
-  }), c = async (a, t) => {
-    await r.click(
-      s(a).getByRole("button", {
-        name: t
-      }),
-      { delay: 100 }
-    );
-  };
-  return {
-    findDialog: o,
-    closeDialog: async ({
-      title: a,
-      closeButtonLabel: t
-    }) => {
-      await e.step("Close dialog", async () => {
-        const i = await o({ title: a });
-        await c(i, t);
-      });
-    },
-    closeDialogWithDismissButton: async ({
-      title: a,
-      dismissButtonLabel: t = m.formatMessage({
-        id: "unity:component:common:close:label"
-      })
-    }) => {
-      await e.step("Close dialog", async () => {
-        const i = await o({ title: a });
-        await c(i, t);
-      });
-    },
-    assertDialogIsClosed: async (a) => {
-      await w(
-        async () => {
-          await n(a).not.toBeInTheDocument();
-        },
-        { timeout: 1e3 }
-      );
-    },
-    assertElementExistsInDialog: async ({
-      title: a,
-      content: t,
-      primaryActionLabel: i,
-      secondaryActionLabel: l
-    }) => {
-      const g = await o({ title: a });
-      t && await e.step(`Check if "${t}" is in the dialog`, async () => {
-        await n(s(g).getByText(t)).toBeInTheDocument();
-      }), i && await e.step(
-        `Check if "${i}" is in the dialog`,
-        async () => {
-          await n(
-            s(g).getByRole("button", { name: i })
-          ).toBeInTheDocument();
-        }
-      ), l && await e.step(
-        `Check if "${l}" is in the dialog`,
-        async () => {
-          await n(
-            s(g).getByRole("button", { name: l })
-          ).toBeInTheDocument();
-        }
-      );
-    },
-    triggerPrimaryAction: async ({
-      title: a,
-      primaryActionLabel: t
-    }) => {
-      const i = await o({ title: a });
-      await e.step(
-        `Trigger the primary action "${t}" of the dialog`,
-        async () => {
-          await r.click(
-            s(i).getByRole("button", { name: t })
-          );
-        }
-      );
-    }
-  };
-};
-export {
-  p as getTestingUtilsDialog
+import { expect as e, screen as t, userEvent as n, waitFor as r, within as i } from "storybook/test";
+//#region src/components/dialog/test-utils.ts
+var a = (a, o) => {
+	let s = async ({ title: e }) => await r(() => {
+		let n = t.queryByRole("dialog", { name: e }) ?? t.queryByRole("alertdialog", { name: e });
+		if (!n) throw Error(`Dialog with title: "${e}" not found in the page`);
+		return n;
+	}), c = async (e, t) => {
+		await n.click(i(e).getByRole("button", { name: t }), { delay: 100 });
+	};
+	return {
+		findDialog: s,
+		closeDialog: async ({ title: e, closeButtonLabel: t }) => {
+			await a.step("Close dialog", async () => {
+				await c(await s({ title: e }), t);
+			});
+		},
+		closeDialogWithDismissButton: async ({ title: e, dismissButtonLabel: t = o.formatMessage({ id: "unity:component:common:close:label" }) }) => {
+			await a.step("Close dialog", async () => {
+				await c(await s({ title: e }), t);
+			});
+		},
+		assertDialogIsClosed: async (t) => {
+			await r(async () => {
+				await e(t).not.toBeInTheDocument();
+			}, { timeout: 1e3 });
+		},
+		assertElementExistsInDialog: async ({ title: t, content: n, primaryActionLabel: r, secondaryActionLabel: o }) => {
+			let c = await s({ title: t });
+			n && await a.step(`Check if "${n}" is in the dialog`, async () => {
+				await e(i(c).getByText(n)).toBeInTheDocument();
+			}), r && await a.step(`Check if "${r}" is in the dialog`, async () => {
+				await e(i(c).getByRole("button", { name: r })).toBeInTheDocument();
+			}), o && await a.step(`Check if "${o}" is in the dialog`, async () => {
+				await e(i(c).getByRole("button", { name: o })).toBeInTheDocument();
+			});
+		},
+		triggerPrimaryAction: async ({ title: e, primaryActionLabel: t }) => {
+			let r = await s({ title: e });
+			await a.step(`Trigger the primary action "${t}" of the dialog`, async () => {
+				await n.click(i(r).getByRole("button", { name: t }));
+			});
+		}
+	};
 };
+//#endregion
+export { a as getTestingUtilsDialog };

package/dist/esm/components/empty-state/EmptyState.js

@@ -1,25 +1,20 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { emptyState as s } from "./EmptyState.variants.js";
-const d = p(
-  ({ children: t, role: a = "status", className: r, ...e }, o) => {
-    const { base: m } = s();
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        "data-dd-privacy": "allow",
-        ref: o,
-        role: a,
-        className: m({ className: r }),
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        ...e,
-        children: t
-      }
-    );
-  }
-);
-d.displayName = "EmptyState";
-export {
-  d as EmptyState
-};
+import { emptyState as e } from "./EmptyState.variants.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/empty-state/EmptyState.tsx
+var r = t(({ children: t, role: r = "status", className: i, ...a }, o) => {
+	let { base: s } = e();
+	return /* @__PURE__ */ n("div", {
+		"data-dd-privacy": "allow",
+		ref: o,
+		role: r,
+		className: s({ className: i }),
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		...a,
+		children: t
+	});
+});
+r.displayName = "EmptyState";
+//#endregion
+export { r as EmptyState };

package/dist/esm/components/empty-state/EmptyState.variants.js

@@ -1,24 +1,17 @@
 import { uyTv as e } from "@payfit/unity-themes";
-const u = e({
-  slots: {
-    base: "uy:flex uy:flex-col uy:items-center uy:justify-center uy:w-full uy:min-h-30 uy:gap-250 uy:py-400",
-    iconContainer: "",
-    content: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:max-w-60",
-    actions: "uy:flex uy:flex-col uy:items-center uy:gap-100"
-  }
-}), y = e({
-  base: "uy:flex uy:items-center uy:justify-center uy:rounded-125 uy:p-100",
-  variants: {
-    variant: {
-      neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral-low",
-      success: "uy:bg-surface-success-lowest uy:text-content-success"
-    }
-  },
-  defaultVariants: {
-    variant: "neutral"
-  }
+//#region src/components/empty-state/EmptyState.variants.ts
+var t = e({ slots: {
+	base: "uy:flex uy:flex-col uy:items-center uy:justify-center uy:w-full uy:min-h-30 uy:gap-250 uy:py-400",
+	iconContainer: "",
+	content: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:max-w-60",
+	actions: "uy:flex uy:flex-col uy:items-center uy:gap-100"
+} }), n = e({
+	base: "uy:flex uy:items-center uy:justify-center uy:rounded-125 uy:p-100",
+	variants: { variant: {
+		neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral-low",
+		success: "uy:bg-surface-success-lowest uy:text-content-success"
+	} },
+	defaultVariants: { variant: "neutral" }
 });
-export {
-  u as emptyState,
-  y as emptyStateIcon
-};
+//#endregion
+export { t as emptyState, n as emptyStateIcon };

package/dist/esm/components/empty-state/parts/EmptyStateActions.js

@@ -1,17 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-const a = m(
-  ({ children: t, ...e }, r) => t ? /* @__PURE__ */ o(
-    "div",
-    {
-      ref: r,
-      className: "uy:flex uy:flex-col uy:items-center uy:gap-100",
-      ...e,
-      children: t
-    }
-  ) : null
-);
-a.displayName = "EmptyStateActions";
-export {
-  a as EmptyStateActions
-};
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/empty-state/parts/EmptyStateActions.tsx
+var n = e(({ children: e, ...n }, r) => e ? /* @__PURE__ */ t("div", {
+	ref: r,
+	className: "uy:flex uy:flex-col uy:items-center uy:gap-100",
+	...n,
+	children: e
+}) : null);
+n.displayName = "EmptyStateActions";
+//#endregion
+export { n as EmptyStateActions };

package/dist/esm/components/empty-state/parts/EmptyStateContent.js

@@ -1,21 +1,21 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { Text as n } from "../../text/Text.js";
-const c = m(
-  ({ title: t, description: e, ...o }, a) => !t && !e ? null : /* @__PURE__ */ l(
-    "div",
-    {
-      ref: a,
-      className: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:text-center",
-      ...o,
-      children: [
-        t && /* @__PURE__ */ r(n, { variant: "h4", color: "content.neutral", children: t }),
-        e && /* @__PURE__ */ r(n, { variant: "body", color: "content.neutral.low", children: e })
-      ]
-    }
-  )
-);
-c.displayName = "EmptyStateContent";
-export {
-  c as EmptyStateContent
-};
+import { Text as e } from "../../text/Text.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/empty-state/parts/EmptyStateContent.tsx
+var i = t(({ title: t, description: i, ...a }, o) => !t && !i ? null : /* @__PURE__ */ r("div", {
+	ref: o,
+	className: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:text-center",
+	...a,
+	children: [t && /* @__PURE__ */ n(e, {
+		variant: "h4",
+		color: "content.neutral",
+		children: t
+	}), i && /* @__PURE__ */ n(e, {
+		variant: "body",
+		color: "content.neutral.low",
+		children: i
+	})]
+}));
+i.displayName = "EmptyStateContent";
+//#endregion
+export { i as EmptyStateContent };

package/dist/esm/components/empty-state/parts/EmptyStateIcon.js

@@ -1,14 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { Icon as n } from "../../icon/Icon.js";
-import { emptyStateIcon as c } from "../EmptyState.variants.js";
-const s = a(
-  ({ icon: r, variant: o = "neutral", ...e }, m) => {
-    const i = c({ variant: o });
-    return /* @__PURE__ */ t("div", { ref: m, className: i, ...e, children: /* @__PURE__ */ t(n, { src: r, size: 24, color: "inherit", "aria-hidden": "true" }) });
-  }
-);
-s.displayName = "EmptyStateIcon";
-export {
-  s as EmptyStateIcon
-};
+import { Icon as e } from "../../icon/Icon.js";
+import { emptyStateIcon as t } from "../EmptyState.variants.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/empty-state/parts/EmptyStateIcon.tsx
+var i = n(({ icon: n, variant: i = "neutral", ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: t({ variant: i }),
+	...a,
+	children: /* @__PURE__ */ r(e, {
+		src: n,
+		size: 24,
+		color: "inherit",
+		"aria-hidden": "true"
+	})
+}));
+i.displayName = "EmptyStateIcon";
+//#endregion
+export { i as EmptyStateIcon };

package/dist/esm/components/empty-state/presets/EmptyStateGetStarted.js

@@ -1,28 +1,32 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { EmptyState as e } from "../EmptyState.js";
+import { EmptyStateActions as t } from "../parts/EmptyStateActions.js";
+import { EmptyStateContent as n } from "../parts/EmptyStateContent.js";
+import { EmptyStateIcon as r } from "../parts/EmptyStateIcon.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useIntl as s } from "react-intl";
-import { EmptyState as l } from "../EmptyState.js";
-import { EmptyStateActions as d } from "../parts/EmptyStateActions.js";
-import { EmptyStateContent as f } from "../parts/EmptyStateContent.js";
-import { EmptyStateIcon as c } from "../parts/EmptyStateIcon.js";
-const y = p(({ title: r, description: o, actions: e, ...m }, a) => {
-  const i = s().formatMessage({
-    id: "unity:component:empty-state:get-started:title",
-    defaultMessage: "Get started"
-  });
-  return /* @__PURE__ */ n(l, { ref: a, ...m, children: [
-    /* @__PURE__ */ t(c, { icon: "PuzzlePieceOutlined", variant: "neutral" }),
-    /* @__PURE__ */ t(
-      f,
-      {
-        title: r || i,
-        description: o
-      }
-    ),
-    e && /* @__PURE__ */ t(d, { children: e })
-  ] });
+//#region src/components/empty-state/presets/EmptyStateGetStarted.tsx
+var c = i(({ title: i, description: c, actions: l, ...u }, d) => {
+	let f = s().formatMessage({
+		id: "unity:component:empty-state:get-started:title",
+		defaultMessage: "Get started"
+	});
+	return /* @__PURE__ */ o(e, {
+		ref: d,
+		...u,
+		children: [
+			/* @__PURE__ */ a(r, {
+				icon: "PuzzlePieceOutlined",
+				variant: "neutral"
+			}),
+			/* @__PURE__ */ a(n, {
+				title: i || f,
+				description: c
+			}),
+			l && /* @__PURE__ */ a(t, { children: l })
+		]
+	});
 });
-y.displayName = "EmptyStateGetStarted";
-export {
-  y as EmptyStateGetStarted
-};
+c.displayName = "EmptyStateGetStarted";
+//#endregion
+export { c as EmptyStateGetStarted };