@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.30

package/dist/components/profile-popover/ProfilePopover.js

@@ -1,95 +1,118 @@
-import { jsxs as i, jsx as e, Fragment as K } from "react/jsx-runtime";
-import __Q from "@mattermost/compass-icons/components/close.js";const Q=__Q&&__Q.default?__Q.default:__Q;
-import __R from "@mattermost/compass-icons/components/email-outline.js";const R=__R&&__R.default?__R.default:__R;
-import __S from "@mattermost/compass-icons/components/circle-multiple-outline.js";const S=__S&&__S.default?__S.default:__S;
-import __V from "@mattermost/compass-icons/components/github-circle.js";const V=__V&&__V.default?__V.default:__V;
+import { jsxs as i, jsx as e, Fragment as v } from "react/jsx-runtime";
+import __ie from "@mattermost/compass-icons/components/close.js";const ie=__ie&&__ie.default?__ie.default:__ie;
+import __re from "@mattermost/compass-icons/components/email-outline.js";const re=__re&&__re.default?__re.default:__re;
+import __le from "@mattermost/compass-icons/components/circle-multiple-outline.js";const le=__le&&__le.default?__le.default:__le;
+import __ae from "@mattermost/compass-icons/components/github-circle.js";const ae=__ae&&__ae.default?__ae.default:__ae;
 import __x from "@mattermost/compass-icons/components/mattermost.js";const x=__x&&__x.default?__x.default:__x;
-import __W from "@mattermost/compass-icons/components/account-plus-outline.js";const W=__W&&__W.default?__W.default:__W;
-import __j from "@mattermost/compass-icons/components/phone.js";const j=__j&&__j.default?__j.default:__j;
-import __X from "@mattermost/compass-icons/components/at.js";const X=__X&&__X.default?__X.default:__X;
-import __P from "@mattermost/compass-icons/components/send-outline.js";const P=__P&&__P.default?__P.default:__P;
-import __Z from "@mattermost/compass-icons/components/pencil-outline.js";const Z=__Z&&__Z.default?__Z.default:__Z;
-import T from "../button/Button.js";
-import t from "../icon-button/IconButton.js";
-import H from "../user-avatar/UserAvatar.js";
-import ee from "../tag/Tag.js";
+import __pe from "@mattermost/compass-icons/components/account-plus-outline.js";const pe=__pe&&__pe.default?__pe.default:__pe;
+import __P from "@mattermost/compass-icons/components/phone.js";const P=__P&&__P.default?__P.default:__P;
+import __ne from "@mattermost/compass-icons/components/at.js";const ne=__ne&&__ne.default?__ne.default:__ne;
+import __M from "@mattermost/compass-icons/components/send-outline.js";const M=__M&&__M.default?__M.default:__M;
+import __se from "@mattermost/compass-icons/components/pencil-outline.js";const se=__se&&__se.default?__se.default:__se;
+import ce from "../button/Button.js";
+import m from "../icon-button/IconButton.js";
+import te from "../user-avatar/UserAvatar.js";
+import me from "../tag/Tag.js";
 import r from "../icon/Icon.js";
 import o from "./ProfilePopover.module.scss.js";
