@alfadocs/ui-kit 1.35.0 → 1.36.1

package/dist/_chunks/clinical-note-card-CTRzmqvv.js

@@ -1,438 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as te, useId as V, useState as $, useMemo as ne } from "react";
-import { c as P } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import { A as de } from "./avatar-CkDeQOSI.js";
-import { B as v } from "./badge-sTusUqZD.js";
-import { C as D } from "./card-DPmk26CL.js";
-import { L as oe } from "./link-CPb_pZPr.js";
-import { T as O } from "./timestamp-BV2lC-wV.js";
-import { SafeHtml as ce } from "../safe-html/index.js";
-import { i as me } from "./is-safe-url-DkETxeHz.js";
-import { u as pe } from "./use-clamp-overflow-DQE2kwZ9.js";
-import { u as ue } from "./registry-DvAUVLHh.js";
-import { S as fe } from "./scan-line-CNseIHQ0.js";
-import { L as ve } from "./layers-DcAENmsZ.js";
-import { F as U } from "./file-text-5yv6r2ls.js";
-import { U as ge } from "./user-B12p7bVF.js";
-import { c as q } from "./createLucideIcon-DhHxpK9K.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 he = [
-  [
-    "path",
-    {
-      d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
-      key: "1jaruq"
-    }
-  ]
-], B = q("flag", he);
-/**
- * @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 be = [
-  ["path", { d: "M12 17v5", key: "bb1du9" }],
-  [
-    "path",
-    {
-      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
-      key: "1nkz8b"
-    }
-  ]
-], R = q("pin", be), xe = {
-  id: "clinical-note-card",
-  capabilities: [],
-  state: {
-    noteId: {
-      type: "string | undefined",
-      descriptionKey: "ui.agent.clinicalNoteCard.state.noteId",
-      description: "Stable identifier of the rendered note, when supplied.",
-      read: (r) => r.getNoteId()
-    },
-    pinned: {
-      type: "boolean",
-      descriptionKey: "ui.agent.clinicalNoteCard.state.pinned",
-      description: "Whether the note is pinned to the top of the timeline.",
-      read: (r) => r.isPinned()
-    },
-    flagged: {
-      type: "boolean",
-      descriptionKey: "ui.agent.clinicalNoteCard.state.flagged",
-      description: "Whether the note is flagged for follow-up.",
-      read: (r) => r.isFlagged()
-    },
-    attachmentKind: {
-      type: "'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined",
-      descriptionKey: "ui.agent.clinicalNoteCard.state.attachmentKind",
-      description: "Structural kind the note is attached to. Never the attachment identity or content.",
-      read: (r) => r.getAttachmentKind()
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "clinical-note-card",
-      description: "Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop — addresses a specific note."
-    }
-  }
-}, Ne = P("ds:w-full ds:text-[color:var(--foreground)]", {
-  variants: {
-    surface: { flat: "", elevated: "" }
-  },
-  defaultVariants: { surface: "elevated" }
-}), ye = P(
-  [
-    "type-body-sm ds:text-[color:var(--foreground)]",
-    "ds:break-words",
-    "[&_a]:ds:underline [&_a]:ds:underline-offset-2",
-    "[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]",
-    "[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]",
-    // `list-disc` / `list-decimal` are load-bearing: the card renders host
-    // HTML inside `[data-component]`, where preflight's `list-style: none`
-    // still applies. Without them the indent lands but the markers do not.
-    "ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal",
-    // Rich-text (Redactor) extras — harmless on markdown notes, which carry
-    // none of these tags. Headings, inline images and tables stay readable.
-    "[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0",
-    "[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]",
-    "[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse",
-    "[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start",
-    "[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]"
-  ].join(" "),
-  {
-    variants: {
-      truncate: {
-        true: "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]",
-        false: ""
-      }
-    },
-    defaultVariants: { truncate: !1 }
-  }
-), Ce = [
-  "ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
-  "ds:size-7 ds:rounded-[var(--radius-sm)]",
-  'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden',
-  "ds:hover:bg-[color:var(--muted)]/20",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:outline-[CanvasText]",
-  "ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]",
-  "ds:motion-reduce:transition-none"
-].join(" "), F = [
-  "ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start",
-  "ds:text-[length:var(--font-size-xs)] ds:font-semibold",
-  "ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline",
-  "ds:rounded-[var(--radius-sm)]",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), _e = P([
-  F,
-  "ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]"
-]);
-function W({
-  icon: r,
-  pressed: i,
-  label: d,
-  activeClassName: t,
-  onToggle: u
-}) {
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      "aria-pressed": i,
-      "aria-label": d,
-      onClick: u,
-      className: [
-        Ce,
-        i ? t : "ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]"
-      ].join(" "),
-      children: r
-    }
-  );
-}
-function A(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function L(r) {
-  let i = r;
-  return i = i.replace(/`([^`]+)`/g, "<code>$1</code>"), i = i.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), i = i.replace(/\*([^*]+)\*/g, "<em>$1</em>"), i = i.replace(
-    /\[([^\]]+)\]\(([^)\s]+)\)/g,
-    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
-  ), i;
-}
-function ke(r) {
-  return r.split(/\n{2,}/).map((d) => {
-    const t = d.split(`
-`), u = t.every((a) => /^\s*[-*]\s+/.test(a)), n = t.every((a) => /^\s*\d+\.\s+/.test(a));
-    return u && t.length > 0 ? `<ul>${t.map((l) => l.replace(/^\s*[-*]\s+/, "")).map((l) => `<li>${L(A(l))}</li>`).join("")}</ul>` : n && t.length > 0 ? `<ol>${t.map((l) => l.replace(/^\s*\d+\.\s+/, "")).map((l) => `<li>${L(A(l))}</li>`).join("")}</ol>` : `<p>${L(A(d)).replace(
-      /\n/g,
-      "<br />"
-    )}</p>`;
-  }).join("");
-}
-const we = te(
-  ({
-    id: r,
-    dateIso: i,
-    createdAtIso: d,
-    author: t,
-    operatorName: u,
-    deleted: n,
-    clinical: C,
-    attachedTo: a,
-    content: l,
-    contentFormat: _ = "markdown",
-    pinned: o,
-    flagged: c,
-    headerActions: H,
-    onTogglePin: h,
-    onToggleFlag: b,
-    truncate: x = !1,
-    surface: K = "elevated",
-    "aria-label": G,
-    className: J,
-    ...Q
-  }, X) => {
-    const { t: s } = le(), k = V(), w = V(), [g, Y] = $(!1), [z, M] = $(!1), [Z, T] = $(!!n);
-    Z !== !!n && (T(!!n), M(!1));
-    const N = !!n && !z, { ref: ee, isOverflowing: ae } = pe(
-      x && !g && !N
-    ), se = x && !N && (ae || g), re = ne(
-      () => _ === "html" ? l : ke(l),
-      [l, _]
-    ), S = G ?? s("clinicalNoteCard.regionLabel");
-    ue(
-      xe,
-      {
-        getNoteId: () => r,
-        isPinned: () => !!o,
-        isFlagged: () => !!c,
-        getAttachmentKind: () => a == null ? void 0 : a.kind
-      },
-      r
-    );
-    const y = (f, I, ie, j) => j && me(j) ? /* @__PURE__ */ e(oe, { href: j, intent: "default", startIcon: I, children: f }) : /* @__PURE__ */ e(v, { variant: ie, size: "sm", leading: I, children: f });
-    let m = null;
-    if (a)
-      switch (a.kind) {
-        case "patient":
-          m = /* @__PURE__ */ e(
-            v,
-            {
-              variant: "neutral",
-              size: "sm",
-              leading: /* @__PURE__ */ e(ge, { "aria-hidden": "true" }),
-              children: s("clinicalNoteCard.attachment.patient")
-            }
-          );
-          break;
-        case "carePlan":
-          m = y(
-            s("clinicalNoteCard.attachment.carePlan", {
-              number: a.number
-            }),
-            /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
-            "info",
-            a.url
-          );
-          break;
-        case "carePlanEntry":
-          m = y(
-            a.elements && a.elements.length > 0 ? s("clinicalNoteCard.attachment.carePlanEntryWithElements", {
-              care: a.careName,
-              elements: a.elements.join(", ")
-            }) : s("clinicalNoteCard.attachment.carePlanEntry", {
-              care: a.careName
-            }),
-            /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
-            "info",
-            a.url
-          );
-          break;
-        case "phase":
-          m = y(
-            s("clinicalNoteCard.attachment.phase", { label: a.label }),
-            /* @__PURE__ */ e(ve, { "aria-hidden": "true" }),
-            "neutral",
-            a.url
-          );
-          break;
-        case "xray":
-          m = y(
-            a.label ? s("clinicalNoteCard.attachment.xrayWithLabel", {
-              label: a.label
-            }) : s("clinicalNoteCard.attachment.xray"),
-            /* @__PURE__ */ e(fe, { "aria-hidden": "true" }),
-            "neutral",
-            a.url
-          );
-          break;
-      }
-    const E = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ p("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-        t ? /* @__PURE__ */ e(
-          de,
-          {
-            name: t.name,
-            src: t.avatarUrl,
-            size: "sm",
-            className: "ds:shrink-0",
-            "aria-hidden": "true",
-            role: "presentation",
-            "aria-label": void 0
-          }
-        ) : null,
-        /* @__PURE__ */ p("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-          t ? /* @__PURE__ */ e(
-            "span",
-            {
-              id: k,
-              className: "type-title-item ds:text-[color:var(--foreground)] ds:truncate",
-              children: t.name
-            }
-          ) : /* @__PURE__ */ e("span", { id: k, className: "ds:sr-only", children: S }),
-          u ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:break-words", children: s("clinicalNoteCard.operator", { name: u }) }) : null,
-          /* @__PURE__ */ p("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden", children: [
-            i ? /* @__PURE__ */ e(O, { value: i, shape: "bare", size: "sm" }) : null,
-            d && d !== i ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: [
-              s("clinicalNoteCard.added"),
-              " ",
-              /* @__PURE__ */ e(O, { value: d, shape: "bare", size: "sm" })
-            ] }) : null
-          ] })
-        ] }),
-        n || C || H || h || b || o || c ? /* @__PURE__ */ p("span", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
-          n ? /* @__PURE__ */ e(v, { variant: "error", size: "sm", children: s("clinicalNoteCard.deleted") }) : null,
-          C ? /* @__PURE__ */ e(v, { variant: "brand", size: "sm", children: s("clinicalNoteCard.clinical") }) : null,
-          h || b || o || c ? /* @__PURE__ */ p("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-            h ? /* @__PURE__ */ e(
-              W,
-              {
-                pressed: !!o,
-                onToggle: h,
-                label: s(o ? "clinicalNoteCard.unpin" : "clinicalNoteCard.pin"),
-                activeClassName: "ds:text-[color:var(--accent)]",
-                icon: /* @__PURE__ */ e(
-                  R,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-4",
-                    fill: o ? "currentColor" : "none"
-                  }
-                )
-              }
-            ) : o ? /* @__PURE__ */ e(
-              v,
-              {
-                variant: "accent",
-                size: "sm",
-                leading: /* @__PURE__ */ e(R, { "aria-hidden": "true" }),
-                children: s("clinicalNoteCard.pinned")
-              }
-            ) : null,
-            b ? /* @__PURE__ */ e(
-              W,
-              {
-                pressed: !!c,
-                onToggle: b,
-                label: s(c ? "clinicalNoteCard.unflag" : "clinicalNoteCard.flag"),
-                activeClassName: "ds:text-[color:var(--warning-readable)]",
-                icon: /* @__PURE__ */ e(
-                  B,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-4",
-                    fill: c ? "currentColor" : "none"
-                  }
-                )
-              }
-            ) : c ? /* @__PURE__ */ e(
-              v,
-              {
-                variant: "warning",
-                size: "sm",
-                leading: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
-                children: s("clinicalNoteCard.flagged")
-              }
-            ) : null
-          ] }) : null,
-          H
-        ] }) : null
-      ] }),
-      n ? /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": z,
-          "aria-controls": w,
-          onClick: () => M((f) => !f),
-          className: _e(),
-          children: s(z ? "clinicalNoteCard.hideDeleted" : "clinicalNoteCard.showDeleted")
-        }
-      ) : null,
-      /* @__PURE__ */ e(
-        ce,
-        {
-          ref: ee,
-          id: x || n ? w : void 0,
-          hidden: N,
-          html: N ? "" : re,
-          profile: _ === "html" ? "rich-text" : "markdown",
-          className: ye({ truncate: x && !g })
-        }
-      ),
-      se ? /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": g,
-          "aria-controls": w,
-          onClick: () => Y((f) => !f),
-          className: F,
-          children: s(g ? "clinicalNoteCard.readLess" : "clinicalNoteCard.readMore")
-        }
-      ) : null,
-      m ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
-    ] });
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: X,
-        role: "article",
-        "aria-label": S,
-        "aria-labelledby": k,
-        "data-component": "clinical-note-card",
-        "data-component-id": r,
-        "data-pinned": o ? "true" : void 0,
-        "data-flagged": c ? "true" : void 0,
-        "data-deleted": n ? "true" : void 0,
-        "data-attached-to": a == null ? void 0 : a.kind,
-        id: r,
-        className: Ne({ surface: K, className: J }),
-        ...Q,
-        children: K === "elevated" ? /* @__PURE__ */ e(D, { variant: "elevated", children: /* @__PURE__ */ e(D.Body, { children: E }) }) : E
-      }
-    );
-  }
-);
-we.displayName = "ClinicalNoteCard";
-export {
-  we as C,
-  xe as c
-};
-//# sourceMappingURL=clinical-note-card-CTRzmqvv.js.map