@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/pagination/parts/RawPaginationNext.js

@@ -1,70 +1,53 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { uyTv as b } from "@payfit/unity-themes";
-import { Link as x } from "react-aria-components/Link";
-import { useIntl as v } from "react-intl";
-import { Icon as w } from "../../icon/Icon.js";
-import { Tooltip as h } from "../../tooltip/Tooltip.js";
-import { usePaginationContext as P } from "../PaginationContext.js";
-const N = b({
-  base: [
-    "uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-circle uy:transition-colors",
-    "uy:text-content-neutral-lowest uy:enabled:bg-transparent uy:cursor-pointer",
-    "uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
-    "uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed",
-    "uy:data-[pressed=true]:text-content-neutral-pressed uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed",
-    "uy:data-[disabled=true]:text-content-neutral-disabled uy:data-[disabled=true]:bg-transparent uy:data-[disabled=true]:cursor-not-allowed",
-    "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
-  ]
-}), D = g(
-  ({ isDisabled: i, href: n, onPress: s, ...u }, l) => {
-    const a = v(), {
-      onKeyDown: c,
-      currentPage: e,
-      pageCount: r,
-      onPageChange: y
-    } = P(), t = a.formatMessage({
-      id: "unity:component:common:next",
-      defaultMessage: "Next"
-    }), d = a.formatMessage(
-      {
-        id: "unity:component:pagination:nav-button:description",
-        defaultMessage: "Go to next page"
-      },
-      {
-        variant: t
-      }
-    ), p = (m) => {
-      c(m);
-    }, f = () => {
-      !n && (r === -1 || e < r) && y(e + 1, e, 1);
-    };
-    return /* @__PURE__ */ o(h, { title: t, children: /* @__PURE__ */ o(
-      x,
-      {
-        ref: l,
-        href: n,
-        className: N(),
-        isDisabled: i,
-        onPress: s ?? f,
-        "aria-label": t,
-        "aria-description": d,
-        onKeyDown: p,
-        ...u,
-        children: /* @__PURE__ */ o(
-          w,
-          {
-            src: "CaretRightOutlined",
-            size: 20,
-            color: "inherit",
-            role: "presentation"
-          }
-        )
-      }
-    ) });
-  }
-);
-D.displayName = "RawPaginationNext";
-export {
-  D as RawPaginationNext
-};
+import { Icon as e } from "../../icon/Icon.js";
+import { Tooltip as t } from "../../tooltip/Tooltip.js";
+import { usePaginationContext as n } from "../PaginationContext.js";
+import { forwardRef as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a } from "react/jsx-runtime";
+import { useIntl as o } from "react-intl";
+import { Link as s } from "react-aria-components/Link";
+//#region src/components/pagination/parts/RawPaginationNext.tsx
+var c = i({ base: [
+	"uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-circle uy:transition-colors",
+	"uy:text-content-neutral-lowest uy:enabled:bg-transparent uy:cursor-pointer",
+	"uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
+	"uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed",
+	"uy:data-[pressed=true]:text-content-neutral-pressed uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed",
+	"uy:data-[disabled=true]:text-content-neutral-disabled uy:data-[disabled=true]:bg-transparent uy:data-[disabled=true]:cursor-not-allowed",
+	"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
+] }), l = r(({ isDisabled: r, href: i, onPress: l, ...u }, d) => {
+	let f = o(), { onKeyDown: p, currentPage: m, pageCount: h, onPageChange: g } = n(), _ = f.formatMessage({
+		id: "unity:component:common:next",
+		defaultMessage: "Next"
+	}), v = f.formatMessage({
+		id: "unity:component:pagination:nav-button:description",
+		defaultMessage: "Go to next page"
+	}, { variant: _ });
+	return /* @__PURE__ */ a(t, {
+		title: _,
+		children: /* @__PURE__ */ a(s, {
+			ref: d,
+			href: i,
+			className: c(),
+			isDisabled: r,
+			onPress: l ?? (() => {
+				!i && (h === -1 || m < h) && g(m + 1, m, 1);
+			}),
+			"aria-label": _,
+			"aria-description": v,
+			onKeyDown: (e) => {
+				p(e);
+			},
+			...u,
+			children: /* @__PURE__ */ a(e, {
+				src: "CaretRightOutlined",
+				size: 20,
+				color: "inherit",
+				role: "presentation"
+			})
+		})
+	});
+});
+l.displayName = "RawPaginationNext";
+//#endregion
+export { l as RawPaginationNext };

