@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/error-state/parts/Collapsible.js

@@ -1,68 +1,69 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useContext as l } from "react";
-import { uyTv as u } from "@payfit/unity-themes";
-import { Button as c } from "react-aria-components/Button";
-import { Disclosure as d, DisclosurePanel as y, DisclosureStateContext as f, Heading as m } from "react-aria-components/Disclosure";
-import { FormattedMessage as p } from "react-intl";
-import { Icon as h } from "../../icon/Icon.js";
-import { Text as b } from "../../text/Text.js";
-const n = u({
-  slots: {
-    base: [
-      "uy:w-full uy:rounded-50",
-      "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-2",
-      "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-solid",
-      "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-offset-2",
-      "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-utility-focus-ring"
-    ],
-    heading: "uy:w-full",
-    button: [
-      "uy:flex uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer",
-      "uy:hover:text-content-neutral-hover uy:focus-visible:outline-none"
-    ],
-    title: "uy:flex uy:grow uy:text-left uy:items-center uy:justify-center",
-    icon: "uy:mr-100 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center",
-    content: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top-left uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0"
-  },
-  variants: {
-    isExpanded: {
-      true: {
-        icon: "uy:rotate-180"
-      },
-      false: {
-        icon: "uy:rotate-0"
-      }
-    }
-  }
-}), v = () => {
-  const e = l(f), { button: i, title: o, icon: a, heading: r } = n({
-    isExpanded: e?.isExpanded
-  });
-  return /* @__PURE__ */ t(m, { "data-dd-privacy": "allow", className: r(), children: /* @__PURE__ */ t(c, { className: i(), slot: "trigger", children: /* @__PURE__ */ s(b, { variant: "bodyStrong", className: o(), children: [
-    /* @__PURE__ */ t(
-      h,
-      {
-        src: "CaretDownOutlined",
-        className: a(),
-        role: "presentation"
-      }
-    ),
-    /* @__PURE__ */ t(
-      p,
-      {
-        id: "unity:component:error-state:collapsible:title",
-        defaultMessage: "Show details"
-      }
-    )
-  ] }) }) });
-}, w = ({ children: e, ...i }) => {
-  const { base: o, content: a } = n();
-  return /* @__PURE__ */ s(d, { "data-dd-privacy": "allow", ...i, className: o(), children: [
-    /* @__PURE__ */ t(v, {}),
-    /* @__PURE__ */ t(y, { "data-dd-privacy": "allow", className: a(), children: /* @__PURE__ */ t("div", { className: "uy:ml-400 uy:typography-body", children: e }) })
-  ] });
-};
-w.displayName = "Collapsible";
-export {
-  w as Collapsible
+import { Icon as e } from "../../icon/Icon.js";
+import { Text as t } from "../../text/Text.js";
+import { useContext as n } from "react";
+import { uyTv as r } from "@payfit/unity-themes";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FormattedMessage as o } from "react-intl";
+import { Button as s } from "react-aria-components/Button";
+import { Disclosure as c, DisclosurePanel as l, DisclosureStateContext as u, Heading as d } from "react-aria-components/Disclosure";
+//#region src/components/error-state/parts/Collapsible.tsx
+var f = r({
+	slots: {
+		base: [
+			"uy:w-full uy:rounded-50",
+			"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-2",
+			"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-solid",
+			"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-offset-2",
+			"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-utility-focus-ring"
+		],
+		heading: "uy:w-full",
+		button: ["uy:flex uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer", "uy:hover:text-content-neutral-hover uy:focus-visible:outline-none"],
+		title: "uy:flex uy:grow uy:text-left uy:items-center uy:justify-center",
+		icon: "uy:mr-100 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center",
+		content: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top-left uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0"
+	},
+	variants: { isExpanded: {
+		true: { icon: "uy:rotate-180" },
+		false: { icon: "uy:rotate-0" }
+	} }
+}), p = () => {
+	let { button: r, title: c, icon: l, heading: p } = f({ isExpanded: n(u)?.isExpanded });
+	return /* @__PURE__ */ i(d, {
+		"data-dd-privacy": "allow",
+		className: p(),
+		children: /* @__PURE__ */ i(s, {
+			className: r(),
+			slot: "trigger",
+			children: /* @__PURE__ */ a(t, {
+				variant: "bodyStrong",
+				className: c(),
+				children: [/* @__PURE__ */ i(e, {
+					src: "CaretDownOutlined",
+					className: l(),
+					role: "presentation"
+				}), /* @__PURE__ */ i(o, {
+					id: "unity:component:error-state:collapsible:title",
+					defaultMessage: "Show details"
+				})]
+			})
+		})
+	});
+}, m = ({ children: e, ...t }) => {
+	let { base: n, content: r } = f();
+	return /* @__PURE__ */ a(c, {
+		"data-dd-privacy": "allow",
+		...t,
+		className: n(),
+		children: [/* @__PURE__ */ i(p, {}), /* @__PURE__ */ i(l, {
+			"data-dd-privacy": "allow",
+			className: r(),
+			children: /* @__PURE__ */ i("div", {
+				className: "uy:ml-400 uy:typography-body",
+				children: e
+			})
+		})]
+	});
 };
