@ukiahinsure/a2ui-react-adapter 0.1.22 → 0.1.24

package/dist/index.js

@@ -55,6 +55,69 @@ var HospitalChoice = createComponentImplementation(ChoicePickerApi, ({ props, co
 import { useId as useId2, useLayoutEffect, useRef, useState } from "react";
 import { createComponentImplementation as createComponentImplementation2 } from "@a2ui/react/v0_9";
 import { DateTimeInputApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+// src/fieldLabel.ts
+var ACRONYMS = {
+  aep: "AEP",
+  champva: "CHAMPVA",
+  dob: "DOB",
+  hmo: "HMO",
+  id: "ID",
+  iep: "IEP",
+  lis: "LIS",
+  ma: "MA",
+  mapd: "MAPD",
+  mbi: "MBI",
+  npi: "NPI",
+  oep: "OEP",
+  pcp: "PCP",
+  pdp: "PDP",
+  ppo: "PPO",
+  sep: "SEP",
+  snp: "SNP",
+  ssn: "SSN",
+  tricare: "TRICARE",
+  url: "URL",
+  us: "US",
+  va: "VA",
+  zip: "ZIP"
+};
+var MINOR_WORDS = /* @__PURE__ */ new Set([
+  "a",
+  "an",
+  "and",
+  "for",
+  "in",
+  "of",
+  "on",
+  "or",
+  "the",
+  "to",
+  "with"
+]);
+function displayFieldLabel(field) {
+  const words = field.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[\s_-]+/).filter(Boolean);
+  return words.map((word, index) => displayFieldLabelWord(word, index, words[index - 1])).join(" ");
+}
+function readableLabel(label) {
+  return /^[a-z][a-z0-9]*(_[a-z0-9]+)+$/.test(label) ? displayFieldLabel(label) : label;
+}
+function displayFieldLabelWord(word, index, previous) {
+  const lower = word.toLowerCase();
+  if (previous?.toLowerCase() === "part" && /^[a-d]$/.test(lower)) {
+    return lower.toUpperCase();
+  }
+  const acronym = ACRONYMS[lower];
+  if (acronym !== void 0) {
+    return acronym;
+  }
+  if (index > 0 && MINOR_WORDS.has(lower)) {
+    return lower;
+  }
+  return lower.charAt(0).toUpperCase() + lower.slice(1);
+}
+
+// src/DateTimeInput.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var inputStyle = {
   backgroundColor: "var(--a2ui-datetimeinput-background, var(--a2ui-color-input, #fff))",
@@ -167,7 +230,7 @@ function DateOnlyInput(props) {
           "button",
           {
             type: "button",
-            "aria-label": `Choose ${props.label || "date"} from calendar`,
+            "aria-label": `Choose ${props.label ? readableLabel(props.label) : "date"} from calendar`,
             style: inputStyle,
             onClick: () => openPicker(pickerRef.current, () => setPickerOpen(true)),
             children: "\u25A6"
@@ -178,7 +241,7 @@ function DateOnlyInput(props) {
           {
             ref: pickerRef,
             type: "date",
-            "aria-label": `${props.label || "Date"} calendar`,
+            "aria-label": `${props.label ? readableLabel(props.label) : "Date"} calendar`,
             tabIndex: pickerOpen ? 0 : -1,
             "aria-hidden": !pickerOpen,
             "data-a2ui-calendar-input": "true",
@@ -2121,6 +2184,12 @@ function currentQuestionElement(root) {
   }
   return container !== null && container !== root && root.contains(container) ? container : action;
 }
+var RENDERER_CONTROL_SELECTOR = "input:not([data-a2ui-loop-edit-input]), select, textarea";
+function addsRendererControl(record) {
+  return [...record.addedNodes].some(
+    (node) => node instanceof Element && (node.matches(RENDERER_CONTROL_SELECTOR) || node.querySelector(RENDERER_CONTROL_SELECTOR) !== null)
+  );
+}
 function textOf(element) {
   return (element.textContent ?? "").replace(/\s+/g, "");
 }
@@ -2665,6 +2734,21 @@ function formatFieldLabels(root) {
     originals.set(element, element.textContent ?? "");
     element.textContent = displayFieldLabel(field);
   }
+  const fields = new Set(
+    [...root.querySelectorAll("[data-a2ui-field]")].map((control) => control.dataset.a2uiField).filter((field) => field !== void 0)
+  );
+  for (const element of root.querySelectorAll("*")) {
+    if (element.childElementCount !== 0 || originals.has(element)) {
+      continue;
+    }
+    const text = element.textContent ?? "";
+    const match = /^(\s*)([A-Za-z][A-Za-z0-9_]*)(\s+\S[\s\S]*)$/.exec(text);
+    if (match === null || !fields.has(match[2]) || !match[2].includes("_")) {
+      continue;
+    }
+    originals.set(element, text);
+    element.textContent = `${match[1]}${displayFieldLabel(match[2])}${match[3]}`;
+  }
   return () => {
     for (const [label, text] of originals) {
       label.textContent = text;
@@ -3355,28 +3439,6 @@ function labelElementForControl(root, control) {
   const label = root.ownerDocument.getElementById(labelledBy);
   return label instanceof HTMLElement && root.contains(label) ? label : void 0;
 }
-function displayFieldLabel(field) {
-  const words = field.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[\s_-]+/).filter(Boolean);
-  return words.map((word, index) => displayFieldLabelWord(word, index)).join(" ");
-}
-function displayFieldLabelWord(word, index) {
-  const lower = word.toLowerCase();
-  const acronyms = {
-    dob: "DOB",
-    id: "ID",
-    ssn: "SSN",
-    url: "URL",
-    us: "US",
-    zip: "ZIP"
-  };
-  if (lower in acronyms) {
-    return acronyms[lower];
-  }
-  if (index > 0 && ["a", "an", "and", "for", "in", "of", "on", "or", "the", "to", "with"].includes(lower)) {
-    return lower;
-  }
-  return lower.charAt(0).toUpperCase() + lower.slice(1);
-}
 function cssString(value) {
   return globalThis.CSS?.escape?.(value) ?? value.replace(/["\\]/g, "\\$&");
 }
@@ -3422,6 +3484,30 @@ function enhanceTabs(root, tabs, navigation, viewedSectionId, frameId, onPanelCh
     });
     panel.setAttribute("aria-labelledby", selected.id);
     onPanelChange();
+    watchPanelRender();
+  };
+  let panelObserver;
+  let panelObserverTimer;
+  const stopWatchingPanel = () => {
+    panelObserver?.disconnect();
+    panelObserver = void 0;
+    if (panelObserverTimer !== void 0) {
+      globalThis.clearTimeout(panelObserverTimer);
+      panelObserverTimer = void 0;
+    }
+  };
+  const watchPanelRender = () => {
+    stopWatchingPanel();
+    if (typeof MutationObserver === "undefined") {
+      return;
+    }
+    panelObserver = new MutationObserver((records) => {
+      if (records.some(addsRendererControl)) {
+        onPanelChange();
+      }
+    });
+    panelObserver.observe(panel, { childList: true, subtree: true });
+    panelObserverTimer = globalThis.setTimeout(stopWatchingPanel, 3e3);
   };
   buttons.forEach((button, index) => {
     button.dataset.a2uiTab = statuses[index];
@@ -3464,6 +3550,7 @@ function enhanceTabs(root, tabs, navigation, viewedSectionId, frameId, onPanelCh
   synchronizingRenderer = false;
   activate(selectedIndex);
   return () => {
+    stopWatchingPanel();
     for (const remove of listeners) {
       remove();
     }