@mieweb/ui 0.7.2-dev.4 → 0.7.2-dev.6

package/dist/components/CountryCodeDropdown/index.d.ts

@@ -23,6 +23,8 @@ interface CountryCodeDropdownProps {
     placement?: 'bottom-start' | 'bottom-end';
     /** Placeholder text for the search field */
     searchPlaceholder?: string;
+    /** id for the trigger button, enabling `<label htmlFor>` association */
+    id?: string;
     /** Label for accessibility — visually hidden */
     'aria-label'?: string;
 }
@@ -51,6 +53,8 @@ declare function formatE164(phoneNumber: string, countryCode: string): string;
  * Uses Google's libphonenumber for the canonical country/code list and provides
  * a `validatePhoneNumber` helper for phone validation.
  *
+ * For a country selector without dial codes, use `CountryDropdown`.
+ *
  * @example
  * ```tsx
  * const [country, setCountry] = useState<CountryData>();
@@ -61,7 +65,7 @@ declare function formatE164(phoneNumber: string, countryCode: string): string;
  * </div>
  * ```
  */
-declare function CountryCodeDropdown({ value, onChange, disabled, className, placement, searchPlaceholder, 'aria-label': ariaLabel, }: CountryCodeDropdownProps): react_jsx_runtime.JSX.Element;
+declare function CountryCodeDropdown(props: CountryCodeDropdownProps): react_jsx_runtime.JSX.Element;
 declare namespace CountryCodeDropdown {
     var displayName: string;
 }

package/dist/components/CountryCodeDropdown/index.js

@@ -1,4 +1,4 @@
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-BMRQ4VME.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-4PIW3Y5M.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-BOOJDRJO.js';

package/dist/index.cjs

@@ -51,8 +51,8 @@ require('./chunk-RHNPILZQ.cjs');
 var chunkS3MKIDYG_cjs = require('./chunk-S3MKIDYG.cjs');
 var chunkX4LBUPJO_cjs = require('./chunk-X4LBUPJO.cjs');
 var chunkIUDY6S7I_cjs = require('./chunk-IUDY6S7I.cjs');
-var chunkVVI32P7L_cjs = require('./chunk-VVI32P7L.cjs');
-var chunkHVIQZZ47_cjs = require('./chunk-HVIQZZ47.cjs');
+var chunkSPWVKDGC_cjs = require('./chunk-SPWVKDGC.cjs');
+var chunkLJDBD2DD_cjs = require('./chunk-LJDBD2DD.cjs');
 var chunkEPQPUFS6_cjs = require('./chunk-EPQPUFS6.cjs');
 var chunkTVLZZI5Q_cjs = require('./chunk-TVLZZI5Q.cjs');
 var chunkZZJ4ZVYR_cjs = require('./chunk-ZZJ4ZVYR.cjs');
@@ -11276,6 +11276,9 @@ var defaultCaseManagementHeaderLabels = {
   daysOpenTerm: "Days Open",
   mrn: "MRN",
   dob: "DOB",
+  formatAge: (age) => `(${age} y.o.)`,
+  addCaseNote: "Add Case Note",
+  closeCase: "Close Case",
   back: "Go back",
   expandDetails: "Show case details",
   collapseDetails: "Hide case details",
@@ -11292,6 +11295,37 @@ function computeDaysOpen(openedDate) {
 function BarDivider() {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "bg-border h-4 w-px shrink-0" });
 }
+function HeaderActionButton({
+  label,
+  mobileIcon,
+  desktopLeftIcon,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkRDGRKYQ5_cjs.Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        onClick,
+        "aria-label": label,
+        className: "h-8 w-8 md:hidden",
+        children: mobileIcon
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkRDGRKYQ5_cjs.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick,
+        leftIcon: desktopLeftIcon,
+        className: "hidden md:inline-flex",
+        children: label
+      }
+    )
+  ] });
+}
 var CaseContextBar = React10__namespace.forwardRef(
   ({
     caseInfo,
@@ -11367,6 +11401,8 @@ var CaseManagementHeader = React10__namespace.forwardRef(
     sticky = false,
     showBackButton = false,
     onBack,
+    onAddCaseNote,
+    onCloseCase,
     actions,
     editingUsers,
     collabStatus,
@@ -11443,10 +11479,39 @@ var CaseManagementHeader = React10__namespace.forwardRef(
                     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground text-sm whitespace-nowrap", children: [
                       l.dob,
                       ": ",
-                      patient.dob ?? l.emptyValue
+                      patient.dob ?? l.emptyValue,
+                      patient.age != null && ` ${l.formatAge(patient.age)}`
                     ] })
                   ] }),