-function m({ icon: h, children: f, href: n }) {
+const fe = (a) => /* @__PURE__ */ i(v, { children: [
+  "Local time (",
+  a,
+  ")"
+] }), de = (a) => /* @__PURE__ */ i(v, { children: [
+  "Status",
+  a ? /* @__PURE__ */ i(v, { children: [
+    " (",
+    a,
+    ")"
+  ] }) : ""
+] });
+function f({ icon: a, children: d, href: n }) {
   const _ = n ? o["profile-popover__meta-link"] : o["profile-popover__meta-text"];
   return /* @__PURE__ */ i("div", { className: o["profile-popover__meta-item"], children: [
-    /* @__PURE__ */ e("span", { className: o["profile-popover__meta-icon"], "aria-hidden": !0, children: h }),
-    n ? /* @__PURE__ */ e("a", { className: _, href: n, children: f }) : /* @__PURE__ */ e("span", { className: _, children: f })
+    /* @__PURE__ */ e("span", { className: o["profile-popover__meta-icon"], "aria-hidden": !0, children: a }),
+    n ? /* @__PURE__ */ e("a", { className: _, href: n, children: d }) : /* @__PURE__ */ e("span", { className: _, children: d })
   ] });
 }
-function ye({
-  user: h = "others",
-  avatarSrc: f,
+function Le({
+  user: a = "others",
+  avatarSrc: d,
   avatarAlt: n,
   name: _,
-  username: M,
-  title: N,
-  email: d,
+  username: A,
+  title: y,
+  email: h,
   phones: s,
-  lastOnline: y,
-  jobRole: z,
+  lastOnline: z,
+  jobRole: b,
   localTime: p,
-  customStatus: a,
-  sharedOrg: v,
-  staff: b = !1,
-  coreCommitter: g = !1,
-  githubHandle: u,
-  onClose: k,
-  onPrimaryAction: $,
-  onMention: A,
-  onAddToChannel: L,
-  onCall: C,
+  customStatus: c,
+  sharedOrg: u,
+  staff: g = !1,
+  coreCommitter: k = !1,
+  githubHandle: N,
+  onClose: C,
+  onPrimaryAction: L,
+  onMention: $,
+  onAddToChannel: F,
+  onCall: I,
   onSend: w,
   callButton: D,
   phoneIcon: E,
   state: O = "open",
-  onAnimationEnd: F,
-  className: G = ""
+  onAnimationEnd: S,
+  className: G = "",
+  closeLabel: U = "Close",
+  staffLabel: Y = "Staff",
+  coreCommitterLabel: q = "Core Committer",
+  formatLocalTimeLabel: J = fe,
+  formatStatusLabel: K = de,
+  messageLabel: Q = "Message",
+  editProfileLabel: R = "Edit profile",
+  sendMessageLabel: T = "Send message",
+  mentionLabel: V = "Mention user",
+  addToChannelLabel: W = "Add to channel",
+  callLabel: X = "Call"
 }) {
-  const c = h === "you", U = [
+  const t = a === "you", Z = [
     o["profile-popover"],
     O === "closing" ? o["profile-popover--closing"] : "",
     G
-  ].filter(Boolean).join(" "), Y = !!(s && s.length > 0), I = !!d || Y || !!v || b || g || !!u, q = I || !!p || !!a;
-  return /* @__PURE__ */ i("div", { className: U, onAnimationEnd: F, children: [
-    z && /* @__PURE__ */ e("div", { className: o["profile-popover__role-tag"], children: /* @__PURE__ */ e(ee, { label: z, casing: "all-caps", size: "x-small" }) }),
-    k && /* @__PURE__ */ e(
-      t,
+  ].filter(Boolean).join(" "), H = !!(s && s.length > 0), B = !!h || H || !!u || g || k || !!N, ee = B || !!p || !!c;
+  return /* @__PURE__ */ i("div", { className: Z, onAnimationEnd: S, children: [
+    b && /* @__PURE__ */ e("div", { className: o["profile-popover__role-tag"], children: /* @__PURE__ */ e(me, { label: b, casing: "all-caps", size: "x-small" }) }),
+    C && /* @__PURE__ */ e(
+      m,
       {
         className: o["profile-popover__close"],
-        "aria-label": "Close",
+        "aria-label": U,
         size: "small",
         padding: "compact",
-        icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(Q, {}) }),
-        onClick: k
+        icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(ie, {}) }),
+        onClick: C
       }
     ),
     /* @__PURE__ */ i("section", { className: o["profile-popover__primary"], children: [
-      /* @__PURE__ */ e(H, { src: f, alt: n, size: "120", status: !0 }),
-      y && /* @__PURE__ */ e("p", { className: o["profile-popover__last-online"], children: y }),
+      /* @__PURE__ */ e(te, { src: d, alt: n, size: "120", status: !0 }),
+      z && /* @__PURE__ */ e("p", { className: o["profile-popover__last-online"], children: z }),
       /* @__PURE__ */ i("div", { className: o["profile-popover__names"], children: [
         /* @__PURE__ */ e("p", { className: o["profile-popover__name"], children: _ }),
-        /* @__PURE__ */ e("p", { className: o["profile-popover__handle"], children: M }),
-        N && /* @__PURE__ */ e("p", { className: o["profile-popover__title"], children: N })
+        /* @__PURE__ */ e("p", { className: o["profile-popover__handle"], children: A }),
+        y && /* @__PURE__ */ e("p", { className: o["profile-popover__title"], children: y })
       ] })
     ] }),
-    q && /* @__PURE__ */ i("section", { className: o["profile-popover__secondary"], children: [
-      I && /* @__PURE__ */ i("div", { className: o["profile-popover__titles"], children: [
-        d && /* @__PURE__ */ e(
-          m,
+    ee && /* @__PURE__ */ i("section", { className: o["profile-popover__secondary"], children: [
+      B && /* @__PURE__ */ i("div", { className: o["profile-popover__titles"], children: [
+        h && /* @__PURE__ */ e(
+          f,
           {
-            icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(R, {}) }),
-            href: `mailto:${d}`,
-            children: d
+            icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(re, {}) }),
+            href: `mailto:${h}`,
+            children: h
           }
         ),
-        s == null ? void 0 : s.map((l, J) => {
-          const B = [l.label, l.sipTrunk].filter(Boolean).join(" • ");
+        s == null ? void 0 : s.map((l, oe) => {
+          const j = [l.label, l.sipTrunk].filter(Boolean).join(" • ");
           return /* @__PURE__ */ i(
             "div",
             {
@@ -98,9 +121,22 @@ function ye({
                 o["profile-popover__meta-item--stacked"]
               ].join(" "),
               children: [
-                /* @__PURE__ */ e("span", { className: o["profile-popover__meta-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(r, { size: "16", glyph: l.icon ?? E ?? /* @__PURE__ */ e(j, {}) }) }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: o["profile-popover__meta-icon"],
+                    "aria-hidden": !0,
+                    children: /* @__PURE__ */ e(
+                      r,
+                      {
+                        size: "16",
+                        glyph: l.icon ?? E ?? /* @__PURE__ */ e(P, {})
+                      }
+                    )
+                  }
+                ),
                 /* @__PURE__ */ i("div", { className: o["profile-popover__phone-body"], children: [
-                  B && /* @__PURE__ */ e("span", { className: o["profile-popover__phone-sub"], children: B }),
+                  j && /* @__PURE__ */ e("span", { className: o["profile-popover__phone-sub"], children: j }),
                   l.onClick ? /* @__PURE__ */ e(
                     "button",
                     {
@@ -120,26 +156,22 @@ function ye({
                 ] })
               ]
             },
-            `${l.number}-${J}`
+            `${l.number}-${oe}`
           );
         }),
-        v && /* @__PURE__ */ e(
-          m,
+        u && /* @__PURE__ */ e(
+          f,
           {
-            icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(S, {}) }),
-            children: v
+            icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(le, {}) }),
+            children: u
           }
         ),
-        b && /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(x, {}) }), children: "Staff" }),
-        g && /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(x, {}) }), children: "Core Committer" }),
-        u && /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(V, {}) }), children: u })
+        g && /* @__PURE__ */ e(f, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(x, {}) }), children: Y }),
+        k && /* @__PURE__ */ e(f, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(x, {}) }), children: q }),
+        N && /* @__PURE__ */ e(f, { icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(ae, {}) }), children: N })
       ] }),
       p && /* @__PURE__ */ i("div", { className: o["profile-popover__local-time"], children: [
-        /* @__PURE__ */ i("p", { className: o["profile-popover__section-label"], children: [
-          "Local time (",
-          p.timezone,
-          ")"
-        ] }),
+        /* @__PURE__ */ e("p", { className: o["profile-popover__section-label"], children: J(p.timezone) }),
         /* @__PURE__ */ i("div", { className: o["profile-popover__time"], children: [
           /* @__PURE__ */ e("span", { children: p.time }),
           p.hourDifference && /* @__PURE__ */ i("span", { children: [
@@ -149,21 +181,18 @@ function ye({
           ] })
         ] })
       ] }),
-      a && /* @__PURE__ */ i("div", { className: o["profile-popover__custom-status"], children: [
-        /* @__PURE__ */ i("p", { className: o["profile-popover__section-label"], children: [
-          "Status",
-          a.expiresLabel ? ` (${a.expiresLabel})` : ""
-        ] }),
+      c && /* @__PURE__ */ i("div", { className: o["profile-popover__custom-status"], children: [
+        /* @__PURE__ */ e("p", { className: o["profile-popover__section-label"], children: K(c.expiresLabel) }),
         /* @__PURE__ */ i("div", { className: o["profile-popover__status-row"], children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: o["profile-popover__status-emoji"],
               "aria-hidden": !0,
-              children: a.emoji
+              children: c.emoji
             }
           ),
-          /* @__PURE__ */ e("span", { children: a.text })
+          /* @__PURE__ */ e("span", { children: c.text })
         ] })
       ] })
     ] }),
