@payfit/unity-components 2.47.4 → 2.47.6

package/dist/esm/components/task-menu/parts/RawSubTask.js

@@ -1,166 +1,141 @@
-import { jsxs as o, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as R, useEffect as S } from "react";
-import { uyTv as j } from "@payfit/unity-themes";
-import { Button as z } from "react-aria-components/Button";
-import { Link as E } from "react-aria-components/Link";
-import { useIntl as F, FormattedMessage as m } from "react-intl";
-import { useRouter as O } from "../../../providers/router/RouterProvider.js";
-import { Icon as g } from "../../icon/Icon.js";
-import { Text as P } from "../../text/Text.js";
-import { useTaskMenuContext as A } from "../TaskMenu.context.js";
-import D from "./dot.svg.js";
-import { commonTask as I } from "./task.variants.js";
-const B = j({
-  extend: I,
-  slots: {
-    base: ["uy:gap-300 uy:py-100", "uy:md:py-50"],
-    dot: [
-      "uy:self-center",
-      "uy:fill-content-neutral-lowest",
-      "uy:theme-legacy:group-data-[current=true]/base:fill-content-primary",
-      "uy:theme-rebrand:group-data-[current=true]/base:fill-surface-neutral-highest-active"
-    ],
-    text: [
-      "uy:bg-surface-neutral-enabled",
-      "uy:md:bg-[transparent]",
-      "uy:leading-[1]",
-      "uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:bg-surface-neutral-hover",
-      "uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
-      "uy:group-data-[task-status=completed]/base:group-data-[hovered=true]/element:bg-surface-neutral-hover",
-      "uy:group-data-[task-status=completed]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
-      "uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:bg-surface-neutral-hover",
-      "uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
-      "uy:group-data-[task-status=uncompleted]/base:group-data-[pressed=true]/element:bg-surface-neutral-pressed",
-      "uy:group-data-[task-status=uncompleted]/base:group-data-[pressed=true]/element:text-content-neutral-pressed",
-      "uy:group-data-[task-status=completed]/base:group-data-[pressed=true]/element:bg-surface-neutral-pressed",
-      "uy:group-data-[task-status=completed]/base:group-data-[pressed=true]/element:text-content-neutral-pressed",
-      "uy:group-data-[task-status=locked]/base:group-data-[pressed=true]/element:bg-surface-neutral-pressed",
-      "uy:group-data-[task-status=locked]/base:group-data-[pressed=true]/element:text-content-neutral-pressed",
-      "uy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected",
-      "uy:md:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-[transparent]",
-      "uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected"
-    ],
-    element: ["uy:rounded-50"],
-    number: [
-      "uy:group-data-[task-status=uncompleted]/base:group-[&[data-pressed]:not([aria-current=page])]/element:bg-surface-neutral-pressed"
-    ]
-  }
-}), G = (t, a, r) => {
-  switch (t) {
-    case "completed":
-      return /* @__PURE__ */ o(p, { children: [
-        /* @__PURE__ */ e(
-          g,
-          {
-            className: r?.completed,
-            src: "CheckCircleOutlined",
-            size: 20,
-            color: "content.success",
-            alt: a.formatMessage({
-              id: "unity:component:task-menu:task:completed:label",
-              defaultMessage: "Completed"
-            })
-          }
-        ),
-        /* @__PURE__ */ e("span", { className: "uy:sr-only", children: /* @__PURE__ */ e(
-          m,
-          {
-            id: "unity:component:task-menu:task:completed:label",
-            defaultMessage: "Completed"
-          }
-        ) })
-      ] });
-    case "locked":
-      return /* @__PURE__ */ o(p, { children: [
-        /* @__PURE__ */ e(
-          g,
-          {
-            "aria-hidden": "true",
-            className: r?.locked,
-            src: "LockOutlined",
-            size: 20,
-            color: "content.neutral.lowest",
-            alt: a.formatMessage({
-              id: "unity:component:task-menu:task:lock:label",
-              defaultMessage: "Locked"
-            })
-          }
-        ),
-        /* @__PURE__ */ e("span", { className: "uy:sr-only", children: /* @__PURE__ */ e(
-          m,
-          {
-            id: "unity:component:task-menu:task:lock:label",
-            defaultMessage: "Locked"
-          }
-        ) })
-      ] });
-    default:
-      return null;
-  }
-}, H = R(
-  ({
-    href: t,
-    label: a,
-    taskStatus: r = "uncompleted",
-    isExact: d,
-    isDisabled: i,
-    onPress: b,
-    uniqueId: s,
-    ...l
-  }, k) => {
-    const y = F(), c = O(), { currentTask: f, setCurrentTask: n, state: h } = A();
-    S(() => {
-      t && c?.isActive(t.toString(), d) && n?.({ uniqueId: s, label: a });
-    }, [t, d, c, s, a, n]);
-    const u = f?.uniqueId === s, { base: v, element: x, text: w, dot: M, lock: N } = B({ taskStatus: r }), T = {
-      "data-current": u,
-      "aria-current": u ? "page" : void 0
-    }, C = t ? E : z;
-    return /* @__PURE__ */ o(
-      "li",
-      {
-        ref: k,
-        "data-task-status": r,
-        className: v(),
-        ...u ? { "data-current": !0 } : {},
-        ...l,
-        children: [
-          /* @__PURE__ */ e(D, { width: 8, height: 8, className: M(), role: "presentation" }),
-          /* @__PURE__ */ o(
-            C,
-            {
-              className: x(),
-              href: t,
-              onPress: (L) => {
-                n?.({ uniqueId: s, label: a }), h?.toggle(), b?.(L);
-              },
-              isDisabled: i,
-              ...T,
-              ...l,
-              children: [
-                /* @__PURE__ */ e(
-                  P,
-                  {
-                    asElement: "span",
-                    className: w(),
-                    variant: u ? "bodyStrong" : "body",
-                    children: a
-                  }
-                ),
-                G(r, y, {
-                  locked: N(),
-                  completed: "uy:self-center"
-                })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-H.displayName = "RawSubTask";
-export {
-  H as RawSubTask,
-  B as rawSubTask
-};
+import { Icon as e } from "../../icon/Icon.js";
+import { Text as t } from "../../text/Text.js";
+import { useRouter as n } from "../../../providers/router/RouterProvider.js";
+import { useTaskMenuContext as r } from "../TaskMenu.context.js";
+import i from "./dot.js";
+import { commonTask as a } from "./task.variants.js";
+import { forwardRef as o, useEffect as s } from "react";
+import { uyTv as c } from "@payfit/unity-themes";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { FormattedMessage as f, useIntl as p } from "react-intl";
+import { Button as m } from "react-aria-components/Button";
+import { Link as h } from "react-aria-components/Link";
+//#region src/components/task-menu/parts/RawSubTask.tsx
+var g = c({
+	extend: a,
+	slots: {
+		base: ["uy:gap-300 uy:py-100", "uy:md:py-50"],
+		dot: [
+			"uy:self-center",
+			"uy:fill-content-neutral-lowest",
+			"uy:theme-legacy:group-data-[current=true]/base:fill-content-primary",
+			"uy:theme-rebrand:group-data-[current=true]/base:fill-surface-neutral-highest-active"
+		],
+		text: [
+			"uy:bg-surface-neutral-enabled",
+			"uy:md:bg-[transparent]",
+			"uy:leading-[1]",
+			"uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:bg-surface-neutral-hover",
+			"uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+			"uy:group-data-[task-status=completed]/base:group-data-[hovered=true]/element:bg-surface-neutral-hover",
+			"uy:group-data-[task-status=completed]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+			"uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:bg-surface-neutral-hover",
+			"uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+			"uy:group-data-[task-status=uncompleted]/base:group-data-[pressed=true]/element:bg-surface-neutral-pressed",
+			"uy:group-data-[task-status=uncompleted]/base:group-data-[pressed=true]/element:text-content-neutral-pressed",
+			"uy:group-data-[task-status=completed]/base:group-data-[pressed=true]/element:bg-surface-neutral-pressed",
+			"uy:group-data-[task-status=completed]/base:group-data-[pressed=true]/element:text-content-neutral-pressed",
+			"uy:group-data-[task-status=locked]/base:group-data-[pressed=true]/element:bg-surface-neutral-pressed",
+			"uy:group-data-[task-status=locked]/base:group-data-[pressed=true]/element:text-content-neutral-pressed",
+			"uy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected",
+			"uy:md:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-[transparent]",
+			"uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected"
+		],
+		element: ["uy:rounded-50"],
+		number: ["uy:group-data-[task-status=uncompleted]/base:group-[&[data-pressed]:not([aria-current=page])]/element:bg-surface-neutral-pressed"]
+	}
+}), _ = (t, n, r) => {
+	switch (t) {
+		case "completed": return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e, {
+			className: r?.completed,
+			src: "CheckCircleOutlined",
+			size: 20,
+			color: "content.success",
+			alt: n.formatMessage({
+				id: "unity:component:task-menu:task:completed:label",
+				defaultMessage: "Completed"
+			})
+		}), /* @__PURE__ */ u("span", {
+			className: "uy:sr-only",
+			children: /* @__PURE__ */ u(f, {
+				id: "unity:component:task-menu:task:completed:label",
+				defaultMessage: "Completed"
+			})
+		})] });
+		case "locked": return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e, {
+			"aria-hidden": "true",
+			className: r?.locked,
+			src: "LockOutlined",
+			size: 20,
+			color: "content.neutral.lowest",
+			alt: n.formatMessage({
+				id: "unity:component:task-menu:task:lock:label",
+				defaultMessage: "Locked"
+			})
+		}), /* @__PURE__ */ u("span", {
+			className: "uy:sr-only",
+			children: /* @__PURE__ */ u(f, {
+				id: "unity:component:task-menu:task:lock:label",
+				defaultMessage: "Locked"
+			})
+		})] });
+		default: return null;
+	}
+}, v = o(({ href: e, label: a, taskStatus: o = "uncompleted", isExact: c, isDisabled: l, onPress: f, uniqueId: v, ...y }, b) => {
+	let x = p(), S = n(), { currentTask: C, setCurrentTask: w, state: T } = r();
+	s(() => {
+		e && S?.isActive(e.toString(), c) && w?.({
+			uniqueId: v,
+			label: a
+		});
+	}, [
+		e,
+		c,
+		S,
+		v,
+		a,
+		w
+	]);
+	let E = C?.uniqueId === v, { base: D, element: O, text: k, dot: A, lock: j } = g({ taskStatus: o }), M = {
+		"data-current": E,
+		"aria-current": E ? "page" : void 0
+	}, N = e ? h : m;
+	return /* @__PURE__ */ d("li", {
+		ref: b,
+		"data-task-status": o,
+		className: D(),
+		...E ? { "data-current": !0 } : {},
+		...y,
+		children: [/* @__PURE__ */ u(i, {
+			width: 8,
+			height: 8,
+			className: A(),
+			role: "presentation"
+		}), /* @__PURE__ */ d(N, {
+			className: O(),
+			href: e,
+			onPress: (e) => {
+				w?.({
+					uniqueId: v,
+					label: a
+				}), T?.toggle(), f?.(e);
+			},
+			isDisabled: l,
+			...M,
+			...y,
+			children: [/* @__PURE__ */ u(t, {
+				asElement: "span",
+				className: k(),
+				variant: E ? "bodyStrong" : "body",
+				children: a
+			}), _(o, x, {
+				locked: j(),
+				completed: "uy:self-center",
+				uncompleted: ""
+			})]
+		})]
+	});
+});
+v.displayName = "RawSubTask";
+//#endregion
+export { v as RawSubTask, g as rawSubTask };