+m.displayName = "Collapsible";
+//#endregion
+export { m as Collapsible };

package/dist/esm/components/fieldset/Fieldset.js

@@ -1,72 +1,63 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { uyTv as b } from "@payfit/unity-themes";
-import { useId as x } from "react-aria/useId";
-const h = b({
-  slots: {
-    base: "uy:p-0 uy:m-0 uy:[&+&]:mt-500 uy:[&:last-of-type]:mb-500",
-    legend: "uy:typography-h3 uy:text-content-neutral",
-    description: "uy:block uy:typography-body uy:mt-100 uy:text-content-neutral",
-    fieldsContainer: "uy:flex uy:flex-col uy:gap-250"
-  },
-  variants: {
-    isLegendHidden: {
-      true: {
-        legend: "uy:sr-only",
-        description: "uy:sr-only",
-        fieldsContainer: "uy:mt-0"
-      },
-      false: {
-        legend: "uy:block",
-        description: "uy:block",
-        fieldsContainer: "uy:mt-300"
-      }
-    },
-    disableEndMargin: {
-      true: {
-        base: "uy:[&:last-of-type]:mb-0"
-      }
-    }
-  },
-  defaultVariants: {
-    isLegendHidden: !1,
-    disableEndMargin: !1
-  }
-}), v = g(
-  ({ children: t, ...d }, n) => {
-    const i = x(), { legend: l, description: e, isLegendHidden: a, disableEndMargin: r, ...o } = d, {
-      base: y,
-      legend: c,
-      description: u,
-      fieldsContainer: p
-    } = h({ isLegendHidden: a, disableEndMargin: r }), f = e ? `${i}-fieldset-description` : void 0;
-    return /* @__PURE__ */ m(
-      "fieldset",
-      {
-        "data-dd-privacy": "allow",
-        ...o,
-        ref: n,
-        className: y(),
-        "aria-describedby": f,
-        children: [
-          /* @__PURE__ */ s("legend", { className: c(), children: l }),
-          e && /* @__PURE__ */ s(
-            "span",
-            {
-              id: `${i}-fieldset-description`,
-              "data-fieldset-slot": "description",
-              className: u(),
-              children: e
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: p(), children: t })
-        ]
-      }
-    );
-  }
-);
-v.displayName = "Fieldset";
-export {
-  v as Fieldset,
-  h as fieldset
-};
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useId as i } from "react-aria/useId";
+//#region src/components/fieldset/Fieldset.tsx
+var a = t({
+	slots: {
+		base: "uy:p-0 uy:m-0 uy:[&+&]:mt-500 uy:[&:last-of-type]:mb-500",
+		legend: "uy:typography-h3 uy:text-content-neutral",
+		description: "uy:block uy:typography-body uy:mt-100 uy:text-content-neutral",
+		fieldsContainer: "uy:flex uy:flex-col uy:gap-250"
+	},
+	variants: {
+		isLegendHidden: {
+			true: {
+				legend: "uy:sr-only",
+				description: "uy:sr-only",
+				fieldsContainer: "uy:mt-0"
+			},
+			false: {
+				legend: "uy:block",
+				description: "uy:block",
+				fieldsContainer: "uy:mt-300"
+			}
+		},
+		disableEndMargin: { true: { base: "uy:[&:last-of-type]:mb-0" } }
+	},
+	defaultVariants: {
+		isLegendHidden: !1,
+		disableEndMargin: !1
+	}
+}), o = e(({ children: e, ...t }, o) => {
+	let s = i(), { legend: c, description: l, isLegendHidden: u, disableEndMargin: d, ...f } = t, { base: p, legend: m, description: h, fieldsContainer: g } = a({
+		isLegendHidden: u,
+		disableEndMargin: d
+	}), _ = l ? `${s}-fieldset-description` : void 0;
+	return /* @__PURE__ */ r("fieldset", {
+		"data-dd-privacy": "allow",
+		...f,
+		ref: o,
+		className: p(),
+		"aria-describedby": _,
+		children: [
+			/* @__PURE__ */ n("legend", {
+				className: m(),
+				children: c
+			}),
+			l && /* @__PURE__ */ n("span", {
+				id: `${s}-fieldset-description`,
+				"data-fieldset-slot": "description",
+				className: h(),
+				children: l
+			}),
+			/* @__PURE__ */ n("div", {
+				className: g(),
+				children: e
+			})
+		]
+	});
+});
+o.displayName = "Fieldset";
+//#endregion
+export { o as Fieldset, a as fieldset };