@@ -172,7 +201,7 @@ function ye({
       {
         className: [
           o["profile-popover__footer"],
-          c ? o["profile-popover__footer--you"] : o["profile-popover__footer--others"]
+          t ? o["profile-popover__footer--you"] : o["profile-popover__footer--others"]
         ].join(" "),
         children: [
           /* @__PURE__ */ e(
@@ -180,55 +209,55 @@ function ye({
             {
               className: [
                 o["profile-popover__primary-action"],
-                c ? o["profile-popover__primary-action--you"] : o["profile-popover__primary-action--others"]
+                t ? o["profile-popover__primary-action--you"] : o["profile-popover__primary-action--others"]
               ].join(" "),
               children: /* @__PURE__ */ e(
-                T,
+                ce,
                 {
                   className: o["profile-popover__primary-button"],
                   size: "small",
                   emphasis: "primary",
-                  leadingIcon: c ? /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(Z, {}) }) : /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(P, {}) }),
-                  onClick: $,
-                  children: c ? "Edit profile" : "Message"
+                  leadingIcon: t ? /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(se, {}) }) : /* @__PURE__ */ e(r, { size: "12", glyph: /* @__PURE__ */ e(M, {}) }),
+                  onClick: L,
+                  children: t ? R : Q
                 }
               )
             }
           ),
-          /* @__PURE__ */ e("div", { className: o["profile-popover__secondary-actions"], children: c ? /* @__PURE__ */ e(
-            t,
+          /* @__PURE__ */ e("div", { className: o["profile-popover__secondary-actions"], children: t ? /* @__PURE__ */ e(
+            m,
             {
-              "aria-label": "Send message",
+              "aria-label": T,
               size: "small",
-              icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(P, {}) }),
+              icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(M, {}) }),
               onClick: w
             }
-          ) : /* @__PURE__ */ i(K, { children: [
+          ) : /* @__PURE__ */ i(v, { children: [
             /* @__PURE__ */ e(
-              t,
+              m,
               {
-                "aria-label": "Mention user",
+                "aria-label": V,
                 size: "small",
-                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(X, {}) }),
-                onClick: A
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(ne, {}) }),
+                onClick: $
               }
             ),
             /* @__PURE__ */ e(
-              t,
+              m,
               {
-                "aria-label": "Add to channel",
+                "aria-label": W,
                 size: "small",
-                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(W, {}) }),
-                onClick: L
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(pe, {}) }),
+                onClick: F
               }
             ),
-            D ?? (C ? /* @__PURE__ */ e(
-              t,
+            D ?? (I ? /* @__PURE__ */ e(
+              m,
               {
-                "aria-label": "Call",
+                "aria-label": X,
                 size: "small",
-                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(j, {}) }),
-                onClick: C
+                icon: /* @__PURE__ */ e(r, { size: "16", glyph: /* @__PURE__ */ e(P, {}) }),
+                onClick: I
               }
             ) : null)
           ] }) })
@@ -238,6 +267,6 @@ function ye({
   ] });
 }
 export {
-  ye as default
+  Le as default
 };
 //# sourceMappingURL=ProfilePopover.js.map

