@mieweb/ui 0.6.1 → 0.7.0-dev.179

package/dist/MedicationEditor-Bp4NLy7y.d.ts

@@ -0,0 +1,352 @@
+import * as React from 'react';
+
+/** Allergy category (FHIR AllergyIntolerance.category). */
+type AllergyType = 'drug' | 'food' | 'environmental' | 'other';
+/**
+ * Mechanism distinction (FHIR AllergyIntolerance.type): a true
+ * immune-mediated allergy vs a non-immune intolerance (e.g. GI upset).
+ * The distinction matters clinically — an intolerance mislabeled as an
+ * allergy causes unnecessary avoidance of first-line drugs.
+ */
+type AllergyKind = 'allergy' | 'intolerance';
+/** Reaction severity (FHIR reaction.severity). */
+type AllergySeverity = 'mild' | 'moderate' | 'severe';
+/** Coding-system reference for an allergen (RxNorm / FDB / SNOMED …). */
+interface AllergyCode {
+    system: string;
+    code: string;
+    display?: string;
+}
+/**
+ * A single allergy / intolerance.
+ *
+ * Loosely follows FHIR AllergyIntolerance: allergen (+ optional code),
+ * category, reaction, severity, onset, and clinical status.
+ */
+interface Allergy {
+    /** Stable unique id */
+    id: string;
+    /** Allergen display name, e.g. "penicillin" */
+    allergen: string;
+    /** Category — groups the list */
+    type?: AllergyType;
+    /** Allergy vs intolerance (FHIR AllergyIntolerance.type; default 'allergy') */
+    kind?: AllergyKind;
+    /** Reaction description, e.g. "hives" */
+    reaction?: string;
+    /** Reaction severity — drives the badge color */
+    severity?: AllergySeverity;
+    /** Onset date (display string) */
+    onsetDate?: string;
+    /** Free-text note */
+    note?: string;
+    /** Inactive/resolved entries render struck through */
+    inactive?: boolean;
+    /** Code reference (RxNorm/FDB for drugs, SNOMED otherwise) */
+    code?: AllergyCode;
+}
+/** Row actions revealed on hover. */
+type AllergyAction = 'correct' | 'note' | 'remove';
+interface AllergyListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'title'> {
+    /** Allergies to display (controlled) */
+    allergies: Allergy[];
+    /**
+     * No-known-allergies flag (NKA/NKDA). An empty list is ambiguous —
+     * "not asked" vs "asked, none" — so this is explicit tri-state:
+     * undefined = not recorded, true = no known allergies.
+     * Ignored when `allergies` is non-empty.
+     */
+    noKnownAllergies?: boolean;
+    /** Called when the no-known-allergies affordance is toggled */
+    onNoKnownAllergiesChange?: (value: boolean) => void;
+    /** Header title (pass null to hide) */
+    title?: string | null;
+    /** Row actions to show (default: all) */
+    actions?: AllergyAction[];
+    /** Called when a row action is clicked */
+    onAction?: (allergy: Allergy, action: AllergyAction) => void;
+    /**
+     * Called with the full new id order after a drag/keyboard reorder.
+     * Omit to disable reordering. Drops are restricted to the same
+     * category group.
+     */
+    onReorder?: (allergyIds: string[]) => void;
+    /** Custom add UI (e.g. an inline CodeLookup search) */
+    addSearch?: React.ReactNode;
+    /** Called when the "Add allergy" button is clicked (omit to hide) */
+    onAdd?: () => void;
+    /** Hide all action affordances (display only) */
+    readOnly?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+declare const ALLERGY_TYPE_LABELS: Record<AllergyType, string>;
+/**
+ * Allergy / intolerance list — presentational layer.
+ *
+ * Controlled: allergies come in via props; every interaction is reported
+ * through callbacks. Entries group by category (Drug → Food →
+ * Environmental → Other); severity renders as a colored badge; hover (or
+ * keyboard-focus) a row for Correct / Notes / Remove.
+ *
+ * The empty state is explicit tri-state via `noKnownAllergies` (NKA):
+ * an empty list shows "Allergy status not recorded" until the No Known
+ * Allergies affordance is confirmed — an empty list must never silently
+ * read as "no allergies".
+ *
+ * Pair with `AllergyManager` for the batteries-included experience.
+ */
+declare const AllergyList: React.ForwardRefExoticComponent<AllergyListProps & React.RefAttributes<HTMLDivElement>>;
+
+/** Reconciliation status of a medication. */
+type MedicationStatus = 'unreconciled' | 'taking' | 'taking-noncompliant' | 'not-taking' | 'unknown';
+/** Coding-system reference for a medication (RxNorm / FDB / NDC …). */
+interface MedicationCode {
+    /** Coding system, e.g. 'RxNORM', 'FDB', 'NDC' */
+    system: string;
+    /** Code within the system */
+    code: string;
+    /** Human-readable label the code was selected under */
+    display?: string;
+}
+/**
+ * A single medication in the presenting-medications list.
+ *
+ * Prescription-detail fields follow the NCPDP SCRIPT NewRx
+ * `MedicationPrescribed` composite — see the README for the field mapping.
+ * All are optional: a bare `{ id, name, status }` renders fine.
+ */
+interface Medication {
+    /** Stable unique id */
+    id: string;
+    /** Display name, e.g. "lisinopril 10 mg tablet" (NCPDP DrugDescription) */
+    name: string;
+    /** Patient-friendly instructions (NCPDP Sig / Directions) */
+    sig?: string;
+    /** Current reconciliation status */
+    status: MedicationStatus;
+    /** Whether the medication's end date has passed */
+    expired?: boolean;
+    /** Discontinued date (display string) — shown as "Discontinued on: date" */
+    discontinuedDate?: string;
+    /** Free-text note attached to the medication */
+    note?: string;
+    /** Follow-up task attached to the medication */
+    task?: string;
+    /** Code reference (RxNorm / FDB / NDC) */
+    code?: MedicationCode;
+    /** Strength, e.g. "10 mg" (Strength + StrengthUnitOfMeasure) */
+    strength?: string;
+    /** Dose form, e.g. "tablet" (DrugCoded/FormCode) */
+    doseForm?: string;
+    /** Quantity dispensed (Quantity/Value) */
+    quantity?: string;
+    /** Quantity unit of measure (Quantity/QuantityUnitOfMeasure) */
+    quantityUnit?: string;
+    /** Days supply (DaysSupply) */
+    daysSupply?: string;
+    /** Route of administration, e.g. "oral" */
+    route?: string;
+    /** Administration frequency, e.g. "Twice daily" */
+    frequency?: string;
+    /** As-needed flag (PRN) */
+    prn?: boolean;
+    /** Number of refills (NumberOfRefills) */
+    refills?: string;
+    /** Substitution / DAW: '0' permitted, '1' dispense as written */
+    substitution?: '0' | '1';
+    /** Start / written date (ISO yyyy-mm-dd) */
+    startDate?: string;
+    /** End date (ISO yyyy-mm-dd) */
+    endDate?: string;
+    /** Indication / diagnosis the medication treats */
+    indication?: string;
+    /** Note to pharmacy (Note) */
+    pharmacyNotes?: string;
+}
+/** Non-status row actions revealed on hover. */
+type MedicationAction = 'open' | 'correct' | 'refill' | 'add-task' | 'note' | 'remove' | 'move-up' | 'move-down';
+interface MedicationListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'title'> {
+    /** Medications to display (controlled — grouping is derived from status) */
+    medications: Medication[];
+    /** Header title (pass null to hide) */
+    title?: string | null;
+    /** Called when a status button is clicked on a row */
+    onStatusChange?: (medication: Medication, status: MedicationStatus) => void;
+    /** Called when a non-status row action is clicked */
+    onAction?: (medication: Medication, action: MedicationAction) => void;
+    /**
+     * Called with the full ordered list of medication ids after a drag —
+     * enables drag & drop reordering within a status group. The list renders in
+     * props order; persist the ids and feed them back in.
+     */
+    onReorder?: (medicationIds: string[]) => void;
+    /** Which non-status actions to show on each row (default: all) */
+    actions?: MedicationAction[];
+    /** Common medication names for the quick-add list (omit to hide) */
+    quickAddOptions?: string[];
+    /** Called when a quick-add option is clicked */
+    onQuickAdd?: (name: string) => void;
+    /** Called when "Other…" is clicked in the quick-add list */
+    onAddOther?: () => void;
+    /** Hide all action buttons (display only) */
+    readOnly?: boolean;
+    /** Message shown when the Unreconciled group is empty */
+    reconciledMessage?: string;
+    /** Message shown when the medication list has no entries at all */
+    emptyMessage?: string;
+    /**
+     * Custom add UI (e.g. an inline CodeLookup search) rendered in the
+     * add-medication section, before any quick-add pills. Use for
+     * patient-facing entry where suggested medications would be leading.
+     */
+    addSearch?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+declare const MEDICATION_STATUS_LABELS: Record<MedicationStatus, string>;
+/**
+ * Presenting-medications list with medication reconciliation.
+ *
+ * Controlled component: medications (with their statuses) come in via props;
+ * every user interaction is reported through callbacks. Rows are grouped by
+ * reconciliation status; hovering (or keyboard-focusing) a row reveals the
+ * status buttons and other row actions.
+ *
+ * @example
+ * ```tsx
+ * <MedicationList
+ *   medications={meds}
+ *   onStatusChange={(med, status) =>
+ *     setMeds((prev) =>
+ *       prev.map((m) => (m.id === med.id ? { ...m, status } : m))
+ *     )
+ *   }
+ *   onAction={(med, action) => handleAction(med, action)}
+ * />
+ * ```
+ */
+declare const MedicationList: React.ForwardRefExoticComponent<MedicationListProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * MedicationEditor — prescription editor modal for a `Medication`.
+ *
+ * Captures the NCPDP SCRIPT NewRx `MedicationPrescribed` field set and codes
+ * the drug via `CodeLookup` (RxNorm / FDB, offline). Used by
+ * `MedicationReconciliation` for both **Correct** (edit) and **Add
+ * Medication**, and usable directly:
+ *
+ * ```tsx
+ * <MedicationEditor
+ *   open={editing !== null}
+ *   medication={editing ?? undefined}
+ *   codeLookup={{ indexUrl: '/codify' }}
+ *   onClose={() => setEditing(null)}
+ *   onSave={(med) => upsert(med)}
+ * />
+ * ```
+ *
+ * NCPDP mapping (NewRx / MedicationPrescribed):
+ *
+ * | Editor field   | NCPDP element                          |
+ * |----------------|----------------------------------------|
+ * | Medication     | DrugDescription                        |
+ * | Code           | DrugCoded (ProductCode / DrugDBCode)   |
+ * | Strength       | Strength + StrengthUnitOfMeasure       |
+ * | Dose form      | DrugCoded/FormCode                     |
+ * | Quantity       | Quantity/Value                         |
+ * | Quantity unit  | Quantity/QuantityUnitOfMeasure         |
+ * | Days supply    | DaysSupply                             |
+ * | Directions     | Sig/SigText                            |
+ * | Refills        | NumberOfRefills                        |
+ * | Substitution   | Substitutions (0 permitted / 1 DAW)    |
+ * | Start date     | WrittenDate / EffectiveDate            |
+ * | Indication     | Diagnosis/Primary                      |
+ * | Pharmacy notes | Note                                   |
+ */
+
+/** Minimal shape of a CodeLookup selection the editor consumes. */
+interface MedicationLookupResult {
+    label: string;
+    codetype: string;
+    fullcode: string;
+}
+/**
+ * Structural subset of `CodeLookupProps` the editor uses. `CodeLookup`
+ * satisfies this — it is injected (not imported) because its Web Worker
+ * keeps it out of the library build (see CodeLookup/index.ts).
+ */
+interface MedicationLookupProps {
+    indexUrl: string;
+    locale?: string;
+    domains?: 'med'[];
+    bare?: boolean;
+    clearOnSelect?: boolean;
+    placeholder?: string;
+    initialQuery?: string;
+    initialSearch?: boolean;
+    onSelect?: (result: MedicationLookupResult) => void;
+    onFreeText?: (text: string) => void;
+}
+/** CodeLookup wiring for the editor (component injected by the consumer). */
+interface CodeLookupConfig {
+    /** The CodeLookup component: `import { CodeLookup } from '…/CodeLookup'` */
+    component: React.ComponentType<MedicationLookupProps>;
+    /** Base URL of the codify index, e.g. '/codify' */
+    indexUrl: string;
+    /** Shard locale (default 'en') */
+    locale?: string;
+}
+interface MedicationEditorProps {
+    /** Whether the editor is open */
+    open: boolean;
+    /** Medication being edited — omit for "add" mode */
+    medication?: Medication;
+    /**
+     * Codify shard location for RxNorm/FDB coding. Defaults to the ambient
+     * `CodeLookupProvider`; pass `false` to force a plain name input.
+     */
+    codeLookup?: CodeLookupConfig | false;
+    /** Called when the editor is dismissed without saving */
+    onClose: () => void;
+    /** Called with the complete medication on save */
+    onSave: (medication: Medication) => void;
+}
+/**
+ * Parse strength + dose form out of a coded drug label,
+ * e.g. "lisinopril 20 mg tablet" → { strength: '20 mg', doseForm: 'tablet' }.
+ */
+declare function parseMedicationLabel(label: string): {
+    strength?: string;
+    doseForm?: string;
+};
+/**
+ * Derive route / frequency / PRN from free-text sig,
+ * e.g. "1 tablet by mouth daily as needed" →
+ * { route: 'oral', frequency: 'Once daily', prn: true }.
+ */
+declare function parseSig(sig: string): {
+    route?: string;
+    frequency?: string;
+    prn: boolean;
+};
+/**
+ * Derive the label-parsed Medication fields — strength, dose form, and the
+ * form-implied quantity unit — from a drug display label,
+ * e.g. "lisinopril 10 mg tablet" → { strength: '10 mg', doseForm: 'tablet',
+ * quantityUnit: 'tablet' }.
+ */
+declare function labelToMedicationFields(label: string): Partial<Medication>;
+/**
+ * Derive Medication fields from a CodeLookup pick: name, code reference,
+ * and — parsed from the label — strength, dose form, and quantity unit.
+ * Used by the editor and by inline add-search flows.
+ */
+declare function lookupToMedicationFields(result: MedicationLookupResult): Partial<Medication>;
+declare function MedicationEditor({ open, medication, codeLookup, onClose, onSave, }: MedicationEditorProps): React.JSX.Element | null;
+
+export { type Allergy as A, type CodeLookupConfig as C, type Medication as M, type MedicationAction as a, ALLERGY_TYPE_LABELS as b, type AllergyAction as c, type AllergyCode as d, type AllergyKind as e, AllergyList as f, type AllergyListProps as g, type AllergySeverity as h, type AllergyType as i, MEDICATION_STATUS_LABELS as j, type MedicationCode as k, MedicationEditor as l, type MedicationEditorProps as m, MedicationList as n, type MedicationListProps as o, type MedicationLookupProps as p, type MedicationLookupResult as q, type MedicationStatus as r, labelToMedicationFields as s, lookupToMedicationFields as t, parseMedicationLabel as u, parseSig as v };

package/dist/MermaidBlock-7NK3AVK2.js

@@ -0,0 +1,6 @@
+export { MermaidBlock } from './chunk-T3RWXOCM.js';
+import './chunk-RHYIFIT5.js';
+import './chunk-ZVSW2KS6.js';
+import './chunk-F3SOEIN2.js';
+//# sourceMappingURL=MermaidBlock-7NK3AVK2.js.map
+//# sourceMappingURL=MermaidBlock-7NK3AVK2.js.map

package/dist/MermaidBlock-7NK3AVK2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidBlock-7NK3AVK2.js"}

package/dist/MermaidBlock-AFXNP5NK.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkCVC4NWFA_cjs = require('./chunk-CVC4NWFA.cjs');
+require('./chunk-CKD554XR.cjs');
+require('./chunk-A2QVQF54.cjs');
+require('./chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "MermaidBlock", {
+  enumerable: true,
+  get: function () { return chunkCVC4NWFA_cjs.MermaidBlock; }
+});
+//# sourceMappingURL=MermaidBlock-AFXNP5NK.cjs.map
+//# sourceMappingURL=MermaidBlock-AFXNP5NK.cjs.map

package/dist/MermaidBlock-AFXNP5NK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidBlock-AFXNP5NK.cjs"}

package/dist/SurveyBlock-6KRNKFH5.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkKBEKQMVY_cjs = require('./chunk-KBEKQMVY.cjs');
+require('./chunk-CKD554XR.cjs');
+require('./chunk-A2QVQF54.cjs');
+require('./chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "SurveyBlock", {
+  enumerable: true,
+  get: function () { return chunkKBEKQMVY_cjs.SurveyBlock; }
+});
+//# sourceMappingURL=SurveyBlock-6KRNKFH5.cjs.map
+//# sourceMappingURL=SurveyBlock-6KRNKFH5.cjs.map

