uhc-portal-components-react 0.1.26 → 0.1.27

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.1.27
+
+- Add generic `AllClinicalSections<Person|Animal>` organization with stack or
+  tab presentation, nested collapsible groups and host-controlled exclusions.
+- Keep family health history, care-team members, emergency contacts,
+  Encounters and IPS summary as independent navigation concepts while the host
+  supplies authorized clinical content.
+
 ## 0.1.26
 
 - Add a brand-neutral clinical document and Encounter explorer for an

package/README.md

@@ -58,6 +58,11 @@ The package deliberately exposes modules instead of a cloned application:
   journey navigation and renders either IPS or non-IPS sections with the same
   viewer. It never treats an Encounter as the clinical subject or performs
   authorization, fetching or persistence in the browser.
+- `AllClinicalSections<Person|Animal>`: lets each portal compose the same
+  authorized section views as a stack or tabs, nest collapsible subsections and
+  exclude inapplicable areas. Family history, care-team members and emergency
+  contacts remain independent; the organizer never follows another subject's
+  card or documents automatically.
 - `ClinicalArtifactEditor`: renders the same schema-driven clinical form for
   human and animal subjects. The host supplies its UHC/Vet schema,
   terminology-search adapter and authorized persistence callback. Selecting a

package/dist/AllClinicalSections.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+export declare const ClinicalSectionNavigationIds: Readonly<{
+    readonly IpsSummary: "ips-summary";
+    readonly Encounters: "encounters";
+    readonly HealthStatusAssessments: "health-status-assessments";
+    readonly HealthInsuranceInformation: "health-insurance-information";
+    readonly GoalsAndPreferences: "goals-and-preferences";
+    readonly FamilyHealthHistory: "family-health-history";
+    readonly ClinicalTests: "clinical-tests";
+    readonly ClinicalNotes: "clinical-notes";
+    readonly CareTeamMembers: "care-team-members";
+    readonly EmergencyContacts: "emergency-contacts";
+}>;
+export type ClinicalSectionNavigationId = typeof ClinicalSectionNavigationIds[keyof typeof ClinicalSectionNavigationIds];
+export type ClinicalSubjectKind = 'person' | 'animal';
+export type AllClinicalSectionDefinition<SubjectKind extends ClinicalSubjectKind> = Readonly<{
+    id: ClinicalSectionNavigationId | (string & {});
+    title: string;
+    description?: string;
+    content?: ReactNode;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    children?: readonly AllClinicalSectionDefinition<SubjectKind>[];
+}>;
+export type AllClinicalSectionsProps<SubjectKind extends ClinicalSubjectKind> = Readonly<{
+    subjectKind: SubjectKind;
+    title: string;
+    sections: readonly AllClinicalSectionDefinition<SubjectKind>[];
+    excludedSectionIds?: readonly string[];
+    presentation?: 'sections' | 'tabs';
+}>;
+/**
+ * Organizes host-provided clinical views without redefining their FHIR model.
+ *
+ * The host decides which sections apply to a person or animal, supplies only
+ * authorized content and may exclude sections. Family history, emergency
+ * contacts and care-team members remain independent domains; this component
+ * never follows another subject's card or document links automatically.
+ */
+export declare function AllClinicalSections<SubjectKind extends ClinicalSubjectKind>({ subjectKind, title, sections, excludedSectionIds, presentation, }: AllClinicalSectionsProps<SubjectKind>): import("react").JSX.Element;
+//# sourceMappingURL=AllClinicalSections.d.ts.map

package/dist/AllClinicalSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllClinicalSections.d.ts","sourceRoot":"","sources":["../src/AllClinicalSections.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,4BAA4B;;;;;;;;;;;EAW9B,CAAA;AAEX,MAAM,MAAM,2BAA2B,GAAG,OAAO,4BAA4B,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAA;AACxH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAErD,MAAM,MAAM,4BAA4B,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IAC3F,EAAE,EAAE,2BAA2B,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;CAChE,CAAC,CAAA;AAEF,MAAM,MAAM,wBAAwB,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IACvF,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;IAC9D,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACtC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CACnC,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,SAAS,mBAAmB,EAAE,EAC3E,WAAW,EACX,KAAK,EACL,QAAQ,EACR,kBAAuB,EACvB,YAAyB,GAC1B,EAAE,wBAAwB,CAAC,WAAW,CAAC,+BAqCvC"}