package/dist/esm/components/task-menu/parts/RawTask.js

@@ -1,145 +1,115 @@
-import { jsxs as n, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as G, useEffect as O } from "react";
-import { uyTv as P } from "@payfit/unity-themes";
-import { Button as z } from "react-aria-components/Button";
-import { Link as A } from "react-aria-components/Link";
-import { useIntl as B, FormattedMessage as k } from "react-intl";
-import { useRouter as S } from "../../../providers/router/RouterProvider.js";
-import { Icon as g } from "../../icon/Icon.js";
-import { Text as y } from "../../text/Text.js";
-import { useTaskMenuContext as D } from "../TaskMenu.context.js";
-import { commonTask as H } from "./task.variants.js";
-const I = P({
-  extend: H,
-  slots: {
-    base: [],
-    element: [
-      "uy:p-200",
-      "uy:md:p-0",
-      "uy:cursor-pointer",
-      "uy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected",
-      "uy:md:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-[transparent]"
-    ],
-    text: "uy:leading-[1]",
-    lock: "uy:self-center",
-    number: ""
-  }
-}), J = G(
-  ({
-    href: t,
-    isExact: c = !1,
-    label: s,
-    onPress: f,
-    taskNumber: b,
-    taskStatus: o = "uncompleted",
-    children: T,
-    uniqueId: r,
-    ...l
-  }, N) => {
-    const d = S(), u = B(), {
-      currentTask: h,
-      setCurrentTask: m,
-      state: x,
-      expandedTaskGroup: i,
-      toggleTaskGroup: M
-    } = D(), v = t ? A : z;
-    O(() => {
-      t && d?.isActive(t.toString(), c) && m?.({ uniqueId: r, label: s });
-    }, [t, c, d, s, r, m]);
-    const a = h?.uniqueId === r, C = {
-      "data-current": a,
-      "aria-current": a ? "page" : void 0
-    }, { base: w, number: L, element: R, text: E, lock: j } = I({ taskStatus: o });
-    return /* @__PURE__ */ n(
-      "li",
-      {
-        ref: N,
-        "data-task-status": o,
-        className: w(),
-        ...a ? { "data-current": !0 } : {},
-        ...l,
-        children: [
-          /* @__PURE__ */ n(
-            v,
-            {
-              className: R(),
-              href: t,
-              onPress: (F) => {
-                m?.({ uniqueId: r, label: s }), x?.toggle(), i && M?.(i), f?.(F);
-              },
-              ...C,
-              ...l,
-              children: [
-                /* @__PURE__ */ e("div", { className: L(), children: o === "completed" ? /* @__PURE__ */ n(p, { children: [
-                  /* @__PURE__ */ e(
-                    g,
-                    {
-                      size: 24,
-                      "aria-hidden": "true",
-                      src: "CheckOutlined",
-                      alt: u.formatMessage({
-                        id: "unity:component:task-menu:task:completed:label",
-                        defaultMessage: "Completed"
-                      })
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: "uy:sr-only", children: /* @__PURE__ */ e(
-                    k,
-                    {
-                      id: "unity:component:task-menu:task:completed:label",
-                      defaultMessage: "Completed"
-                    }
-                  ) })
-                ] }) : /* @__PURE__ */ e(
-                  y,
-                  {
-                    asElement: "span",
-                    variant: a ? "bodyStrong" : "body",
-                    className: "uy:leading-[1]",
-                    children: b
-                  }
-                ) }),
-                /* @__PURE__ */ e(
-                  y,
-                  {
-                    asElement: "span",
-                    className: E(),
-                    variant: a ? "bodyStrong" : "body",
-                    children: s
-                  }
-                ),
-                o === "locked" && /* @__PURE__ */ n(p, { children: [
-                  /* @__PURE__ */ e(
-                    g,
-                    {
-                      "aria-hidden": "true",
-                      className: j(),
-                      src: "LockOutlined",
-                      alt: u.formatMessage({
-                        id: "unity:component:task-menu:task:lock:label",
-                        defaultMessage: "Locked"
-                      })
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: "uy:sr-only", children: /* @__PURE__ */ e(
-                    k,
-                    {
-                      id: "unity:component:task-menu:task:lock:label",
-                      defaultMessage: "Locked"
-                    }
-                  ) })
-                ] })
-              ]
-            }
-          ),
-          T
-        ]
-      }
-    );
-  }
-);
-J.displayName = "RawTask";
-export {
-  J as RawTask,
-  I as rawTask
-};
+import { Icon as e } from "../../icon/Icon.js";
+import { Text as t } from "../../text/Text.js";
+import { useRouter as n } from "../../../providers/router/RouterProvider.js";
+import { useTaskMenuContext as r } from "../TaskMenu.context.js";
+import { commonTask as i } from "./task.variants.js";
+import { forwardRef as a, useEffect as o } from "react";
+import { uyTv as s } from "@payfit/unity-themes";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { FormattedMessage as d, useIntl as f } from "react-intl";
+import { Button as p } from "react-aria-components/Button";
+import { Link as m } from "react-aria-components/Link";
+//#region src/components/task-menu/parts/RawTask.tsx
+var h = s({
+	extend: i,
+	slots: {
+		base: [],
+		element: [
+			"uy:p-200",
+			"uy:md:p-0",
+			"uy:cursor-pointer",
+			"uy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected",
+			"uy:md:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-[transparent]"
+		],
+		text: "uy:leading-[1]",
+		lock: "uy:self-center",
+		number: ""
+	}
+}), g = a(({ href: i, isExact: a = !1, label: s, onPress: g, taskNumber: _, taskStatus: v = "uncompleted", children: y, uniqueId: b, ...x }, S) => {
+	let C = n(), w = f(), { currentTask: T, setCurrentTask: E, state: D, expandedTaskGroup: O, toggleTaskGroup: k } = r(), A = i ? m : p;
+	o(() => {
+		i && C?.isActive(i.toString(), a) && E?.({
+			uniqueId: b,
+			label: s
+		});
+	}, [
+		i,
+		a,
+		C,
+		s,
+		b,
+		E
+	]);
+	let j = T?.uniqueId === b, M = {
+		"data-current": j,
+		"aria-current": j ? "page" : void 0
+	}, { base: N, number: P, element: F, text: I, lock: L } = h({ taskStatus: v });
+	return /* @__PURE__ */ u("li", {
+		ref: S,
+		"data-task-status": v,
+		className: N(),
+		...j ? { "data-current": !0 } : {},
+		...x,
+		children: [/* @__PURE__ */ u(A, {
+			className: F(),
+			href: i,
+			onPress: (e) => {
+				E?.({
+					uniqueId: b,
+					label: s
+				}), D?.toggle(), O && k?.(O), g?.(e);
+			},
+			...M,
+			...x,
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: P(),
+					children: v === "completed" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
+						size: 24,
+						"aria-hidden": "true",
+						src: "CheckOutlined",
+						alt: w.formatMessage({
+							id: "unity:component:task-menu:task:completed:label",
+							defaultMessage: "Completed"
+						})
+					}), /* @__PURE__ */ l("span", {
+						className: "uy:sr-only",
+						children: /* @__PURE__ */ l(d, {
+							id: "unity:component:task-menu:task:completed:label",
+							defaultMessage: "Completed"
+						})
+					})] }) : /* @__PURE__ */ l(t, {
+						asElement: "span",
+						variant: j ? "bodyStrong" : "body",
+						className: "uy:leading-[1]",
+						children: _
+					})
+				}),
+				/* @__PURE__ */ l(t, {
+					asElement: "span",
+					className: I(),
+					variant: j ? "bodyStrong" : "body",
+					children: s
+				}),
+				v === "locked" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
+					"aria-hidden": "true",
+					className: L(),
+					src: "LockOutlined",
+					alt: w.formatMessage({
+						id: "unity:component:task-menu:task:lock:label",
+						defaultMessage: "Locked"
+					})
+				}), /* @__PURE__ */ l("span", {
+					className: "uy:sr-only",
+					children: /* @__PURE__ */ l(d, {
+						id: "unity:component:task-menu:task:lock:label",
+						defaultMessage: "Locked"
+					})
+				})] })
+			]
+		}), y]
+	});
+});
+g.displayName = "RawTask";
+//#endregion
+export { g as RawTask, h as rawTask };