package/dist/SurveyBlock-6KRNKFH5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SurveyBlock-6KRNKFH5.cjs"}

package/dist/SurveyBlock-NNDGXGG4.js

@@ -0,0 +1,6 @@
+export { SurveyBlock } from './chunk-I2W24RHW.js';
+import './chunk-RHYIFIT5.js';
+import './chunk-ZVSW2KS6.js';
+import './chunk-F3SOEIN2.js';
+//# sourceMappingURL=SurveyBlock-NNDGXGG4.js.map
+//# sourceMappingURL=SurveyBlock-NNDGXGG4.js.map

package/dist/SurveyBlock-NNDGXGG4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SurveyBlock-NNDGXGG4.js"}

package/dist/ag-grid.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk4ZU53GNR_cjs = require('./chunk-4ZU53GNR.cjs');
+var chunkUTYUT5YY_cjs = require('./chunk-UTYUT5YY.cjs');
 var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
 var React = require('react');
 var agGridReact = require('ag-grid-react');
@@ -219,7 +219,7 @@ function getNestedValue(obj, path) {
 }
 function getFaviconUrl(domain) {
   if (!domain || typeof domain !== "string") return null;
-  const cleanDomain = domain.replace(/^https?:\/\//, "").replace(/\/.*$/, "").trim();
+  const cleanDomain = domain.replace(/^https?:\/\//, "").split("/")[0].trim();
   if (!cleanDomain) return null;
   return `https://www.google.com/s2/favicons?domain=${cleanDomain}&sz=64`;
 }
@@ -424,7 +424,7 @@ function EmailRenderer(props) {
       className: "text-primary-800 dark:text-primary-400 inline-flex items-center gap-1.5 hover:underline",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk4ZU53GNR_cjs.Mail, { className: "h-3 w-3 opacity-60" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Mail, { className: "h-3 w-3 opacity-60" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value })
       ]
     }
@@ -441,7 +441,7 @@ function PhoneRenderer(props) {
       className: "text-foreground hover:text-primary-800 dark:hover:text-primary-400 inline-flex items-center gap-1.5",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk4ZU53GNR_cjs.Phone, { className: "h-3 w-3 text-green-500 opacity-70" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Phone, { className: "h-3 w-3 text-green-500 opacity-70" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayValue })
       ]
     }
@@ -461,7 +461,7 @@ function DomainRenderer(props) {
       className: "text-primary-800 dark:text-primary-400 inline-flex items-center gap-1.5 hover:underline",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk4ZU53GNR_cjs.Globe, { className: "h-3 w-3 opacity-60" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Globe, { className: "h-3 w-3 opacity-60" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: displayDomain })
       ]
     }
@@ -558,7 +558,7 @@ function BooleanRenderer(props) {
         isTrue ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-300"
       ),
       children: [
-        isTrue ? /* @__PURE__ */ jsxRuntime.jsx(chunk4ZU53GNR_cjs.CheckCircle, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk4ZU53GNR_cjs.Clock, { className: "h-3 w-3" }),
+        isTrue ? /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.CheckCircle, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Clock, { className: "h-3 w-3" }),
         isTrue ? "Yes" : "No"
       ]
     }