package/dist/esm/components/fieldset/parts/FieldGroup.js

@@ -1,18 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-const u = p(
-  ({ children: r, ...o }, d) => /* @__PURE__ */ i(
-    "div",
-    {
-      ...o,
-      ref: d,
-      role: "group",
-      className: "uy:grid uy:grid-cols-1 uy:gap-y-250 uy:md:grid-cols-2 uy:md:gap-x-200",
-      children: r
-    }
-  )
-);
-u.displayName = "FieldGroup";
-export {
-  u as FieldGroup
-};
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/fieldset/parts/FieldGroup.tsx
+var n = e(({ children: e, ...n }, r) => /* @__PURE__ */ t("div", {
+	...n,
+	ref: r,
+	role: "group",
+	className: "uy:grid uy:grid-cols-1 uy:gap-y-250 uy:md:grid-cols-2 uy:md:gap-x-200",
+	children: e
+}));
+n.displayName = "FieldGroup";
+//#endregion
+export { n as FieldGroup };

package/dist/esm/components/filter/Filter.controls.js

@@ -1,45 +1,52 @@
-import { jsx as c } from "react/jsx-runtime";
-import { SelectListOptGroup as u } from "../select-list/parts/SelectListOptGroup.js";
-import { SelectListOption as a } from "../select-list/parts/SelectListOption.js";
-import { SelectList as p } from "../select-list/SelectList.js";
-function s(l) {
-  return "children" in l && l.children.length > 0;
+import { SelectListOptGroup as e } from "../select-list/parts/SelectListOptGroup.js";
+import { SelectListOption as t } from "../select-list/parts/SelectListOption.js";
+import { SelectList as n } from "../select-list/SelectList.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/filter/Filter.controls.tsx
+function i(e) {
+	return "children" in e && e.children.length > 0;
 }
-function m(l, n) {
-  const t = (r) => /* @__PURE__ */ c(u, { items: r.children, label: r.label, children: (i) => /* @__PURE__ */ c(a, { id: i.id, textValue: i.label, children: i.label }) }), e = (r) => /* @__PURE__ */ c(a, { id: r.id, textValue: r.label, children: r.label });
-  return (r, i) => /* @__PURE__ */ c(
-    p,
-    {
-      ...n,
-      items: l,
-      value: r,
-      selectionMode: "multiple",
-      onChange: (o) => {
-        i(o);
-      },
-      escapeKeyBehavior: "none",
-      sortSelectedFirst: !0,
-      className: "uy:scroll-pb-500",
-      children: (o) => s(o) ? t(o) : e(o)
-    }
-  );
+function a(a, o) {
+	let s = (n) => /* @__PURE__ */ r(e, {
+		items: n.children,
+		label: n.label,
+		children: (e) => /* @__PURE__ */ r(t, {
+			id: e.id,
+			textValue: e.label,
+			children: e.label
+		})
+	}), c = (e) => /* @__PURE__ */ r(t, {
+		id: e.id,
+		textValue: e.label,
+		children: e.label
+	});
+	return (e, t) => /* @__PURE__ */ r(n, {
+		...o,
+		items: a,
+		value: e,
+		selectionMode: "multiple",
+		onChange: (e) => {
+			t(e);
+		},
+		escapeKeyBehavior: "none",
+		sortSelectedFirst: !0,
+		className: "uy:scroll-pb-500",
+		children: (e) => i(e) ? s(e) : c(e)
+	});
 }
-function L(l) {
-  return (n) => {
-    if (n === "all")
-      return l.flatMap((e) => s(e) ? e.children : e).map((e) => e.label).join(", ");
-    const t = [];
-    for (const e of l) {
-      if (s(e)) {
-        t.push(...e.children.filter((r) => n.has(r.id)));
-        continue;
-      }
-      n.has(e.id) && t.push(e);
-    }
-    return t.map((e) => e.label).join(", ");
-  };
+function o(e) {
+	return (t) => {
+		if (t === "all") return e.flatMap((e) => i(e) ? e.children : e).map((e) => e.label).join(", ");
+		let n = [];
+		for (let r of e) {
+			if (i(r)) {
+				n.push(...r.children.filter((e) => t.has(e.id)));
+				continue;
+			}
+			t.has(r.id) && n.push(r);
+		}
+		return n.map((e) => e.label).join(", ");
+	};
 }
-export {
-  m as selectListFilter,
-  L as selectListLabel
-};
+//#endregion
+export { a as selectListFilter, o as selectListLabel };