package/dist/components/profile-popover/ProfilePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfilePopover.js","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' | 'you';\n\nexport interface ProfilePopoverCustomStatus {\n  emoji: string;\n  text: string;\n  /** Label suffix like \"Until Tomorrow\". */\n  expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n  /** Local time, e.g. \"10:42 PM\". */\n  time: string;\n  /** Timezone abbreviation, e.g. \"EST\". */\n  timezone: string;\n  /** Hour difference relative to viewer, e.g. \"3 hrs behind\". */\n  hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n  number: string;\n  /** Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". */\n  label?: string;\n  /** Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". */\n  sipTrunk?: string;\n  /** Per-row phone glyph; overrides the popover-level `phoneIcon` when set. */\n  icon?: ReactNode;\n  href?: string;\n  /** When provided, the number click runs this handler instead of navigating. */\n  onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  /** Whose profile is shown. Default: 'others'. */\n  user?: ProfilePopoverUser;\n  /** Avatar image URL. */\n  avatarSrc: string;\n  /** Avatar alt text. */\n  avatarAlt: string;\n  /** Full name. */\n  name: string;\n  /** @handle. */\n  username: string;\n  /** Job title. */\n  title?: string;\n  /** Email address. */\n  email?: string;\n  /** Phone rows shown under the email. */\n  phones?: ProfilePopoverPhone[];\n  /** Caption above the name, e.g. \"Last online 6 hrs ago\". */\n  lastOnline?: string;\n  /** Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) */\n  jobRole?: string;\n  /** Local time block. */\n  localTime?: ProfilePopoverLocalTime;\n  /** Custom status. */\n  customStatus?: ProfilePopoverCustomStatus;\n  /** Shared member org name. */\n  sharedOrg?: string;\n  /** Shows a Staff row. */\n  staff?: boolean;\n  /** Shows a Core Committer row. */\n  coreCommitter?: boolean;\n  /** GitHub handle — shows the GitHub profile row. */\n  githubHandle?: string;\n  onClose?: () => void;\n  onPrimaryAction?: () => void;\n  /** Inserts an @mention for this user in the active channel message input. */\n  onMention?: () => void;\n  /** Opens the Add to Channel flow for this user. */\n  onAddToChannel?: () => void;\n  /** Used when `callButton` is not provided; starts a simple outbound call action. */\n  onCall?: () => void;\n  onSend?: () => void;\n  /** Replaces the default Call icon button in the footer when provided. */\n  callButton?: ReactNode;\n  /** Replaces the default phone glyph shown next to the phone number. */\n  phoneIcon?: ReactNode;\n  /** Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. */\n  state?: 'open' | 'closing';\n  /** Fires when an animation on the popover root ends (entrance or exit). */\n  onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n  className?: string;\n}\n\ninterface MetaRowProps {\n  icon: ReactNode;\n  children: ReactNode;\n  href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n  const textClass = href\n    ? styles['profile-popover__meta-link']\n    : styles['profile-popover__meta-text'];\n\n  return (\n    <div className={styles['profile-popover__meta-item']}>\n      <span className={styles['profile-popover__meta-icon']} aria-hidden>\n        {icon}\n      </span>\n      {href ? (\n        <a className={textClass} href={href}>\n          {children}\n        </a>\n      ) : (\n        <span className={textClass}>{children}</span>\n      )}\n    </div>\n  );\n}\n\nexport default function ProfilePopover({\n  user = 'others',\n  avatarSrc,\n  avatarAlt,\n  name,\n  username,\n  title,\n  email,\n  phones,\n  lastOnline,\n  jobRole,\n  localTime,\n  customStatus,\n  sharedOrg,\n  staff = false,\n  coreCommitter = false,\n  githubHandle,\n  onClose,\n  onPrimaryAction,\n  onMention,\n  onAddToChannel,\n  onCall,\n  onSend,\n  callButton,\n  phoneIcon,\n  state = 'open',\n  onAnimationEnd,\n  className = '',\n}: ProfilePopoverProps) {\n  const isYou = user === 'you';\n\n  const rootClass = [\n    styles['profile-popover'],\n    state === 'closing' ? styles['profile-popover--closing'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasPhones = Boolean(phones && phones.length > 0);\n  const hasTitlesBlock =\n    Boolean(email) ||\n    hasPhones ||\n    Boolean(sharedOrg) ||\n    staff ||\n    coreCommitter ||\n    Boolean(githubHandle);\n  const hasSecondary =\n    hasTitlesBlock || Boolean(localTime) || Boolean(customStatus);\n\n  return (\n    <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n      {jobRole && (\n        <div className={styles['profile-popover__role-tag']}>\n          <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n        </div>\n      )}\n\n      {onClose && (\n        <IconButton\n          className={styles['profile-popover__close']}\n          aria-label=\"Close\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n\n      <section className={styles['profile-popover__primary']}>\n        <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n        {lastOnline && (\n          <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n        )}\n        <div className={styles['profile-popover__names']}>\n          <p className={styles['profile-popover__name']}>{name}</p>\n          <p className={styles['profile-popover__handle']}>{username}</p>\n          {title && <p className={styles['profile-popover__title']}>{title}</p>}\n        </div>\n      </section>\n\n      {hasSecondary && (\n        <section className={styles['profile-popover__secondary']}>\n          {hasTitlesBlock && (\n            <div className={styles['profile-popover__titles']}>\n              {email && (\n                <MetaRow\n                  icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n                  href={`mailto:${email}`}\n                >\n                  {email}\n                </MetaRow>\n              )}\n              {phones?.map((p, i) => {\n                const subParts = [p.label, p.sipTrunk].filter(Boolean);\n                const subText = subParts.join(' • ');\n                return (\n                  <div\n                    key={`${p.number}-${i}`}\n                    className={[\n                      styles['profile-popover__meta-item'],\n                      styles['profile-popover__meta-item--stacked'],\n                    ].join(' ')}\n                  >\n                    <span className={styles['profile-popover__meta-icon']} aria-hidden>\n                      <Icon size=\"16\" glyph={p.icon ?? phoneIcon ?? <PhoneIcon />} />\n                    </span>\n                    <div className={styles['profile-popover__phone-body']}>\n                      {subText && (\n                        <span className={styles['profile-popover__phone-sub']}>\n                          {subText}\n                        </span>\n                      )}\n                      {p.onClick ? (\n                        <button\n                          type=\"button\"\n                          className={styles['profile-popover__meta-link']}\n                          onClick={p.onClick}\n                        >\n                          {p.number}\n                        </button>\n                      ) : (\n                        <a\n                          className={styles['profile-popover__meta-link']}\n                          href={p.href ?? `tel:${p.number}`}\n                        >\n                          {p.number}\n                        </a>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n              {sharedOrg && (\n                <MetaRow\n                  icon={\n                    <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n                  }\n                >\n                  {sharedOrg}\n                </MetaRow>\n              )}\n              {staff && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Staff\n                </MetaRow>\n              )}\n              {coreCommitter && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Core Committer\n                </MetaRow>\n              )}\n              {githubHandle && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n                  {githubHandle}\n                </MetaRow>\n              )}\n            </div>\n          )}\n\n          {localTime && (\n            <div className={styles['profile-popover__local-time']}>\n              <p className={styles['profile-popover__section-label']}>\n                Local time ({localTime.timezone})\n              </p>\n              <div className={styles['profile-popover__time']}>\n                <span>{localTime.time}</span>\n                {localTime.hourDifference && (\n                  <span>({localTime.hourDifference})</span>\n                )}\n              </div>\n            </div>\n          )}\n\n          {customStatus && (\n            <div className={styles['profile-popover__custom-status']}>\n              <p className={styles['profile-popover__section-label']}>\n                Status\n                {customStatus.expiresLabel\n                  ? ` (${customStatus.expiresLabel})`\n                  : ''}\n              </p>\n              <div className={styles['profile-popover__status-row']}>\n                <span\n                  className={styles['profile-popover__status-emoji']}\n                  aria-hidden\n                >\n                  {customStatus.emoji}\n                </span>\n                <span>{customStatus.text}</span>\n              </div>\n            </div>\n          )}\n        </section>\n      )}\n\n      <footer\n        className={[\n          styles['profile-popover__footer'],\n          isYou\n            ? styles['profile-popover__footer--you']\n            : styles['profile-popover__footer--others'],\n        ].join(' ')}\n      >\n        <div\n          className={[\n            styles['profile-popover__primary-action'],\n            isYou\n              ? styles['profile-popover__primary-action--you']\n              : styles['profile-popover__primary-action--others'],\n          ].join(' ')}\n        >\n          <Button\n            className={styles['profile-popover__primary-button']}\n            size=\"small\"\n            emphasis=\"primary\"\n            leadingIcon={\n              isYou ? (\n                <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n              ) : (\n                <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n              )\n            }\n            onClick={onPrimaryAction}\n          >\n            {isYou ? 'Edit profile' : 'Message'}\n          </Button>\n        </div>\n        <div className={styles['profile-popover__secondary-actions']}>\n          {isYou ? (\n            <IconButton\n              aria-label=\"Send message\"\n              size=\"small\"\n              icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n              onClick={onSend}\n            />\n          ) : (\n            <>\n              <IconButton\n                aria-label=\"Mention user\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n                onClick={onMention}\n              />\n              <IconButton\n                aria-label=\"Add to channel\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n                onClick={onAddToChannel}\n              />\n              {callButton ??\n                (onCall ? (\n                  <IconButton\n                    aria-label=\"Call\"\n                    size=\"small\"\n                    icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n                    onClick={onCall}\n                  />\n                ) : null)}\n            </>\n          )}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"ProfilePopover.js","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' | 'you';\n\nexport interface ProfilePopoverCustomStatus {\n  emoji: string;\n  text: ReactNode;\n  /** Label suffix like \"Until Tomorrow\". */\n  expiresLabel?: ReactNode;\n}\n\nexport interface ProfilePopoverLocalTime {\n  /** Local time, e.g. \"10:42 PM\". */\n  time: ReactNode;\n  /** Timezone abbreviation, e.g. \"EST\". */\n  timezone: ReactNode;\n  /** Hour difference relative to viewer, e.g. \"3 hrs behind\". */\n  hourDifference?: ReactNode;\n}\n\nexport interface ProfilePopoverPhone {\n  number: string;\n  /** Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". */\n  label?: string;\n  /** Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". */\n  sipTrunk?: string;\n  /** Per-row phone glyph; overrides the popover-level `phoneIcon` when set. */\n  icon?: ReactNode;\n  href?: string;\n  /** When provided, the number click runs this handler instead of navigating. */\n  onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  /** Whose profile is shown. Default: 'others'. */\n  user?: ProfilePopoverUser;\n  /** Avatar image URL. */\n  avatarSrc: string;\n  /** Avatar alt text. */\n  avatarAlt: string;\n  /** Full name. */\n  name: ReactNode;\n  /** @handle. */\n  username: ReactNode;\n  /** Job title. */\n  title?: ReactNode;\n  /** Email address. */\n  email?: string;\n  /** Phone rows shown under the email. */\n  phones?: ProfilePopoverPhone[];\n  /** Caption above the name, e.g. \"Last online 6 hrs ago\". */\n  lastOnline?: ReactNode;\n  /** Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) */\n  jobRole?: ReactNode;\n  /** Local time block. */\n  localTime?: ProfilePopoverLocalTime;\n  /** Custom status. */\n  customStatus?: ProfilePopoverCustomStatus;\n  /** Shared member org name. */\n  sharedOrg?: ReactNode;\n  /** Shows a Staff row. */\n  staff?: boolean;\n  /** Shows a Core Committer row. */\n  coreCommitter?: boolean;\n  /** GitHub handle — shows the GitHub profile row. */\n  githubHandle?: string;\n  onClose?: () => void;\n  onPrimaryAction?: () => void;\n  /** Inserts an @mention for this user in the active channel message input. */\n  onMention?: () => void;\n  /** Opens the Add to Channel flow for this user. */\n  onAddToChannel?: () => void;\n  /** Used when `callButton` is not provided; starts a simple outbound call action. */\n  onCall?: () => void;\n  onSend?: () => void;\n  /** Replaces the default Call icon button in the footer when provided. */\n  callButton?: ReactNode;\n  /** Replaces the default phone glyph shown next to the phone number. */\n  phoneIcon?: ReactNode;\n  /** Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. */\n  state?: 'open' | 'closing';\n  /** Fires when an animation on the popover root ends (entrance or exit). */\n  onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n  className?: string;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Staff row text. Default: \"Staff\". */\n  staffLabel?: ReactNode;\n  /** Core Committer row text. Default: \"Core Committer\". */\n  coreCommitterLabel?: ReactNode;\n  /** Local time heading. Default: `Local time ({timezone})`. */\n  formatLocalTimeLabel?: (timezone: ReactNode) => ReactNode;\n  /** Custom status heading. Default: \"Status\", plus ` ({expiresLabel})` when set. */\n  formatStatusLabel?: (expiresLabel: ReactNode | undefined) => ReactNode;\n  /** Primary button text for `user=\"others\"`. Default: \"Message\". */\n  messageLabel?: ReactNode;\n  /** Primary button text for `user=\"you\"`. Default: \"Edit profile\". */\n  editProfileLabel?: ReactNode;\n  /** Default: \"Send message\". */\n  sendMessageLabel?: string;\n  /** Default: \"Mention user\". */\n  mentionLabel?: string;\n  /** Default: \"Add to channel\". */\n  addToChannelLabel?: string;\n  /** Default: \"Call\". */\n  callLabel?: string;\n}\n\nconst defaultFormatLocalTimeLabel = (timezone: ReactNode) => (\n  <>Local time ({timezone})</>\n);\n\nconst defaultFormatStatusLabel = (expiresLabel: ReactNode | undefined) => (\n  <>\n    Status\n    {expiresLabel ? <> ({expiresLabel})</> : ''}\n  </>\n);\n\ninterface MetaRowProps {\n  icon: ReactNode;\n  children: ReactNode;\n  href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n  const textClass = href\n    ? styles['profile-popover__meta-link']\n    : styles['profile-popover__meta-text'];\n\n  return (\n    <div className={styles['profile-popover__meta-item']}>\n      <span className={styles['profile-popover__meta-icon']} aria-hidden>\n        {icon}\n      </span>\n      {href ? (\n        <a className={textClass} href={href}>\n          {children}\n        </a>\n      ) : (\n        <span className={textClass}>{children}</span>\n      )}\n    </div>\n  );\n}\n\nexport default function ProfilePopover({\n  user = 'others',\n  avatarSrc,\n  avatarAlt,\n  name,\n  username,\n  title,\n  email,\n  phones,\n  lastOnline,\n  jobRole,\n  localTime,\n  customStatus,\n  sharedOrg,\n  staff = false,\n  coreCommitter = false,\n  githubHandle,\n  onClose,\n  onPrimaryAction,\n  onMention,\n  onAddToChannel,\n  onCall,\n  onSend,\n  callButton,\n  phoneIcon,\n  state = 'open',\n  onAnimationEnd,\n  className = '',\n  closeLabel = 'Close',\n  staffLabel = 'Staff',\n  coreCommitterLabel = 'Core Committer',\n  formatLocalTimeLabel = defaultFormatLocalTimeLabel,\n  formatStatusLabel = defaultFormatStatusLabel,\n  messageLabel = 'Message',\n  editProfileLabel = 'Edit profile',\n  sendMessageLabel = 'Send message',\n  mentionLabel = 'Mention user',\n  addToChannelLabel = 'Add to channel',\n  callLabel = 'Call',\n}: ProfilePopoverProps) {\n  const isYou = user === 'you';\n\n  const rootClass = [\n    styles['profile-popover'],\n    state === 'closing' ? styles['profile-popover--closing'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasPhones = Boolean(phones && phones.length > 0);\n  const hasTitlesBlock =\n    Boolean(email) ||\n    hasPhones ||\n    Boolean(sharedOrg) ||\n    staff ||\n    coreCommitter ||\n    Boolean(githubHandle);\n  const hasSecondary =\n    hasTitlesBlock || Boolean(localTime) || Boolean(customStatus);\n\n  return (\n    <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n      {jobRole && (\n        <div className={styles['profile-popover__role-tag']}>\n          <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n        </div>\n      )}\n\n      {onClose && (\n        <IconButton\n          className={styles['profile-popover__close']}\n          aria-label={closeLabel}\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n\n      <section className={styles['profile-popover__primary']}>\n        <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n        {lastOnline && (\n          <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n        )}\n        <div className={styles['profile-popover__names']}>\n          <p className={styles['profile-popover__name']}>{name}</p>\n          <p className={styles['profile-popover__handle']}>{username}</p>\n          {title && <p className={styles['profile-popover__title']}>{title}</p>}\n        </div>\n      </section>\n\n      {hasSecondary && (\n        <section className={styles['profile-popover__secondary']}>\n          {hasTitlesBlock && (\n            <div className={styles['profile-popover__titles']}>\n              {email && (\n                <MetaRow\n                  icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n                  href={`mailto:${email}`}\n                >\n                  {email}\n                </MetaRow>\n              )}\n              {phones?.map((p, i) => {\n                const subParts = [p.label, p.sipTrunk].filter(Boolean);\n                const subText = subParts.join(' • ');\n                return (\n                  <div\n                    key={`${p.number}-${i}`}\n                    className={[\n                      styles['profile-popover__meta-item'],\n                      styles['profile-popover__meta-item--stacked'],\n                    ].join(' ')}\n                  >\n                    <span\n                      className={styles['profile-popover__meta-icon']}\n                      aria-hidden\n                    >\n                      <Icon\n                        size=\"16\"\n                        glyph={p.icon ?? phoneIcon ?? <PhoneIcon />}\n                      />\n                    </span>\n                    <div className={styles['profile-popover__phone-body']}>\n                      {subText && (\n                        <span className={styles['profile-popover__phone-sub']}>\n                          {subText}\n                        </span>\n                      )}\n                      {p.onClick ? (\n                        <button\n                          type=\"button\"\n                          className={styles['profile-popover__meta-link']}\n                          onClick={p.onClick}\n                        >\n                          {p.number}\n                        </button>\n                      ) : (\n                        <a\n                          className={styles['profile-popover__meta-link']}\n                          href={p.href ?? `tel:${p.number}`}\n                        >\n                          {p.number}\n                        </a>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n              {sharedOrg && (\n                <MetaRow\n                  icon={\n                    <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n                  }\n                >\n                  {sharedOrg}\n                </MetaRow>\n              )}\n              {staff && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  {staffLabel}\n                </MetaRow>\n              )}\n              {coreCommitter && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  {coreCommitterLabel}\n                </MetaRow>\n              )}\n              {githubHandle && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n                  {githubHandle}\n                </MetaRow>\n              )}\n            </div>\n          )}\n\n          {localTime && (\n            <div className={styles['profile-popover__local-time']}>\n              <p className={styles['profile-popover__section-label']}>\n                {formatLocalTimeLabel(localTime.timezone)}\n              </p>\n              <div className={styles['profile-popover__time']}>\n                <span>{localTime.time}</span>\n                {localTime.hourDifference && (\n                  <span>({localTime.hourDifference})</span>\n                )}\n              </div>\n            </div>\n          )}\n\n          {customStatus && (\n            <div className={styles['profile-popover__custom-status']}>\n              <p className={styles['profile-popover__section-label']}>\n                {formatStatusLabel(customStatus.expiresLabel)}\n              </p>\n              <div className={styles['profile-popover__status-row']}>\n                <span\n                  className={styles['profile-popover__status-emoji']}\n                  aria-hidden\n                >\n                  {customStatus.emoji}\n                </span>\n                <span>{customStatus.text}</span>\n              </div>\n            </div>\n          )}\n        </section>\n      )}\n\n      <footer\n        className={[\n          styles['profile-popover__footer'],\n          isYou\n            ? styles['profile-popover__footer--you']\n            : styles['profile-popover__footer--others'],\n        ].join(' ')}\n      >\n        <div\n          className={[\n            styles['profile-popover__primary-action'],\n            isYou\n              ? styles['profile-popover__primary-action--you']\n              : styles['profile-popover__primary-action--others'],\n          ].join(' ')}\n        >\n          <Button\n            className={styles['profile-popover__primary-button']}\n            size=\"small\"\n            emphasis=\"primary\"\n            leadingIcon={\n              isYou ? (\n                <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n              ) : (\n                <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n              )\n            }\n            onClick={onPrimaryAction}\n          >\n            {isYou ? editProfileLabel : messageLabel}\n          </Button>\n        </div>\n        <div className={styles['profile-popover__secondary-actions']}>\n          {isYou ? (\n            <IconButton\n              aria-label={sendMessageLabel}\n              size=\"small\"\n              icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n              onClick={onSend}\n            />\n          ) : (\n            <>\n              <IconButton\n                aria-label={mentionLabel}\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n                onClick={onMention}\n              />\n              <IconButton\n                aria-label={addToChannelLabel}\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n                onClick={onAddToChannel}\n              />\n              {callButton ??\n                (onCall ? (\n                  <IconButton\n                    aria-label={callLabel}\n                    size=\"small\"\n                    icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n                    onClick={onCall}\n                  />\n                ) : null)}\n            </>\n          )}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"names":["defaultFormatLocalTimeLabel","timezone","jsxs","Fragment","defaultFormatStatusLabel","expiresLabel","MetaRow","icon","children","href","textClass","styles","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","closeLabel","staffLabel","coreCommitterLabel","formatLocalTimeLabel","formatStatusLabel","messageLabel","editProfileLabel","sendMessageLabel","mentionLabel","addToChannelLabel","callLabel","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}

