@mieweb/ui 0.10.0-dev.40 → 0.10.0-dev.41

package/dist/index.js

@@ -169,7 +169,7 @@ export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, mod
 import './chunk-6NZXWKUE.js';
 import { Input, inputVariants } from './chunk-3IMM2PM4.js';
 export { Input, RequiredMark, floatingGroupLabelVariants, floatingGroupVariants, floatingLabelVariants, inputVariants } from './chunk-3IMM2PM4.js';
-import { useDragReorder, dragIndicatorClasses, reorderIds } from './chunk-YUMOM3KE.js';
+import { useDragReorder, reorderIds, dragIndicatorClasses } from './chunk-YUMOM3KE.js';
 export { DEFAULT_DRAG_REORDER_LABELS, dragIndicatorClasses, moveIdBy, reorderIds, useDragReorder } from './chunk-YUMOM3KE.js';
 import { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
 export { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
@@ -185,7 +185,7 @@ import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './c
 export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from './chunk-RC2YMOMS.js';
 import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
-import { Plus, GripVertical, RefreshCw, Pencil, Trash2, AlertCircle, ArrowLeft, Users, FilePlus, CheckCircle, ChevronDown, Clock, FileText, ClipboardList, Stethoscope, Mail, Phone, ClipboardCheck, Eye, Info, Link, ChevronUp, History, StickyNote, ExternalLink, MoreVertical, Send, Scan, TestTube2, Pill, Share, User, Download, ChevronRight, Calendar, Printer, ClipboardPlus, FileCheck, Wheat, Bell, FileHeart, HeartPulse, Paperclip, HelpCircle, MoreHorizontal, AlertTriangle, Upload as Upload$1, Camera, Check as Check$1, X as X$1, ScanLine, Image } from './chunk-BKSPDTX4.js';
+import { Plus, RefreshCw, Pencil, GripVertical, Trash2, AlertCircle, ArrowLeft, Users, FilePlus, CheckCircle, ChevronDown, Clock, FileText, ClipboardList, Stethoscope, Mail, Phone, ClipboardCheck, Eye, Info, Link, ChevronUp, History, StickyNote, ExternalLink, MoreVertical, Send, Scan, TestTube2, Pill, Share, User, Download, ChevronRight, Calendar, Printer, ClipboardPlus, FileCheck, Wheat, Bell, FileHeart, HeartPulse, Paperclip, HelpCircle, MoreHorizontal, AlertTriangle, Upload as Upload$1, Camera, Check as Check$1, X as X$1, ScanLine, Image } from './chunk-BKSPDTX4.js';
 export { Accessibility as AccessibilityIcon, Activity as ActivityIcon, AlertCircle as AlertCircleIcon, AlertTriangle as AlertTriangleIcon, Wheat as AllergyIcon, WheatOff as AllergyOffIcon, Ambulance as AmbulanceIcon, ArrowLeft as ArrowLeftIcon, ArrowRight as ArrowRightIcon, ArrowUpDown as ArrowUpDownIcon, ArrowUp as ArrowUpIcon, AtSign as AtSignIcon, Baby as BabyIcon, BadgeAlert as BadgeAlertIcon, BadgeCheck as BadgeCheckIcon, BadgeMinus as BadgeMinusIcon, BadgePlus as BadgePlusIcon, BadgeX as BadgeXIcon, Ban as BanIcon, Bandage as BandageIcon, BedDouble as BedDoubleIcon, Bed as BedIcon, BedSingle as BedSingleIcon, Bell as BellIcon, BellOff as BellOffIcon, Biohazard as BiohazardIcon, Bone as BoneIcon, BookOpenCheck as BookOpenCheckIcon, BookOpen as BookOpenIcon, Bookmark as BookmarkIcon, Bot as BotIcon, Brain as BrainIcon, Briefcase as BriefcaseIcon, BriefcaseMedical as BriefcaseMedicalIcon, Building as BuildingIcon, CalendarCheck as CalendarCheckIcon, Calendar as CalendarIcon, Camera as CameraIcon, Cannabis as CannabisIcon, BarChart3 as ChartIcon, CheckCircle as CheckCircleIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, Cigarette as CigaretteIcon, CigaretteOff as CigaretteOffIcon, CircleDotDashed as CircleDotDashedIcon, CircleDot as CircleDotIcon, CircleUser as CircleUserIcon, ClipboardCheck as ClipboardCheckIcon, Clipboard as ClipboardIcon, ClipboardList as ClipboardListIcon, ClipboardPlus as ClipboardPlusIcon, Clock as ClockIcon, Cog as CogIcon, Columns as ColumnsIcon, Copy as CopyIcon, CreditCard as CreditCardIcon, Cross as CrossIcon, Dna as DnaIcon, DollarSign as DollarSignIcon, Download as DownloadIcon, Droplet as DropletIcon, Droplets as DropletsIcon, Ear as EarIcon, ExternalLink as ExternalLinkIcon, Eye as EyeIcon, EyeOff as EyeOffIcon, FileCheck2 as FileCheck2Icon, FileCheck as FileCheckIcon, FileHeart as FileHeartIcon, File as FileIcon, FilePlus2 as FilePlus2Icon, FilePlus as FilePlusIcon, FileText as FileTextIcon, Filter as FilterIcon, Fingerprint as FingerprintIcon, Flag as FlagIcon, FlaskConical as FlaskIcon, FlaskRound as FlaskRoundIcon, Folder as FolderIcon, FolderOpen as FolderOpenIcon, Footprints as FootprintsIcon, Glasses as GlassesIcon, Globe as GlobeIcon, LayoutGrid as GridIcon, GripVertical as GripVerticalIcon, Hand as HandIcon, HandMetal as HandMetalIcon, Hash as HashIcon, Heart as HeartIcon, HeartOff as HeartOffIcon, HeartPulse as HeartPulseIcon, HelpCircle as HelpCircleIcon, History as HistoryIcon, Home as HomeIcon, Hospital as HospitalIcon, Image as ImageIcon, Info as InfoIcon, Key as KeyIcon, Link as LinkIcon, List as ListIcon, Loader2 as LoaderIcon, Lock as LockIcon, LogIn as LogInIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Maximize as MaximizeIcon, Menu as MenuIcon, MessageSquare as MessageIcon, Mic as MicIcon, Microscope as MicroscopeIcon, Minimize as MinimizeIcon, Minus as MinusIcon, Monitor as MonitorIcon, Moon as MoonIcon, MoreHorizontal as MoreHorizontalIcon, MoreVertical as MoreVerticalIcon, NotebookPen as NotebookPenIcon, Palette as PaletteIcon, Paperclip as PaperclipIcon, CircleUserRound as PatientIcon, Pencil as PencilIcon, UserRound as PersonIcon, Phone as PhoneIcon, PieChart as PieChartIcon, Pill as PillIcon, Plus as PlusIcon, Printer as PrinterIcon, Radiation as RadiationIcon, Ruler as RulerIcon, Save as SaveIcon, Scale as ScaleIcon, Scaling as ScalingIcon, ScanEye as ScanEyeIcon, Scan as ScanIcon, ScanLine as ScanLineIcon, Search as SearchIcon, Settings as SettingsIcon, Share as ShareIcon, ShieldCheck as ShieldCheckIcon, Shield as ShieldIcon, ShieldPlus as ShieldPlusIcon, Sliders as SlidersIcon, Sparkle as SparkleIcon, Star as StarIcon, Stethoscope as StethoscopeIcon, StickyNote as StickyNoteIcon, Square as StopIcon, Sun as SunIcon, Syringe as SyringeIcon, Table as TableIcon, Tablets as TabletsIcon, Tag as TagIcon, TestTube2 as TestTubeIcon, TestTubes as TestTubesIcon, Thermometer as ThermometerIcon, ThermometerSun as ThermometerSunIcon, ThumbsDown as ThumbsDownIcon, ThumbsUp as ThumbsUpIcon, Timer as TimerIcon, Trash2 as TrashIcon, TrendingDown as TrendingDownIcon, TrendingUp as TrendingUpIcon, Truck as TruckIcon, Unlock as UnlockIcon, Upload as UploadIcon, UserCheck as UserCheckIcon, User as UserIcon, UserMinus as UserMinusIcon, UserPlus as UserPlusIcon, UserRoundCheck as UserRoundCheckIcon, UserRoundMinus as UserRoundMinusIcon, UserRoundPlus as UserRoundPlusIcon, UserRoundX as UserRoundXIcon, Users as UsersIcon, Weight as WeightIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, X2 as XIcon, Zap as ZapIcon } from './chunk-BKSPDTX4.js';
 import { usePrefersReducedMotion } from './chunk-XDU65GLW.js';
 export { usePrefersReducedMotion } from './chunk-XDU65GLW.js';
@@ -8299,6 +8299,13 @@ var Assessment = React13.forwardRef(
     showPlan = true,
     onShowPlanChange,
     onAction,
+    rowActions = [
+      ...Object.keys(ACTION_META2),
+      "remove",
+      "move"
+    ],
+    orderActions = ["edit", "remove", "move"],
+    addModes,
     onRemoveAssessment,
     onAddOrder,
     onAddAssessment,
@@ -8318,12 +8325,25 @@ var Assessment = React13.forwardRef(
   }, ref) => {
     const instanceId = React13.useId();
     const [addingFor, setAddingFor] = React13.useState(null);
-    const [addMode, setAddMode] = React13.useState(
-      defaultAddMode
-    );
+    const requestedAddModes = addModes ?? [
+      "auto",
+      "problem",
+      "order"
+    ];
+    const availableAddModes = requestedAddModes.filter((mode) => {
+      if (mode === "problem") return Boolean(onAddAssessment);
+      if (mode === "order") return Boolean(onAddOrder);
+      return Boolean(onAddAssessment && onAddOrder);
+    });
+    const initialAddMode = availableAddModes.includes(defaultAddMode) ? defaultAddMode : availableAddModes[0] ?? defaultAddMode;
+    const [selectedAddMode, setSelectedAddMode] = React13.useState(initialAddMode);
+    const addMode = availableAddModes.includes(selectedAddMode) ? selectedAddMode : availableAddModes[0] ?? defaultAddMode;
     const [pendingFreeText, setPendingFreeText] = React13.useState(
       null
     );
+    React13.useEffect(() => {
+      if (addMode !== "auto") setPendingFreeText(null);
+    }, [addMode]);
     const [announcement, setAnnouncement] = useLiveAnnouncement();
     const ambientCodeLookup = useCodeLookupConfig();
     const effectiveRenderOrderSearch = renderOrderSearch === false ? void 0 : renderOrderSearch ?? (ambientCodeLookup ? contextOrderSearch(ambientCodeLookup) : void 0);
@@ -8335,9 +8355,13 @@ var Assessment = React13.forwardRef(
     const unlinkedOrders = orders.filter(
       (o) => !o.concernId || !items.some((i) => i.concernId === o.concernId)
     );
+    const toolbarActions = rowActions.filter(
+      (action) => action in ACTION_META2 && (action === "add-order" ? Boolean(onAddOrder || onAction) : Boolean(onAction))
+    );
+    const showConcernToolbar = toolbarActions.length > 0 || rowActions.includes("remove") && Boolean(onRemoveAssessment);
     const drag = useDragReorder({
       ids: items.map((i) => i.concernId),
-      onReorder: readOnly || !onReorderItems ? void 0 : (ids) => {
+      onReorder: readOnly || !rowActions.includes("move") || !onReorderItems ? void 0 : (ids) => {
         setAnnouncement("Assessment concerns reordered");
         onReorderItems(ids);
       }
@@ -8351,7 +8375,7 @@ var Assessment = React13.forwardRef(
       [concernById, items]
     );
     const orderControls = readOnly ? void 0 : {
-      moveWithin: onReorderOrders ? (order, dir) => {
+      moveWithin: orderActions.includes("move") && onReorderOrders ? (order, dir) => {
         const planIds = orders.filter((o) => o.concernId === order.concernId).map((o) => o.orderId);
         const i = planIds.indexOf(order.orderId);
         const target = planIds[i + dir];
@@ -8368,18 +8392,18 @@ var Assessment = React13.forwardRef(
           `${order.display} moved ${dir === -1 ? "up" : "down"}`
         );
       } : void 0,
-      moveToProblem: onLinkOrder ? (order, concernId) => {
+      moveToProblem: orderActions.includes("move") && onLinkOrder ? (order, concernId) => {
         onLinkOrder(order, concernId);
         setAnnouncement(
           `${order.display} moved to ${problemLabel(concernId)}`
         );
       } : void 0,
-      edit: onEditOrder ? (order, changes) => {
+      edit: orderActions.includes("edit") && onEditOrder ? (order, changes) => {
         onEditOrder(order, changes);
         setAnnouncement(`${changes.display} updated`);
       } : void 0,
-      editStart: onEditOrderStart,
-      remove: onRemoveOrder ? (order) => {
+      editStart: orderActions.includes("edit") ? onEditOrderStart : void 0,
+      remove: orderActions.includes("remove") && onRemoveOrder ? (order) => {
         onRemoveOrder(order);
         setAnnouncement(`${order.display} removed`);
       } : void 0,
@@ -8393,7 +8417,7 @@ var Assessment = React13.forwardRef(
         label: problemLabel(it.concernId)
       }))
     };
-    const orderDragEnabled = !readOnly && Boolean(onReorderOrders || onLinkOrder);
+    const orderDragEnabled = !readOnly && orderActions.includes("move") && Boolean(onReorderOrders || onLinkOrder);
     const [draggingOrderId, setDraggingOrderId] = React13.useState(
       null
     );
@@ -8578,7 +8602,7 @@ var Assessment = React13.forwardRef(
                           /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: assertion.text }),
                           assertion.verificationStatus !== "confirmed" && /* @__PURE__ */ jsx(Badge, { variant: "warning", size: "sm", children: assertion.verificationStatus }),
                           /* @__PURE__ */ jsx(CodingChips, { coding: assertion.coding }),
-                          !readOnly && (onAction || onAddOrder || onRemoveAssessment) && /* @__PURE__ */ jsxs(
+                          !readOnly && showConcernToolbar && /* @__PURE__ */ jsxs(
                             RowActionToolbar,
                             {
                               label: `Actions for ${assertion.text}`,
@@ -8590,36 +8614,30 @@ var Assessment = React13.forwardRef(
                                 "pointer-fine:group-has-[[data-order-id]:focus-within]:opacity-0"
                               ),
                               children: [
-                                Object.keys(ACTION_META2).map(
-                                  (action) => {
-                                    const meta = ACTION_META2[action];
-                                    if (action !== "add-order" && !onAction)
-                                      return null;
-                                    if (action === "add-order" && !onAddOrder && !onAction)
-                                      return null;
-                                    return /* @__PURE__ */ jsx(
-                                      RowIconButton,
-                                      {
-                                        label: meta.label,
-                                        icon: meta.icon,
-                                        size: "sm",
-                                        expanded: action === "add-order" && onAddOrder ? addingFor === item.concernId : void 0,
-                                        controls: action === "add-order" && onAddOrder ? addOrderFormId : void 0,
-                                        onClick: () => {
-                                          if (action === "add-order" && onAddOrder) {
-                                            setAddingFor(
-                                              (prev) => prev === item.concernId ? null : item.concernId
-                                            );
-                                          } else {
-                                            onAction?.(item, action);
-                                          }
+                                toolbarActions.map((action) => {
+                                  const meta = ACTION_META2[action];
+                                  return /* @__PURE__ */ jsx(
+                                    RowIconButton,
+                                    {
+                                      label: meta.label,
+                                      icon: meta.icon,
+                                      size: "sm",
+                                      expanded: action === "add-order" && onAddOrder ? addingFor === item.concernId : void 0,
+                                      controls: action === "add-order" && onAddOrder ? addOrderFormId : void 0,
+                                      onClick: () => {
+                                        if (action === "add-order" && onAddOrder) {
+                                          setAddingFor(
+                                            (prev) => prev === item.concernId ? null : item.concernId
+                                          );
+                                        } else {
+                                          onAction?.(item, action);
                                         }
-                                      },
-                                      action
-                                    );
-                                  }
-                                ),
-                                onRemoveAssessment && /* @__PURE__ */ jsx(
+                                      }
+                                    },
+                                    action
+                                  );
+                                }),
+                                rowActions.includes("remove") && onRemoveAssessment && /* @__PURE__ */ jsx(
                                   RowIconButton,
                                   {
                                     label: `Remove ${assertion.text} from assessment`,
@@ -8677,7 +8695,7 @@ var Assessment = React13.forwardRef(
                 item.concernId
               );
             }) }),
-            !readOnly && effectiveRenderOrderSearch && (onAddAssessment || onAddOrder) && /* @__PURE__ */ jsxs(
+            !readOnly && availableAddModes.length > 0 && effectiveRenderOrderSearch && (onAddAssessment || onAddOrder) && /* @__PURE__ */ jsxs(
               "div",
               {
                 role: "form",
@@ -8691,7 +8709,7 @@ var Assessment = React13.forwardRef(
                       "data-slot": "select-trigger",
                       value: addMode,
                       onChange: (e) => {
-                        setAddMode(e.target.value);
+                        setSelectedAddMode(e.target.value);
                         setPendingFreeText(null);
                       },
                       className: cn(
@@ -8699,9 +8717,9 @@ var Assessment = React13.forwardRef(
                         "focus:ring-ring focus:ring-2 focus:outline-none"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx("option", { value: "auto", children: "Add (auto)" }),
-                        onAddAssessment && /* @__PURE__ */ jsx("option", { value: "problem", children: "Add concern" }),
-                        onAddOrder && /* @__PURE__ */ jsx("option", { value: "order", children: "Add order" })
+                        availableAddModes.includes("auto") && /* @__PURE__ */ jsx("option", { value: "auto", children: "Add (auto)" }),
+                        availableAddModes.includes("problem") && onAddAssessment && /* @__PURE__ */ jsx("option", { value: "problem", children: "Add concern" }),
+                        availableAddModes.includes("order") && onAddOrder && /* @__PURE__ */ jsx("option", { value: "order", children: "Add order" })
                       ]
                     }
                   ),
@@ -8753,7 +8771,7 @@ var Assessment = React13.forwardRef(
                       }
                     }
                   }) }),
-                  pendingFreeText !== null && /* @__PURE__ */ jsxs(
+                  addMode === "auto" && pendingFreeText !== null && /* @__PURE__ */ jsxs(
                     "div",
                     {
                       role: "group",