package/dist/esm/components/pagination/parts/RawPaginationPrevious.js

@@ -1,67 +1,53 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { uyTv as g } from "@payfit/unity-themes";
-import { Link as v } from "react-aria-components/Link";
-import { useIntl as b } from "react-intl";
-import { Icon as w } from "../../icon/Icon.js";
-import { Tooltip as h } from "../../tooltip/Tooltip.js";
-import { usePaginationContext as x } from "../PaginationContext.js";
-const P = g({
-  base: [
-    "uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-circle uy:transition-colors",
-    "uy:text-content-neutral-lowest uy:enabled:bg-transparent uy:cursor-pointer",
-    "uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
-    "uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed",
-    "uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
-    "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-transparent uy:data-[disabled]:cursor-not-allowed",
-    "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
-  ]
-}), D = m(({ isDisabled: a, href: n, onPress: s, ...i }, u) => {
-  const r = b(), {
-    onKeyDown: l,
-    currentPage: e,
-    onPageChange: c
-  } = x(), t = r.formatMessage({
-    id: "unity:component:common:previous",
-    defaultMessage: "Previous"
-  }), y = r.formatMessage(
-    {
-      id: "unity:component:pagination:nav-button:description",
-      defaultMessage: "Go to previous page"
-    },
-    {
-      variant: t
-    }
-  ), d = (f) => {
-    l(f);
-  }, p = () => {
-    !n && e > 1 && c(e - 1, e, -1);
-  };
-  return /* @__PURE__ */ o(h, { title: t, children: /* @__PURE__ */ o(
-    v,
-    {
-      ref: u,
-      href: n,
-      className: P(),
-      isDisabled: a,
-      onPress: s ?? p,
-      "aria-label": t,
-      "aria-description": y,
-      onKeyDown: d,
-      ...i,
-      children: /* @__PURE__ */ o(
-        w,
-        {
-          src: "CaretLeftOutlined",
-          size: 20,
-          color: "inherit",
-          role: "presentation"
-        }
-      )
-    }
-  ) });
+import { Icon as e } from "../../icon/Icon.js";
+import { Tooltip as t } from "../../tooltip/Tooltip.js";
+import { usePaginationContext as n } from "../PaginationContext.js";
+import { forwardRef as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a } from "react/jsx-runtime";
+import { useIntl as o } from "react-intl";
+import { Link as s } from "react-aria-components/Link";
+//#region src/components/pagination/parts/RawPaginationPrevious.tsx
+var c = i({ base: [
+	"uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-circle uy:transition-colors",
+	"uy:text-content-neutral-lowest uy:enabled:bg-transparent uy:cursor-pointer",
+	"uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
+	"uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed",
+	"uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
+	"uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-transparent uy:data-[disabled]:cursor-not-allowed",
+	"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
+] }), l = r(({ isDisabled: r, href: i, onPress: l, ...u }, d) => {
+	let f = o(), { onKeyDown: p, currentPage: m, onPageChange: h } = n(), g = f.formatMessage({
+		id: "unity:component:common:previous",
+		defaultMessage: "Previous"
+	}), _ = f.formatMessage({
+		id: "unity:component:pagination:nav-button:description",
+		defaultMessage: "Go to previous page"
+	}, { variant: g });
+	return /* @__PURE__ */ a(t, {
+		title: g,
+		children: /* @__PURE__ */ a(s, {
+			ref: d,
+			href: i,
+			className: c(),
+			isDisabled: r,
+			onPress: l ?? (() => {
+				!i && m > 1 && h(m - 1, m, -1);
+			}),
+			"aria-label": g,
+			"aria-description": _,
+			onKeyDown: (e) => {
+				p(e);
+			},
+			...u,
+			children: /* @__PURE__ */ a(e, {
+				src: "CaretLeftOutlined",
+				size: 20,
+				color: "inherit",
+				role: "presentation"
+			})
+		})
+	});
 });
-D.displayName = "RawPaginationPrevious";
-export {
-  D as RawPaginationPrevious
-};
+l.displayName = "RawPaginationPrevious";
+//#endregion
+export { l as RawPaginationPrevious };

package/dist/esm/components/pagination/utils/pagination-window.js

@@ -1,42 +1,57 @@
-function y(s, l) {
-  return Array.from({ length: l - s + 1 }, (p, t) => t + s).map(
-    (p) => ({
-      type: "page",
-      value: p
-    })
-  );
+//#region src/components/pagination/utils/pagination-window.ts
+function e(e, t) {
+	return Array.from({ length: t - e + 1 }, (t, n) => n + e).map((e) => ({
+		type: "page",
+		value: e
+	}));
 }
-const n = 5;
-function d(s, l, p) {
-  const t = Math.max(
-    n,
-    p % 2 === 0 ? p + 1 : p
-  ), h = t - 2;
-  if (s === -1) {
-    const e = [];
-    e.push({ type: "page", value: 1 });
-    const o = h - 1, u = Math.floor(o / 2);
-    return l <= 3 + u ? (e.push(...y(2, t - 1)), e.push({ type: "ellipsis", value: [t, 1 / 0] })) : (e.push({ type: "ellipsis", value: [2, l - u] }), e.push(...y(l - u + 1, l + u)), e.push({
-      type: "ellipsis",
-      value: [l + u + 1, 1 / 0]
-    })), e;
-  }
-  if (s <= t)
-    return Array.from({ length: s }, (e, o) => ({
-      type: "page",
-      value: o + 1
-    }));
-  const i = [];
-  i.push({ type: "page", value: 1 });
-  const v = h - 2, f = Math.floor(v / 2);
-  return l <= 3 + f ? (i.push(...y(2, h)), i.push({ type: "ellipsis", value: [h + 1, s - 1] })) : l >= s - (2 + f) ? (i.push({
-    type: "ellipsis",
-    value: [2, s - (h - 1) - 1]
-  }), i.push(...y(s - (h - 1), s - 1))) : (i.push({ type: "ellipsis", value: [2, l - f - 1] }), i.push(...y(l - f, l + f)), i.push({
-    type: "ellipsis",
-    value: [l + f + 1, s - 1]
-  })), i.push({ type: "page", value: s }), i;
+var t = 5;
+function n(n, r, i) {
+	let a = Math.max(t, i % 2 == 0 ? i + 1 : i), o = a - 2;
+	if (n === -1) {
+		let t = [];
+		t.push({
+			type: "page",
+			value: 1
+		});
+		let n = o - 1, i = Math.floor(n / 2);
+		return r <= 3 + i ? (t.push(...e(2, a - 1)), t.push({
+			type: "ellipsis",
+			value: [a, Infinity]
+		})) : (t.push({
+			type: "ellipsis",
+			value: [2, r - i]
+		}), t.push(...e(r - i + 1, r + i)), t.push({
+			type: "ellipsis",
+			value: [r + i + 1, Infinity]
+		})), t;
+	}
+	if (n <= a) return Array.from({ length: n }, (e, t) => ({
+		type: "page",
+		value: t + 1
+	}));
+	let s = [];
+	s.push({
+		type: "page",
+		value: 1
+	});
+	let c = o - 2, l = Math.floor(c / 2);
+	return r <= 3 + l ? (s.push(...e(2, o)), s.push({
+		type: "ellipsis",
+		value: [o + 1, n - 1]
+	})) : r >= n - (2 + l) ? (s.push({
+		type: "ellipsis",
+		value: [2, n - (o - 1) - 1]
+	}), s.push(...e(n - (o - 1), n - 1))) : (s.push({
+		type: "ellipsis",
+		value: [2, r - l - 1]
+	}), s.push(...e(r - l, r + l)), s.push({
+		type: "ellipsis",
+		value: [r + l + 1, n - 1]
+	})), s.push({
+		type: "page",
+		value: n
+	}), s;
 }
-export {
-  d as generatePaginationWithWindow
-};
+//#endregion
+export { n as generatePaginationWithWindow };

package/dist/esm/components/password-field/TanstackPasswordField.js

@@ -1,83 +1,56 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
-import { forwardRef as B } from "react";
-import { useIntl as R } from "react-intl";
-import { useFieldContext as b } from "../../hooks/tanstack-form-context.js";
-import { TanstackFormFeedbackText as j } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormHelperText as y } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as M } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackFormField as V } from "../form-field/TanstackFormField.js";
-import { PasswordFieldDetails as D } from "./parts/PasswordFieldDetails.js";
-import { PasswordInput as H } from "./parts/PasswordInput.js";
-function L({
-  label: r,
-  helperText: s,
-  rulesTitle: i,
-  rules: o,
-  contextualLink: l,
-  isRequired: n,
-  requiredVariant: m,
-  isLoading: d,
-  isDisabled: c,
-  isReadOnly: u,
-  showCapsLockWarning: f,
-  autoComplete: p,
-  onBlur: F,
-  onFocus: h,
-  onChange: T,
-  onClearButtonPress: k,
-  ...w
-}, g) {
-  const P = R(), t = b(), x = t.state.meta.isTouched && !t.state.meta.isValid, v = o && o.length > 0, C = P.formatMessage({
-    id: "unity:component:password-field:rules-title",
-    defaultMessage: "Your password must have:"
-  });
-  return /* @__PURE__ */ I(V, { children: [
-    /* @__PURE__ */ e(
-      M,
-      {
-        requiredVariant: m,
-        isRequired: n,
-        children: r
-      }
-    ),
-    s && /* @__PURE__ */ e(y, { children: s }),
-    /* @__PURE__ */ e(
-      H,
-      {
-        ...w,
-        ref: g,
-        value: t.state.value,
-        onChange: (a) => {
-          t.handleChange(a.target.value), T?.(a);
-        },
-        onBlur: (a) => {
-          t.handleBlur(), F?.(a);
-        },
-        onFocus: h,
-        isLoading: d,
-        isDisabled: c,
-        isReadOnly: u,
-        isInvalid: x,
-        showCapsLockWarning: f,
-        autoComplete: p,
-        onClearButtonPress: () => {
-          t.setValue(""), k?.();
-        }
-      }
-    ),
-    /* @__PURE__ */ e(j, {}),
-    v && /* @__PURE__ */ e(
-      D,
-      {
-        title: i ?? C,
-        rules: o
-      }
-    ),
-    l
-  ] });
+import { useFieldContext as e } from "../../hooks/tanstack-form-context.js";
+import { TanstackFormFeedbackText as t } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as n } from "../form-field/TanstackFormField.js";
+import { TanstackFormHelperText as r } from "../form-field/parts/TanstackFormHelperText.js";
+import { TanstackFormLabel as i } from "../form-field/parts/TanstackFormLabel.js";
+import { PasswordFieldDetails as a } from "./parts/PasswordFieldDetails.js";
+import { PasswordInput as o } from "./parts/PasswordInput.js";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useIntl as u } from "react-intl";
+//#region src/components/password-field/TanstackPasswordField.tsx
+function d({ label: s, helperText: d, rulesTitle: f, rules: p, contextualLink: m, isRequired: h, requiredVariant: g, isLoading: _, isDisabled: v, isReadOnly: y, showCapsLockWarning: b, autoComplete: x, onBlur: S, onFocus: C, onChange: w, onClearButtonPress: T, ...E }, D) {
+	let O = u(), k = e(), A = k.state.meta.isTouched && !k.state.meta.isValid, j = p && p.length > 0, M = O.formatMessage({
+		id: "unity:component:password-field:rules-title",
+		defaultMessage: "Your password must have:"
+	});
+	return /* @__PURE__ */ l(n, { children: [
+		/* @__PURE__ */ c(i, {
+			requiredVariant: g,
+			isRequired: h,
+			children: s
+		}),
+		d && /* @__PURE__ */ c(r, { children: d }),
+		/* @__PURE__ */ c(o, {
+			...E,
+			ref: D,
+			value: k.state.value,
+			onChange: (e) => {
+				k.handleChange(e.target.value), w?.(e);
+			},
+			onBlur: (e) => {
+				k.handleBlur(), S?.(e);
+			},
+			onFocus: C,
+			isLoading: _,
+			isDisabled: v,
+			isReadOnly: y,
+			isInvalid: A,
+			showCapsLockWarning: b,
+			autoComplete: x,
+			onClearButtonPress: () => {
+				k.setValue(""), T?.();
+			}
+		}),
+		/* @__PURE__ */ c(t, {}),
+		j && /* @__PURE__ */ c(a, {
+			title: f ?? M,
+			rules: p
+		}),
+		m
+	] });
 }