package/dist/components/profile-popover/ProfilePopover.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.module.css');const o={"profile-popover":"_profile-popover_1k0p0_22","profile-popover--closing":"_profile-popover--closing_1k0p0_34","profile-popover__role-tag":"_profile-popover__role-tag_1k0p0_37","profile-popover__close":"_profile-popover__close_1k0p0_41","profile-popover__primary":"_profile-popover__primary_1k0p0_46","profile-popover__last-online":"_profile-popover__last-online_1k0p0_54","profile-popover__names":"_profile-popover__names_1k0p0_61","profile-popover__name":"_profile-popover__name_1k0p0_61","profile-popover__handle":"_profile-popover__handle_1k0p0_77","profile-popover__title":"_profile-popover__title_1k0p0_77","profile-popover__secondary":"_profile-popover__secondary_1k0p0_82","profile-popover__titles":"_profile-popover__titles_1k0p0_89","profile-popover__meta-item":"_profile-popover__meta-item_1k0p0_94","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1k0p0_100","profile-popover__meta-icon":"_profile-popover__meta-icon_1k0p0_103","profile-popover__phone-body":"_profile-popover__phone-body_1k0p0_108","profile-popover__meta-link":"_profile-popover__meta-link_1k0p0_115","profile-popover__phone-sub":"_profile-popover__phone-sub_1k0p0_119","profile-popover__meta-text":"_profile-popover__meta-text_1k0p0_124","profile-popover__section-label":"_profile-popover__section-label_1k0p0_149","profile-popover__local-time":"_profile-popover__local-time_1k0p0_156","profile-popover__custom-status":"_profile-popover__custom-status_1k0p0_156","profile-popover__time":"_profile-popover__time_1k0p0_162","profile-popover__status-row":"_profile-popover__status-row_1k0p0_168","profile-popover__status-emoji":"_profile-popover__status-emoji_1k0p0_175","profile-popover__footer":"_profile-popover__footer_1k0p0_184","profile-popover__footer--others":"_profile-popover__footer--others_1k0p0_188","profile-popover__footer--you":"_profile-popover__footer--you_1k0p0_192","profile-popover__primary-action":"_profile-popover__primary-action_1k0p0_196","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1k0p0_199","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1k0p0_203","profile-popover__primary-button":"_profile-popover__primary-button_1k0p0_207","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1k0p0_210"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-popover_1t9ip_33","profile-popover--closing":"_profile-popover--closing_1t9ip_45","profile-popover__role-tag":"_profile-popover__role-tag_1t9ip_48","profile-popover__close":"_profile-popover__close_1t9ip_52","profile-popover__primary":"_profile-popover__primary_1t9ip_57","profile-popover__last-online":"_profile-popover__last-online_1t9ip_65","profile-popover__names":"_profile-popover__names_1t9ip_72","profile-popover__name":"_profile-popover__name_1t9ip_72","profile-popover__handle":"_profile-popover__handle_1t9ip_88","profile-popover__title":"_profile-popover__title_1t9ip_88","profile-popover__secondary":"_profile-popover__secondary_1t9ip_93","profile-popover__titles":"_profile-popover__titles_1t9ip_100","profile-popover__meta-item":"_profile-popover__meta-item_1t9ip_105","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1t9ip_111","profile-popover__meta-icon":"_profile-popover__meta-icon_1t9ip_114","profile-popover__phone-body":"_profile-popover__phone-body_1t9ip_119","profile-popover__meta-link":"_profile-popover__meta-link_1t9ip_126","profile-popover__phone-sub":"_profile-popover__phone-sub_1t9ip_130","profile-popover__meta-text":"_profile-popover__meta-text_1t9ip_135","profile-popover__section-label":"_profile-popover__section-label_1t9ip_160","profile-popover__local-time":"_profile-popover__local-time_1t9ip_167","profile-popover__custom-status":"_profile-popover__custom-status_1t9ip_167","profile-popover__time":"_profile-popover__time_1t9ip_173","profile-popover__status-row":"_profile-popover__status-row_1t9ip_179","profile-popover__status-emoji":"_profile-popover__status-emoji_1t9ip_186","profile-popover__footer":"_profile-popover__footer_1t9ip_195","profile-popover__footer--others":"_profile-popover__footer--others_1t9ip_199","profile-popover__footer--you":"_profile-popover__footer--you_1t9ip_203","profile-popover__primary-action":"_profile-popover__primary-action_1t9ip_207","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1t9ip_210","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1t9ip_214","profile-popover__primary-button":"_profile-popover__primary-button_1t9ip_218","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1t9ip_221"};exports.default=o;
 //# sourceMappingURL=ProfilePopover.module.scss.cjs.map

