@alfadocs/ui-kit 1.1.0 → 1.2.0

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

@@ -0,0 +1,370 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { forwardRef as se, useRef as r, useState as T, useId as oe, useCallback as le, useEffect as ce, useImperativeHandle as de, useMemo as ue } from "react";
+import { c as pe } from "./index-D2ZczOXr.js";
+import { useTranslation as fe } from "react-i18next";
+import { u as me } from "./registry-DvAUVLHh.js";
+import { C as ge } from "./clinical-note-card-D63x_AkK.js";
+import { R as he } from "./rich-text-editor-CfeXPPWs.js";
+import { T as be } from "./text-area-Bt3p7Pt0.js";
+import { B as ve } from "./button-CPGiR_bH.js";
+import { C as ye } from "./checkbox-BuZ1u__2.js";
+import { P as xe } from "./panel-header-D313n_9-.js";
+import { c as Pe } 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 ke = [
+  ["path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", key: "re6nr2" }],
+  ["path", { d: "M2 6h4", key: "aawbzj" }],
+  ["path", { d: "M2 10h4", key: "l0bgd4" }],
+  ["path", { d: "M2 14h4", key: "1gsvsf" }],
+  ["path", { d: "M2 18h4", key: "1bu2t1" }],
+  [
+    "path",
+    {
+      d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",
+      key: "pqwjuv"
+    }
+  ]
+], Ce = Pe("notebook-pen", ke), 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 = pe(
+  "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 Se = se(
+  function({
+    id: s,
+    notes: x,
+    onAddNote: l,
+    currentNoteId: c,
+    currentNoteKey: S,
+    composer: f = "rich",
+    editorToolbar: L = "standard",
+    redactor: B,
+    imageUploadUrl: W,
+    showClinicalToggle: I = !0,
+    canAddClinicalNote: m = !0,
+    clinicalGatedReason: E,
+    defaultClinical: P = !1,
+    onRequestAiDraft: D,
+    aiDraftFormat: G,
+    aiPrivacyNotice: Y,
+    onDictate: F,
+    onProofread: J,
+    onAutoFormat: O,
+    onTogglePin: g,
+    onToggleFlag: h,
+    title: Q,
+    composerPlaceholder: U,
+    addNoteLabel: X,
+    emptyState: Z,
+    className: $,
+    "aria-label": k,
+    ...ee
+  }, te) {
+    const { t: o } = fe(), C = r(null), [d, N] = T(""), [b, j] = T(P), ne = Q ?? o("notesPanel.title", { defaultValue: "Notes" }), V = oe(), M = U ?? o("notesPanel.placeholder", { defaultValue: "Add a note…" }), H = o("notesPanel.composerLabel", {
+      defaultValue: "New note"
+    }), ae = f === "rich" ? z(d) : d.trim().length > 0, ie = le(() => {
+      var e, t;
+      if (l) {
+        if (f === "rich") {
+          const a = ((e = C.current) == null ? void 0 : e.getHTML()) ?? d;
+          if (!z(a)) return;
+          l({ content: a, clinical: b }), (t = C.current) == null || t.clear();
+        } else {
+          const a = d.trim();
+          if (!a) return;
+          l({ content: a, clinical: b });
+        }
+        N(""), j(P);
+      }
+    }, [f, d, b, P, l]), _ = [...x].sort(
+      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
+    ), w = r(null);
+    ce(() => {
+      var e, t;
+      c && ((e = w.current) == null || e.scrollIntoView({ block: "center" }), (t = w.current) == null || t.focus());
+    }, [c, S]);
+    const q = r(x);
+    q.current = x;
+    const u = r(l);
+    u.current = l;
+    const v = r(g);
+    v.current = g;
+    const y = r(h);
+    y.current = h;
+    const R = r(m);
+    R.current = m;
+    const A = r(c);
+    A.current = c;
+    const K = r(null);
+    de(te, () => K.current, []);
+    const re = ue(
+      () => ({
+        // Ids + flags only — never the note body or author (both PHI).
+        getNotes: () => q.current.map((e) => ({
+          id: e.id,
+          pinned: !!e.pinned,
+          flagged: !!e.flagged,
+          clinical: !!e.clinical
+        })),
+        canAddNote: () => !!u.current,
+        canAddClinical: () => R.current,
+        getCurrentNoteId: () => A.current ?? null,
+        addNote: (e) => {
+          var t;
+          e.clinical && !R.current || (t = u.current) == null || t.call(u, e);
+        },
+        togglePin: (e) => {
+          var t;
+          return (t = v.current) == null ? void 0 : t.call(v, e);
+        },
+        toggleFlag: (e) => {
+          var t;
+          return (t = y.current) == null ? void 0 : t.call(y, e);
+        }
+      }),
+      []
+    );
+    return me(Ne, re, s), /* @__PURE__ */ p(
+      "section",
+      {
+        ref: K,
+        "data-component": "notes-panel",
+        "data-component-id": s,
+        "aria-labelledby": k ? void 0 : V,
+        "aria-label": k,
+        className: ["ds:flex ds:flex-col", $].filter(Boolean).join(" "),
+        ...ee,
+        children: [
+          /* @__PURE__ */ i(
+            xe,
+            {
+              title: ne,
+              icon: /* @__PURE__ */ i(Ce, { "aria-hidden": "true" }),
+              headingId: k ? void 0 : V,
+              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__ */ i(
+                he,
+                {
+                  ref: C,
+                  ariaLabel: H,
+                  placeholder: M,
+                  toolbar: L,
+                  minHeight: "sm",
+                  redactor: B,
+                  imageUploadUrl: W,
+                  onChange: ({ html: e }) => N(e),
+                  onRequestAiDraft: D,
+                  aiDraftFormat: G,
+                  aiPrivacyNotice: Y,
+                  onDictate: F,
+                  onProofread: J,
+                  onAutoFormat: O
+                }
+              ) : /* @__PURE__ */ i(
+                be,
+                {
+                  value: d,
+                  onChange: (e) => N(e.target.value),
+                  placeholder: M,
+                  autoResize: !0,
+                  minRows: 2,
+                  maxRows: 6,
+                  "aria-label": H
+                }
+              ),
+              /* @__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__ */ i(
+                      ye,
+                      {
+                        size: "sm",
+                        label: o("notesPanel.clinicalToggle", {
+                          defaultValue: "Clinical note"
+                        }),
+                        checked: b,
+                        onCheckedChange: (e) => j(e === !0),
+                        disabled: !m,
+                        disabledReason: m ? void 0 : E ?? o("notesPanel.clinicalGated", {
+                          defaultValue: "You do not have permission to write clinical notes."
+                        })
+                      }
+                    ) : null,
+                    /* @__PURE__ */ i(
+                      ve,
+                      {
+                        type: "button",
+                        size: "sm",
+                        onClick: ie,
+                        disabled: !ae,
+                        children: X ?? o("notesPanel.add", { defaultValue: "Add note" })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }) : null,
+            _.length > 0 ? /* @__PURE__ */ i("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: _.map((e, t) => {
+              const a = c != null && e.id === c;
+              return /* @__PURE__ */ p(
+                "li",
+                {
+                  ref: a ? w : void 0,
+                  tabIndex: a ? -1 : void 0,
+                  "aria-current": a ? "true" : void 0,
+                  className: we({ current: a }),
+                  children: [
+                    a ? /* @__PURE__ */ i("span", { className: "ds:sr-only", children: o("notesPanel.current", {
+                      defaultValue: "Current note"
+                    }) }) : null,
+                    /* @__PURE__ */ i(
+                      ge,
+                      {
+                        surface: "elevated",
+                        truncate: !a,
+                        ...e,
+                        onTogglePin: g && e.id ? () => g(e.id) : void 0,
+                        onToggleFlag: h && e.id ? () => h(e.id) : void 0
+                      }
+                    )
+                  ]
+                },
+                e.id ?? t
+              );
+            }) }) : Z ?? /* @__PURE__ */ i("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: o("notesPanel.empty", { defaultValue: "No notes yet." }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  Se as N
+};
+//# sourceMappingURL=notes-panel-CCz0J140.js.map