package/dist/AllClinicalSections.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export const ClinicalSectionNavigationIds = Object.freeze({
+    IpsSummary: 'ips-summary',
+    Encounters: 'encounters',
+    HealthStatusAssessments: 'health-status-assessments',
+    HealthInsuranceInformation: 'health-insurance-information',
+    GoalsAndPreferences: 'goals-and-preferences',
+    FamilyHealthHistory: 'family-health-history',
+    ClinicalTests: 'clinical-tests',
+    ClinicalNotes: 'clinical-notes',
+    CareTeamMembers: 'care-team-members',
+    EmergencyContacts: 'emergency-contacts',
+});
+/**
+ * Organizes host-provided clinical views without redefining their FHIR model.
+ *
+ * The host decides which sections apply to a person or animal, supplies only
+ * authorized content and may exclude sections. Family history, emergency
+ * contacts and care-team members remain independent domains; this component
+ * never follows another subject's card or document links automatically.
+ */
+export function AllClinicalSections({ subjectKind, title, sections, excludedSectionIds = [], presentation = 'sections', }) {
+    const visibleSections = sections.filter(({ id }) => !excludedSectionIds.includes(id));
+    const [selectedId, setSelectedId] = useState(visibleSections[0]?.id ?? '');
+    const selectedSection = visibleSections.find(({ id }) => id === selectedId) ?? visibleSections[0];
+    return (_jsxs("section", { className: "uhcp-all-clinical-sections", "data-subject-kind": subjectKind, children: [_jsx("h2", { children: title }), presentation === 'tabs' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "uhcp-all-clinical-tabs", role: "tablist", "aria-label": title, children: visibleSections.map((section) => (_jsx("button", { type: "button", role: "tab", "aria-selected": section.id === selectedSection?.id, "aria-controls": `uhcp-all-section-${section.id}`, onClick: () => setSelectedId(section.id), children: section.title }, section.id))) }), selectedSection ? (_jsx("div", { id: `uhcp-all-section-${selectedSection.id}`, role: "tabpanel", children: _jsx(ClinicalSection, { definition: selectedSection, excludedSectionIds: excludedSectionIds }) })) : null] })) : (_jsx("div", { className: "uhcp-all-clinical-stack", children: visibleSections.map((section) => (_jsx(ClinicalSection, { definition: section, excludedSectionIds: excludedSectionIds }, section.id))) }))] }));
+}
+function ClinicalSection({ definition, excludedSectionIds, }) {
+    const body = (_jsxs("div", { className: "uhcp-all-clinical-content", children: [definition.description ? _jsx("p", { children: definition.description }) : null, definition.content, definition.children?.filter(({ id }) => !excludedSectionIds.includes(id)).map((child) => (_jsx(ClinicalSection, { definition: child, excludedSectionIds: excludedSectionIds }, child.id)))] }));
+    if (definition.collapsible !== false) {
+        return (_jsxs("details", { className: "uhcp-all-clinical-section", open: definition.defaultOpen, children: [_jsx("summary", { children: definition.title }), body] }));
+    }
+    return (_jsxs("section", { className: "uhcp-all-clinical-section", "aria-labelledby": `uhcp-all-section-title-${definition.id}`, children: [_jsx("h3", { id: `uhcp-all-section-title-${definition.id}`, children: definition.title }), body] }));
+}

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
 export * from './ClinicalDocumentEncounterExplorer.js';
+export * from './AllClinicalSections.js';
 export * from './ClinicalArtifactEditor.js';
 export * from './VitalSignArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA"}

package/dist/index.js

@@ -9,6 +9,7 @@ export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
 export * from './ClinicalDocumentEncounterExplorer.js';
+export * from './AllClinicalSections.js';
 export * from './ClinicalArtifactEditor.js';
 export * from './VitalSignArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';

package/dist/styles.css

@@ -204,6 +204,17 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-document-tabs button[aria-pressed=true] { background:var(--uhcp-turquoise); color:#fff; }
 .uhcp-document-panel>article>header { align-items:start; border-bottom:1px solid var(--uhcp-border); display:flex; gap:1rem; justify-content:space-between; margin:1rem 0; padding-bottom:1rem; }
 .uhcp-document-panel>article>header time { color:var(--uhcp-muted); font-size:.8rem; white-space:nowrap; }
+.uhcp-all-clinical-sections { color:var(--uhcp-text); display:grid; gap:1rem; }
+.uhcp-all-clinical-sections>h2 { margin:0; }
+.uhcp-all-clinical-stack { display:grid; gap:.75rem; }
+.uhcp-all-clinical-section { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:1rem; padding:1rem; }
+.uhcp-all-clinical-section>summary { cursor:pointer; font-size:1.05rem; font-weight:800; }
+.uhcp-all-clinical-section>h3 { margin:0; }
+.uhcp-all-clinical-content { display:grid; gap:.75rem; padding-top:.85rem; }
+.uhcp-all-clinical-content>p { color:var(--uhcp-muted); margin:0; }
+.uhcp-all-clinical-tabs { display:flex; gap:.5rem; overflow:auto; }
+.uhcp-all-clinical-tabs button { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:999px; color:inherit; cursor:pointer; font:inherit; padding:.6rem .85rem; white-space:nowrap; }
+.uhcp-all-clinical-tabs button[aria-selected=true] { background:var(--uhcp-turquoise); color:#fff; }
 .uhcp-terminology-results ul { display:grid; gap:.35rem; list-style:none; margin:.25rem 0 0; padding:0; }
 .uhcp-terminology-results button { background:var(--uhcp-surface-muted); color:inherit; display:grid; text-align:start; width:100%; }
 .uhcp-terminology-results small { color:var(--uhcp-muted); display:block; font-weight:400; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
   "license": "Apache-2.0",
   "type": "module",