package/dist/components/profile-popover/ProfilePopover.module.scss.js

@@ -1,37 +1,37 @@
-import './ProfilePopover.module.css';const o = {
-  "profile-popover": "_profile-popover_1k0p0_22",
-  "profile-popover--closing": "_profile-popover--closing_1k0p0_34",
-  "profile-popover__role-tag": "_profile-popover__role-tag_1k0p0_37",
-  "profile-popover__close": "_profile-popover__close_1k0p0_41",
-  "profile-popover__primary": "_profile-popover__primary_1k0p0_46",
-  "profile-popover__last-online": "_profile-popover__last-online_1k0p0_54",
-  "profile-popover__names": "_profile-popover__names_1k0p0_61",
-  "profile-popover__name": "_profile-popover__name_1k0p0_61",
-  "profile-popover__handle": "_profile-popover__handle_1k0p0_77",
-  "profile-popover__title": "_profile-popover__title_1k0p0_77",
-  "profile-popover__secondary": "_profile-popover__secondary_1k0p0_82",
-  "profile-popover__titles": "_profile-popover__titles_1k0p0_89",
-  "profile-popover__meta-item": "_profile-popover__meta-item_1k0p0_94",
-  "profile-popover__meta-item--stacked": "_profile-popover__meta-item--stacked_1k0p0_100",
-  "profile-popover__meta-icon": "_profile-popover__meta-icon_1k0p0_103",
-  "profile-popover__phone-body": "_profile-popover__phone-body_1k0p0_108",
-  "profile-popover__meta-link": "_profile-popover__meta-link_1k0p0_115",
-  "profile-popover__phone-sub": "_profile-popover__phone-sub_1k0p0_119",
-  "profile-popover__meta-text": "_profile-popover__meta-text_1k0p0_124",
-  "profile-popover__section-label": "_profile-popover__section-label_1k0p0_149",
-  "profile-popover__local-time": "_profile-popover__local-time_1k0p0_156",
-  "profile-popover__custom-status": "_profile-popover__custom-status_1k0p0_156",
-  "profile-popover__time": "_profile-popover__time_1k0p0_162",
-  "profile-popover__status-row": "_profile-popover__status-row_1k0p0_168",
-  "profile-popover__status-emoji": "_profile-popover__status-emoji_1k0p0_175",
-  "profile-popover__footer": "_profile-popover__footer_1k0p0_184",
-  "profile-popover__footer--others": "_profile-popover__footer--others_1k0p0_188",
-  "profile-popover__footer--you": "_profile-popover__footer--you_1k0p0_192",
-  "profile-popover__primary-action": "_profile-popover__primary-action_1k0p0_196",
-  "profile-popover__primary-action--others": "_profile-popover__primary-action--others_1k0p0_199",
-  "profile-popover__primary-action--you": "_profile-popover__primary-action--you_1k0p0_203",
-  "profile-popover__primary-button": "_profile-popover__primary-button_1k0p0_207",
-  "profile-popover__secondary-actions": "_profile-popover__secondary-actions_1k0p0_210"
+import './ProfilePopover.css';const o = {
+  "profile-popover": "_profile-popover_1t9ip_33",
+  "profile-popover--closing": "_profile-popover--closing_1t9ip_45",
+  "profile-popover__role-tag": "_profile-popover__role-tag_1t9ip_48",
+  "profile-popover__close": "_profile-popover__close_1t9ip_52",
+  "profile-popover__primary": "_profile-popover__primary_1t9ip_57",
+  "profile-popover__last-online": "_profile-popover__last-online_1t9ip_65",
+  "profile-popover__names": "_profile-popover__names_1t9ip_72",
+  "profile-popover__name": "_profile-popover__name_1t9ip_72",
+  "profile-popover__handle": "_profile-popover__handle_1t9ip_88",
+  "profile-popover__title": "_profile-popover__title_1t9ip_88",
+  "profile-popover__secondary": "_profile-popover__secondary_1t9ip_93",
+  "profile-popover__titles": "_profile-popover__titles_1t9ip_100",
+  "profile-popover__meta-item": "_profile-popover__meta-item_1t9ip_105",
+  "profile-popover__meta-item--stacked": "_profile-popover__meta-item--stacked_1t9ip_111",
+  "profile-popover__meta-icon": "_profile-popover__meta-icon_1t9ip_114",
+  "profile-popover__phone-body": "_profile-popover__phone-body_1t9ip_119",
+  "profile-popover__meta-link": "_profile-popover__meta-link_1t9ip_126",
+  "profile-popover__phone-sub": "_profile-popover__phone-sub_1t9ip_130",
+  "profile-popover__meta-text": "_profile-popover__meta-text_1t9ip_135",
+  "profile-popover__section-label": "_profile-popover__section-label_1t9ip_160",
+  "profile-popover__local-time": "_profile-popover__local-time_1t9ip_167",
+  "profile-popover__custom-status": "_profile-popover__custom-status_1t9ip_167",
+  "profile-popover__time": "_profile-popover__time_1t9ip_173",
+  "profile-popover__status-row": "_profile-popover__status-row_1t9ip_179",
+  "profile-popover__status-emoji": "_profile-popover__status-emoji_1t9ip_186",
+  "profile-popover__footer": "_profile-popover__footer_1t9ip_195",
+  "profile-popover__footer--others": "_profile-popover__footer--others_1t9ip_199",
+  "profile-popover__footer--you": "_profile-popover__footer--you_1t9ip_203",
+  "profile-popover__primary-action": "_profile-popover__primary-action_1t9ip_207",
+  "profile-popover__primary-action--others": "_profile-popover__primary-action--others_1t9ip_210",
+  "profile-popover__primary-action--you": "_profile-popover__primary-action--you_1t9ip_214",
+  "profile-popover__primary-button": "_profile-popover__primary-button_1t9ip_218",
+  "profile-popover__secondary-actions": "_profile-popover__secondary-actions_1t9ip_221"
 };
 export {
   o as default

package/dist/components/progress-bar/ProgressBar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),e=require("./ProgressBar.module.scss.cjs");function f(r){return r>=90?e.default["progress-bar__fill--danger"]:r>=70?e.default["progress-bar__fill--warning"]:e.default["progress-bar__fill--success"]}function d({value:r=0,size:s="large",semanticColors:i=!1,"aria-label":o="Progress",className:t=""}){const a=Math.min(100,Math.max(0,r)),u=s==="small"?e.default["progress-bar--size-small"]:e.default["progress-bar--size-large"],n=i?f(a):e.default["progress-bar__fill--default"];return l.jsx("div",{role:"progressbar","aria-valuenow":a,"aria-valuemin":0,"aria-valuemax":100,"aria-label":o,className:[e.default["progress-bar"],u,t].filter(Boolean).join(" "),children:l.jsx("div",{className:[e.default["progress-bar__fill"],n].filter(Boolean).join(" "),style:{width:`${a}%`}})})}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("./ProgressBar.module.scss.cjs");function v(e){return e>=90?a.default["progress-bar__fill--danger"]:e>=70?a.default["progress-bar__fill--warning"]:a.default["progress-bar__fill--success"]}function c({value:e=0,size:i="large",semanticColors:o=!1,indeterminate:r=!1,decorative:t=!1,"aria-label":u="Progress",className:d="",...f}){const l=Math.min(100,Math.max(0,e)),n=i==="small"?a.default["progress-bar--size-small"]:a.default["progress-bar--size-large"],g=o&&!r?v(l):a.default["progress-bar__fill--default"];return s.jsx("div",{...f,...t?{"aria-hidden":!0,role:void 0,"aria-valuenow":void 0,"aria-valuemin":void 0,"aria-valuemax":void 0,"aria-valuetext":void 0}:{role:"progressbar","aria-valuenow":r?void 0:l,"aria-valuemin":0,"aria-valuemax":100,"aria-label":u},className:[a.default["progress-bar"],n,r?a.default["progress-bar--indeterminate"]:"",d].filter(Boolean).join(" "),children:s.jsx("div",{className:[a.default["progress-bar__fill"],g].filter(Boolean).join(" "),style:r?void 0:{width:`${l}%`}})})}exports.default=c;
 //# sourceMappingURL=ProgressBar.cjs.map