-                  actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions }),
+                  (onAddCaseNote || onCloseCase || actions) && // Horizontal always: long labels truncate (Button's built-in
+                  // ellipsis) instead of stacking or starving the identity block.
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    ButtonGroup,
+                    {
+                      orientation: "horizontal",
+                      className: "max-w-[60%] min-w-0 gap-2",
+                      children: [
+                        onAddCaseNote && /* @__PURE__ */ jsxRuntime.jsx(
+                          HeaderActionButton,
+                          {
+                            label: l.addCaseNote,
+                            mobileIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkPAM5UUBL_cjs.FilePlus, { size: 16 }),
+                            desktopLeftIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkPAM5UUBL_cjs.Plus, { size: 16 }),
+                            onClick: onAddCaseNote
+                          }
+                        ),
+                        onCloseCase && /* @__PURE__ */ jsxRuntime.jsx(
+                          HeaderActionButton,
+                          {
+                            label: l.closeCase,
+                            mobileIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkPAM5UUBL_cjs.CheckCircle, { size: 16 }),
+                            onClick: onCloseCase
+                          }
+                        ),
+                        actions
+                      ]
+                    }
+                  ),
                   hasDetails && /* @__PURE__ */ jsxRuntime.jsx(
                     chunkRDGRKYQ5_cjs.Button,
                     {
@@ -14532,6 +14597,20 @@ var CountBadge = React10__namespace.forwardRef(
   }
 );
 CountBadge.displayName = "CountBadge";
+function CountryDropdown({
+  "aria-label": ariaLabel = "Select country",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSPWVKDGC_cjs.CountryDropdownBase,
+    {
+      ...props,
+      "aria-label": ariaLabel,
+      showDialCode: false
+    }
+  );
+}
+CountryDropdown.displayName = "CountryDropdown";
 var bannerVariants = classVarianceAuthority.cva(
   "fixed z-50 transition-all duration-300 ease-in-out",
   {
@@ -44451,23 +44530,23 @@ Object.defineProperty(exports, "CollapsibleTrigger", {
 });
 Object.defineProperty(exports, "CountryCodeDropdown", {
   enumerable: true,
-  get: function () { return chunkVVI32P7L_cjs.CountryCodeDropdown; }
+  get: function () { return chunkSPWVKDGC_cjs.CountryCodeDropdown; }
 });
 Object.defineProperty(exports, "formatE164", {
   enumerable: true,
-  get: function () { return chunkVVI32P7L_cjs.formatE164; }
+  get: function () { return chunkSPWVKDGC_cjs.formatE164; }
 });
 Object.defineProperty(exports, "validatePhoneNumber", {
   enumerable: true,
-  get: function () { return chunkVVI32P7L_cjs.validatePhoneNumber; }
+  get: function () { return chunkSPWVKDGC_cjs.validatePhoneNumber; }
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkHVIQZZ47_cjs.miewebUIPreset; }
+  get: function () { return chunkLJDBD2DD_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkHVIQZZ47_cjs.miewebUISafelist; }
+  get: function () { return chunkLJDBD2DD_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -45783,6 +45862,7 @@ exports.ConsentSwitch = ConsentSwitch;
 exports.CookieConsentBanner = CookieConsentBanner;
 exports.CopyrightText = CopyrightText;
 exports.CountBadge = CountBadge;
+exports.CountryDropdown = CountryDropdown;
 exports.CreateInvoiceModal = CreateInvoiceModal;
 exports.CreateReferralModal = CreateReferralModal;
 exports.DEFAULT_ERROR_CONFIGS = DEFAULT_ERROR_CONFIGS;