@alfadocs/ui-kit 1.30.0 → 1.31.0

package/dist/_chunks/notes-panel-CTNpsByN.js

@@ -1,353 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as oe, useRef as a, useState as M, useId as le, useCallback as ce, useEffect as de, useImperativeHandle as ue, useMemo as pe } from "react";
-import { c as fe } from "./index-D2ZczOXr.js";
-import { useTranslation as me } from "react-i18next";
-import { u as ge } from "./registry-DvAUVLHh.js";
-import { C as he } from "./clinical-note-card-BBgFd2nB.js";
-import { R as ve } from "./rich-text-editor-lSCiE0Zz.js";
-import { T as be } from "./text-area-Bt3p7Pt0.js";
-import { B as ye } from "./button-nJaPh_HC.js";
-import { C as xe } from "./checkbox-BuZ1u__2.js";
-import { P as Pe } from "./panel-header-D313n_9-.js";
-import { N as Ce } from "./notebook-pen-CO7HoM-W.js";
-const Ne = {
-  id: "notes-panel",
-  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles
-  // with no dedicated capability in the closed vocabulary.
-  capabilities: ["submit"],
-  state: {
-    notes: {
-      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
-      descriptionKey: "ui.agent.notesPanel.state.notes",
-      description: "Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).",
-      read: (n) => n.getNotes()
-    },
-    canAddClinical: {
-      type: "boolean",
-      descriptionKey: "ui.agent.notesPanel.state.canAddClinical",
-      description: "Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).",
-      read: (n) => n.canAddClinical()
-    },
-    currentNoteId: {
-      type: "string | null",
-      descriptionKey: "ui.agent.notesPanel.state.currentNoteId",
-      description: "Id of the note the host has addressed — the one marked, scrolled to and focused. Null when none is. An id only, never note content.",
-      read: (n) => n.getCurrentNoteId()
-    }
-  },
-  actions: {
-    add_note: {
-      // Writes a clinical/admin note body — patient-identifiable content. PHI.
-      safety: "phi",
-      argsType: "{ content: string; clinical: boolean }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          content: {
-            type: "string",
-            description: "Note body. Rich HTML for the rich composer, else plain text."
-          },
-          clinical: {
-            type: "boolean",
-            description: "Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed."
-          }
-        },
-        required: ["content", "clinical"]
-      },
-      openWorld: !0,
-      descriptionKey: "ui.agent.notesPanel.actions.addNote",
-      description: "Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).",
-      examples: [
-        {
-          args: { content: "Patient reported improvement.", clinical: !0 },
-          note: "Add a clinical note."
-        }
-      ],
-      invoke: (n, s) => {
-        n.addNote(s);
-      }
-    },
-    toggle_pin: {
-      // Re-orders the timeline (pinned notes lead) — reversible view write.
-      safety: "write",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !1,
-      descriptionKey: "ui.agent.notesPanel.actions.togglePin",
-      description: "Toggle the pinned state of the note with the given id.",
-      invoke: (n, s) => {
-        n.togglePin(s.id);
-      }
-    },
-    toggle_flag: {
-      safety: "write",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !1,
-      descriptionKey: "ui.agent.notesPanel.actions.toggleFlag",
-      description: "Toggle the flagged state of the note with the given id.",
-      invoke: (n, s) => {
-        n.toggleFlag(s.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "notes-panel",
-      description: "Marks the NotesPanel region."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific notes panel from the agent."
-    }
-  }
-}, we = fe(
-  "ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]",
-  {
-    variants: {
-      current: {
-        true: "ds:border-[color:var(--info)] ds:bg-[color:var(--info)]/10 ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)] ds:focus:outline-offset-[length:var(--focus-ring-offset)]",
-        false: "ds:border-transparent"
-      }
-    },
-    defaultVariants: { current: !1 }
-  }
-);
-function z(n) {
-  return n ? /<img\b/i.test(n) ? !0 : n.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
-}
-const Me = oe(
-  function({
-    id: s,
-    notes: x,
-    onAddNote: l,
-    currentNoteId: c,
-    currentNoteKey: B,
-    composer: f = "rich",
-    editorToolbar: L = "standard",
-    redactor: W,
-    imageUploadUrl: E,
-    showClinicalToggle: I = !0,
-    canAddClinicalNote: m = !0,
-    clinicalGatedReason: D,
-    defaultClinical: P = !1,
-    onRequestAiDraft: G,
-    aiDraftFormat: Y,
-    aiPrivacyNotice: F,
-    onDictate: J,
-    onProofread: O,
-    onAutoFormat: Q,
-    onTogglePin: g,
-    onToggleFlag: h,
-    noteActions: V,
-    title: U,
-    composerPlaceholder: X,
-    addNoteLabel: Z,
-    emptyState: $,
-    className: ee,
-    "aria-label": C,
-    ...te
-  }, ne) {
-    const { t: o } = me(), N = a(null), [d, w] = M(""), [v, j] = M(P), ie = U ?? o("notesPanel.title", { defaultValue: "Notes" }), H = le(), q = X ?? o("notesPanel.placeholder", { defaultValue: "Add a note…" }), K = o("notesPanel.composerLabel", {
-      defaultValue: "New note"
-    }), re = f === "rich" ? z(d) : d.trim().length > 0, ae = ce(() => {
-      var e, t;
-      if (l) {
-        if (f === "rich") {
-          const i = ((e = N.current) == null ? void 0 : e.getHTML()) ?? d;
-          if (!z(i)) return;
-          l({ content: i, clinical: v }), (t = N.current) == null || t.clear();
-        } else {
-          const i = d.trim();
-          if (!i) return;
-          l({ content: i, clinical: v });
-        }
-        w(""), j(P);
-      }
-    }, [f, d, v, P, l]), T = [...x].sort(
-      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
-    ), R = a(null);
-    de(() => {
-      var e, t;
-      c && ((e = R.current) == null || e.scrollIntoView({ block: "center" }), (t = R.current) == null || t.focus());
-    }, [c, B]);
-    const _ = a(x);
-    _.current = x;
-    const u = a(l);
-    u.current = l;
-    const b = a(g);
-    b.current = g;
-    const y = a(h);
-    y.current = h;
-    const k = a(m);
-    k.current = m;
-    const A = a(c);
-    A.current = c;
-    const S = a(null);
-    ue(ne, () => S.current, []);
-    const se = pe(
-      () => ({
-        // Ids + flags only — never the note body or author (both PHI).
-        getNotes: () => _.current.map((e) => ({
-          id: e.id,
-          pinned: !!e.pinned,
-          flagged: !!e.flagged,
-          clinical: !!e.clinical
-        })),
-        canAddNote: () => !!u.current,
-        canAddClinical: () => k.current,
-        getCurrentNoteId: () => A.current ?? null,
-        addNote: (e) => {
-          var t;
-          e.clinical && !k.current || (t = u.current) == null || t.call(u, e);
-        },
-        togglePin: (e) => {
-          var t;
-          return (t = b.current) == null ? void 0 : t.call(b, e);
-        },
-        toggleFlag: (e) => {
-          var t;
-          return (t = y.current) == null ? void 0 : t.call(y, e);
-        }
-      }),
-      []
-    );
-    return ge(Ne, se, s), /* @__PURE__ */ p(
-      "section",
-      {
-        ref: S,
-        "data-component": "notes-panel",
-        "data-component-id": s,
-        "aria-labelledby": C ? void 0 : H,
-        "aria-label": C,
-        className: ["ds:flex ds:flex-col", ee].filter(Boolean).join(" "),
-        ...te,
-        children: [
-          /* @__PURE__ */ r(
-            Pe,
-            {
-              title: ie,
-              icon: /* @__PURE__ */ r(Ce, { "aria-hidden": "true" }),
-              headingId: C ? void 0 : H,
-              sticky: !0,
-              divider: !0
-            }
-          ),
-          /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-            l ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-              f === "rich" ? /* @__PURE__ */ r(
-                ve,
-                {
-                  ref: N,
-                  ariaLabel: K,
-                  placeholder: q,
-                  toolbar: L,
-                  minHeight: "sm",
-                  redactor: W,
-                  imageUploadUrl: E,
-                  onChange: ({ html: e }) => w(e),
-                  onRequestAiDraft: G,
-                  aiDraftFormat: Y,
-                  aiPrivacyNotice: F,
-                  onDictate: J,
-                  onProofread: O,
-                  onAutoFormat: Q
-                }
-              ) : /* @__PURE__ */ r(
-                be,
-                {
-                  value: d,
-                  onChange: (e) => w(e.target.value),
-                  placeholder: q,
-                  autoResize: !0,
-                  minRows: 2,
-                  maxRows: 6,
-                  "aria-label": K
-                }
-              ),
-              /* @__PURE__ */ p(
-                "div",
-                {
-                  className: [
-                    "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-                    I ? "ds:justify-between" : "ds:justify-end"
-                  ].join(" "),
-                  children: [
-                    I ? /* @__PURE__ */ r(
-                      xe,
-                      {
-                        size: "sm",
-                        label: o("notesPanel.clinicalToggle", {
-                          defaultValue: "Clinical note"
-                        }),
-                        checked: v,
-                        onCheckedChange: (e) => j(e === !0),
-                        disabled: !m,
-                        disabledReason: m ? void 0 : D ?? o("notesPanel.clinicalGated", {
-                          defaultValue: "You do not have permission to write clinical notes."
-                        })
-                      }
-                    ) : null,
-                    /* @__PURE__ */ r(
-                      ye,
-                      {
-                        type: "button",
-                        size: "sm",
-                        onClick: ae,
-                        disabled: !re,
-                        children: Z ?? o("notesPanel.add", { defaultValue: "Add note" })
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }) : null,
-            T.length > 0 ? /* @__PURE__ */ r("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: T.map((e, t) => {
-              const i = c != null && e.id === c;
-              return /* @__PURE__ */ p(
-                "li",
-                {
-                  ref: i ? R : void 0,
-                  tabIndex: i ? -1 : void 0,
-                  "aria-current": i ? "true" : void 0,
-                  className: we({ current: i }),
-                  children: [
-                    i ? /* @__PURE__ */ r("span", { className: "ds:sr-only", children: o("notesPanel.current", {
-                      defaultValue: "Current note"
-                    }) }) : null,
-                    /* @__PURE__ */ r(
-                      he,
-                      {
-                        surface: "elevated",
-                        truncate: !i,
-                        ...e,
-                        onTogglePin: g && e.id ? () => g(e.id) : void 0,
-                        onToggleFlag: h && e.id ? () => h(e.id) : void 0
-                      }
-                    ),
-                    V ? /* @__PURE__ */ r("div", { className: "ds:flex ds:justify-end ds:gap-[var(--spacing-2xs)] ds:pt-[var(--spacing-2xs)]", children: V(e) }) : null
-                  ]
-                },
-                e.id ?? t
-              );
-            }) }) : $ ?? /* @__PURE__ */ r("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: o("notesPanel.empty", { defaultValue: "No notes yet." }) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-export {
-  Me as N
-};
-//# sourceMappingURL=notes-panel-CTNpsByN.js.map