-const N = B(L);
-N.displayName = "TanstackPasswordField";
-export {
-  N as TanstackPasswordField
-};
+var f = s(d);
+f.displayName = "TanstackPasswordField";
+//#endregion
+export { f as TanstackPasswordField };

package/dist/esm/components/password-field/hooks/use-caps-lock.js

@@ -1,12 +1,12 @@
-import { useState as s, useCallback as r, useEffect as i } from "react";
-function d() {
-  const [n, t] = s(!1), e = r((o) => {
-    t(o.getModifierState("CapsLock"));
-  }, []);
-  return i(() => (window.addEventListener("keydown", e), window.addEventListener("keyup", e), () => {
-    window.removeEventListener("keydown", e), window.removeEventListener("keyup", e);
-  }), [e]), n;
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/components/password-field/hooks/use-caps-lock.ts
+function r() {
+	let [r, i] = n(!1), a = e((e) => {
+		i(e.getModifierState("CapsLock"));
+	}, []);
+	return t(() => (window.addEventListener("keydown", a), window.addEventListener("keyup", a), () => {
+		window.removeEventListener("keydown", a), window.removeEventListener("keyup", a);
+	}), [a]), r;
 }
-export {
-  d as useCapsLock
-};
+//#endregion
+export { r as useCapsLock };

package/dist/esm/components/password-field/parts/PasswordFieldDetails.js

@@ -1,42 +1,43 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { uyTv as d } from "@payfit/unity-themes";
-import { FormattedMessage as m } from "react-intl";
-import { Text as l } from "../../text/Text.js";
-import { ValidationRuleItem as u } from "./ValidationRuleItem.js";
-const c = d({
-  slots: {
-    root: ["uy:flex uy:flex-col uy:gap-75"],
-    list: ["uy:list-none uy:p-0 uy:m-0 uy:contents"]
-  }
-});
-function v({
-  id: e,
-  title: a,
-  rules: o
-}) {
-  if (o.length === 0)
-    return null;
-  const { root: i, list: r } = c();
-  return /* @__PURE__ */ n("div", { id: e, className: i(), children: [
-    /* @__PURE__ */ t(l, { variant: "h4", className: "uy:sr-only", children: a }),
-    /* @__PURE__ */ t(l, { variant: "bodySmall", color: "content.neutral", children: /* @__PURE__ */ t(
-      m,
-      {
-        id: "unity:component:password-field:rules-title",
-        defaultMessage: "Your password must have:"
-      }
-    ) }),
-    /* @__PURE__ */ t("ul", { className: r(), children: o.map((s) => /* @__PURE__ */ t(
-      u,
-      {
-        id: s.id,
-        label: s.label,
-        status: s.status
-      },
-      s.id
-    )) })
-  ] });
+import { Text as e } from "../../text/Text.js";
+import { ValidationRuleItem as t } from "./ValidationRuleItem.js";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { FormattedMessage as a } from "react-intl";
+//#region src/components/password-field/parts/PasswordFieldDetails.tsx
+var o = n({ slots: {
+	root: ["uy:flex uy:flex-col uy:gap-75"],
+	list: ["uy:list-none uy:p-0 uy:m-0 uy:contents"]
+} });
+function s({ id: n, title: s, rules: c }) {
+	if (c.length === 0) return null;
+	let { root: l, list: u } = o();
+	return /* @__PURE__ */ i("div", {
+		id: n,
+		className: l(),
+		children: [
+			/* @__PURE__ */ r(e, {
+				variant: "h4",
+				className: "uy:sr-only",
+				children: s
+			}),
+			/* @__PURE__ */ r(e, {
+				variant: "bodySmall",
+				color: "content.neutral",
+				children: /* @__PURE__ */ r(a, {
+					id: "unity:component:password-field:rules-title",
+					defaultMessage: "Your password must have:"
+				})
+			}),
+			/* @__PURE__ */ r("ul", {
+				className: u(),
+				children: c.map((e) => /* @__PURE__ */ r(t, {
+					id: e.id,
+					label: e.label,
+					status: e.status
+				}, e.id))
+			})
+		]
+	});
 }
-export {
-  v as PasswordFieldDetails
-};
+//#endregion
+export { s as PasswordFieldDetails };