@alfadocs/ui-kit 1.47.1 → 1.48.0

package/dist/_chunks/{task-card-qTKD1fIT.js → task-card-CTTQfPS6.js}

@@ -1,29 +1,30 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as C } from "react";
-import { c as L } from "./index-D2ZczOXr.js";
-import { useTranslation as w } from "react-i18next";
-import { V as f } from "./visually-hidden-BHxEUGyT.js";
-import { c as T } from "./createLucideIcon-DhHxpK9K.js";
-import { B as z } from "./building-2-D33bLCWL.js";
-import { U as h } from "./user-B12p7bVF.js";
-import { C as S } from "./chevron-right-I9AeSxH2.js";
-import { S as V } from "./square-check-big-dj0o8yA3.js";
-import { C as j } from "./circle-alert-rGDZ73Wh.js";
-import { S as I } from "./square-DASBRZ0U.js";
+import { c as w } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { V as p } from "./visually-hidden-BHxEUGyT.js";
+import { c as z } from "./createLucideIcon-DhHxpK9K.js";
+import { B as S } from "./building-2-D33bLCWL.js";
+import { U as g } from "./user-B12p7bVF.js";
+import { E as V } from "./eye-off-C_4xkbRP.js";
+import { C as j } from "./chevron-right-I9AeSxH2.js";
+import { S as I } from "./square-check-big-dj0o8yA3.js";
+import { C as $ } from "./circle-alert-rGDZ73Wh.js";
+import { S as B } from "./square-DASBRZ0U.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $ = [
+const K = [
   ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
-], B = T("briefcase", $), K = {
-  patient: h,
-  company: z,
-  operator: B
-}, U = L(
+], U = z("briefcase", K), _ = {
+  patient: g,
+  company: S,
+  operator: U
+}, M = w(
   [
     "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
     // Same corner as the elevated Card the note and appointment rows use.
@@ -51,7 +52,7 @@ const $ = [
       interactive: !1
     }
   }
-), m = [
+), h = [
   "ds:focus-visible:outline-none",
   "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-lg)]",
   "ds:after:pointer-events-auto",
@@ -61,99 +62,115 @@ const $ = [
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
 ].join(" ");
-function _(s) {
+function R(s) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
 }
-function R({
+function q({
   status: s,
   priority: n
 }) {
   const a = n === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
-  return s === "done" ? /* @__PURE__ */ e(V, { "aria-hidden": "true", className: `ds:size-4 ${a}` }) : n === "high" ? /* @__PURE__ */ e(j, { "aria-hidden": "true", className: `ds:size-4 ${a}` }) : /* @__PURE__ */ e(I, { "aria-hidden": "true", className: `ds:size-4 ${a}` });
+  return s === "done" ? /* @__PURE__ */ e(I, { "aria-hidden": "true", className: `ds:size-4 ${a}` }) : n === "high" ? /* @__PURE__ */ e($, { "aria-hidden": "true", className: `ds:size-4 ${a}` }) : /* @__PURE__ */ e(B, { "aria-hidden": "true", className: `ds:size-4 ${a}` });
 }
-const q = C(
-  ({ item: s, size: n = "sm", onActivate: a, actions: c, leading: g, className: v, ...b }, k) => {
-    const { t: r } = w(), t = !!a, x = !!s.url && _(s.url), p = r("taskCard.itemLabel", {
+const E = C(
+  ({ item: s, size: n = "sm", onActivate: a, actions: u, leading: k, className: v, ...b }, x) => {
+    const { t: r } = T(), t = !!a, y = !!s.url && R(s.url), f = r("taskCard.itemLabel", {
       title: s.title,
       due: s.dueLabel ?? "",
       defaultValue: '{{title}}{{due, prepend, " · "}}'
-    }), y = {
+    }), N = {
       patient: r("taskCard.link.patient"),
       company: r("taskCard.link.company"),
       operator: r("taskCard.link.operator")
-    }, u = s.linkType ? K[s.linkType] : null, N = !!s.linkType && !!s.linkedLabel || !!s.assigneeLabel, l = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.title });
-    let o;
-    return t && x ? o = /* @__PURE__ */ e(
+    }, m = s.linkType ? _[s.linkType] : null, o = !!s.linkedLabelMasked && !!s.linkedLabel, L = o || !!s.linkType && !!s.linkedLabel || !!s.assigneeLabel, c = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.title });
+    let i;
+    return t && y ? i = /* @__PURE__ */ e(
       "a",
       {
         href: s.url,
-        "aria-label": p,
-        className: m + " ds:contents",
-        onClick: (i) => {
-          i.defaultPrevented || i.metaKey || i.ctrlKey || i.shiftKey || a == null || a(s);
+        "aria-label": f,
+        "data-action": "open-task",
+        className: h + " ds:flex ds:min-w-0",
+        onClick: (l) => {
+          l.defaultPrevented || l.metaKey || l.ctrlKey || l.shiftKey || a == null || a(s);
         },
-        children: l
+        children: c
       }
-    ) : t ? o = /* @__PURE__ */ e(
+    ) : t ? i = /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        "aria-label": p,
-        className: m + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        "aria-label": f,
+        "data-action": "open-task",
+        className: h + " ds:flex ds:min-w-0 ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
         onClick: () => a == null ? void 0 : a(s),
-        children: l
+        children: c
       }
-    ) : o = l, /* @__PURE__ */ d(
+    ) : i = c, /* @__PURE__ */ d(
       "div",
       {
-        ref: k,
+        ref: x,
         role: "listitem",
         "data-component": "task-card",
         "data-component-id": s.id,
         "data-status": s.status ?? "open",
         "data-priority": s.priority ?? "normal",
-        className: U({ size: n, interactive: t, className: v }),
+        className: M({ size: n, interactive: t, className: v }),
         ...b,
         children: [
-          /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:mt-[var(--spacing-2xs)] ds:shrink-0", children: g ?? /* @__PURE__ */ e(R, { status: s.status, priority: s.priority }) }),
+          /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:mt-[var(--spacing-2xs)] ds:shrink-0", children: k ?? /* @__PURE__ */ e(q, { status: s.status, priority: s.priority }) }),
           /* @__PURE__ */ d("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-            o,
+            i,
             s.description ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.description }) : null,
             s.note ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2", children: s.note }) : null,
-            N ? (
+            L ? (
               // `type-meta` (not `type-eyebrow`): these chips carry proper-noun
               // values (patient / company / operator name, assignee) that must
               // not be uppercased. Icons are decorative; the type word is exposed
               // to AT via a VisuallyHidden prefix so each chip reads e.g.
               // "Patient: Mario Rossi" / "Assignee: Dr. Alfa".
               /* @__PURE__ */ d("div", { className: "type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: [
-                s.linkType && s.linkedLabel && u ? /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                o ? (
+                  // The mask is visual noise to a screen reader, so it hears
+                  // what the mask stands for instead.
+                  /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                    /* @__PURE__ */ e(
+                      V,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:size-3 ds:shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ e(p, { children: r("appointmentPeek.hiddenName") }),
+                    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "ds:truncate", children: s.linkedLabel })
+                  ] })
+                ) : s.linkType && s.linkedLabel && m ? /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                   /* @__PURE__ */ e(
-                    u,
+                    m,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3 ds:shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ e(f, { children: `${y[s.linkType]}: ` }),
+                  /* @__PURE__ */ e(p, { children: `${N[s.linkType]}: ` }),
                   /* @__PURE__ */ e("span", { className: "ds:truncate", children: s.linkedLabel })
                 ] }) : null,
                 s.assigneeLabel ? /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                  /* @__PURE__ */ e(h, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
-                  /* @__PURE__ */ e(f, { children: `${r("taskCard.assignee")}: ` }),
+                  /* @__PURE__ */ e(g, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                  /* @__PURE__ */ e(p, { children: `${r("taskCard.assignee")}: ` }),
                   /* @__PURE__ */ e("span", { className: "ds:truncate", children: s.assigneeLabel })
                 ] }) : null
               ] })
             ) : null,
-            s.linkedLabel && !s.linkType ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.linkedLabel }) : null,
+            s.linkedLabel && !s.linkType && !o ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.linkedLabel }) : null,
             s.dueLabel ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s.dueLabel }) : null
           ] }),
-          c ? (
+          u ? (
             // Above the stretched-link overlay so the buttons stay clickable.
-            /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: c })
+            /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: u })
           ) : null,
           t ? /* @__PURE__ */ e(
-            S,
+            j,
             {
               "aria-hidden": "true",
               className: "ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
@@ -164,9 +181,9 @@ const q = C(
     );
   }
 );
-q.displayName = "TaskCard";
+E.displayName = "TaskCard";
 export {
-  q as T,
-  _ as i
+  E as T,
+  R as i
 };
-//# sourceMappingURL=task-card-qTKD1fIT.js.map
+//# sourceMappingURL=task-card-CTTQfPS6.js.map