@forgedevstack/bear 1.2.6 → 1.2.7

package/dist/components/Input/Input.js

@@ -1,120 +1,120 @@
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { forwardRef as ye, useContext as ve, useState as Ie, useRef as we, useCallback as C, useEffect as Be } from "react";
-import { cn as b } from "../../utils/cn.js";
-import { resolveBearId as Ne } from "../../utils/generateBearId.utils.js";
-import { useBearId as Ce } from "../../utils/useBearId.js";
-import { BearContext as Ee, useBearDirectionOptional as Te } from "../../context/BearProvider.js";
-import { ClearIcon as ke } from "./components/ClearIcon/ClearIcon.js";
-import { applyAutoFormat as Se } from "./Input.utils.js";
-import { validateFieldValue as Le } from "../Form/Form.utils.js";
-import { INPUT_TEXT_CLASSES as Ae, INPUT_MULTILINE_MIN_ROWS as Ue, INPUT_MULTILINE_DEFAULT_ROWS as Me, INPUT_WRAPPER_HEIGHT_CLASSES as Oe, INPUT_ROOT_CLASS as je } from "./Input.const.js";
-const He = ye(
+import { forwardRef as ve, useContext as we, useState as Ne, useRef as Be, useCallback as C, useEffect as Ce } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { resolveBearId as Te } from "../../utils/generateBearId.utils.js";
+import { useBearId as Ee } from "../../utils/useBearId.js";
+import { useBearDensityOptional as Se, BearContext as Ae, useBearDirectionOptional as ke } from "../../context/BearProvider.js";
+import { ClearIcon as Le } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as Ue } from "./Input.utils.js";
+import { validateFieldValue as Oe } from "../Form/Form.utils.js";
+import { INPUT_TEXT_COMPACT_CLASSES as Me, INPUT_TEXT_CLASSES as He, INPUT_MULTILINE_MIN_ROWS as Re, INPUT_MULTILINE_DEFAULT_ROWS as We, INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES as je, INPUT_WRAPPER_HEIGHT_CLASSES as De, INPUT_ROOT_CLASS as Ge } from "./Input.const.js";
+const Pe = ve(
   ({
-    label: E,
+    label: T,
     helperText: K,
     error: y,
-    success: T,
-    size: k = "md",
-    variant: We,
-    radius: De,
+    success: E,
+    size: S = "md",
+    variant: Xe,
+    radius: $e,
     InputProps: i,
     leftAddon: Q,
     rightAddon: V,
-    prefix: Re,
-    suffix: $e,
+    prefix: Fe,
+    suffix: qe,
     fullWidth: Y = !1,
     clearable: Z = !1,
-    onClear: P,
-    showCharCount: S = !1,
-    charCountMax: ee,
-    autoFormat: v,
+    onClear: ee,
+    showCharCount: A = !1,
+    charCountMax: re,
+    autoFormat: I,
     validation: t,
-    validateOnBlur: re,
-    validateOnChange: L = !1,
-    loading: Fe,
-    copyable: Ge,
-    onCopy: Xe,
-    floatingLabel: qe,
+    validateOnBlur: ae,
+    validateOnChange: k = !1,
+    loading: ze,
+    copyable: Je,
+    onCopy: Ke,
+    floatingLabel: Qe,
     multiline: l = !1,
-    rows: ae,
-    minRows: te = Ue,
-    maxRows: ze,
-    readOnly: A,
+    rows: te,
+    minRows: se = Re,
+    maxRows: Ve,
+    readOnly: L,
     inputRef: s,
     inputProps: U,
-    id: se,
-    testId: oe,
-    className: ne,
-    disabled: c,
+    id: oe,
+    testId: ne,
+    className: ie,
+    disabled: b,
     value: d,
     defaultValue: f,
-    maxLength: I,
+    maxLength: v,
     onChange: u,
     onBlur: _,
-    ...M
+    ...O
   }, o) => {
     var J;
-    const ie = Ce("Input"), w = Ne(se, ie), B = ve(Ee), r = (J = B == null ? void 0 : B.components) == null ? void 0 : J.Input, le = r == null ? void 0 : r.root, be = r == null ? void 0 : r.input, ce = r == null ? void 0 : r.label, de = r == null ? void 0 : r.helper, fe = r == null ? void 0 : r.prefix, ue = r == null ? void 0 : r.suffix, [_e, O] = Ie(null), j = we(!1), pe = Ae, xe = Oe, H = t ? re ?? !0 : !1, W = y || _e, n = !!W, p = !!T && !n, x = ee ?? I, N = typeof d == "string" ? d.length : typeof f == "string" ? f.length : 0, D = x != null && N > x, me = Z && !c && N > 0, { direction: he } = Te(), R = (i == null ? void 0 : i.startAdornment) ?? Q, $ = (i == null ? void 0 : i.endAdornment) ?? V, F = W || T || K, m = C(async (e) => {
+    const le = Ee("Input"), w = Te(oe, le), { density: ce } = Se(), M = ce === "compact", N = we(Ae), r = (J = N == null ? void 0 : N.components) == null ? void 0 : J.Input, be = r == null ? void 0 : r.root, de = r == null ? void 0 : r.input, fe = r == null ? void 0 : r.label, ue = r == null ? void 0 : r.helper, _e = r == null ? void 0 : r.prefix, pe = r == null ? void 0 : r.suffix, [me, H] = Ne(null), R = Be(!1), xe = M ? Me : He, he = M ? je : De, W = t ? ae ?? !0 : !1, j = y || me, n = !!j, p = !!E && !n, m = re ?? v, B = typeof d == "string" ? d.length : typeof f == "string" ? f.length : 0, D = m != null && B > m, ge = Z && !b && B > 0, { direction: ye } = ke(), G = (i == null ? void 0 : i.startAdornment) ?? Q, P = (i == null ? void 0 : i.endAdornment) ?? V, X = j || E || K, x = C(async (e) => {
       if (!t) return;
-      j.current = !0;
-      const h = await Le(e, t);
-      j.current = !1, O(h);
+      R.current = !0;
+      const h = await Oe(e, t);
+      R.current = !1, H(h);
     }, [t]);
-    Be(() => {
-      y && O(null);
+    Ce(() => {
+      y && H(null);
     }, [y]);
-    const G = C(
+    const $ = C(
       (e) => {
-        if (v && !l) {
-          const h = Se(e.target.value, v);
+        if (I && !l) {
+          const h = Ue(e.target.value, I);
           h !== e.target.value && (e.target.value = h);
         }
-        u == null || u(e), L && t && m(e.target.value);
+        u == null || u(e), k && t && x(e.target.value);
       },
-      [v, l, u, L, t, m]
-    ), X = C(
+      [I, l, u, k, t, x]
+    ), F = C(
       (e) => {
-        _ == null || _(e), H && t && m(e.target.value);
+        _ == null || _(e), W && t && x(e.target.value);
       },
-      [_, H, t, m]
-    ), q = b(
+      [_, W, t, x]
+    ), q = c(
       "Bear-Input__field",
       "bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent",
       "placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",
-      pe[k],
+      xe[S],
       l && "bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",
-      ne
+      ie
     ), z = {
       color: "var(--bear-text-primary)",
-      ...be
-    }, ge = ae ?? te ?? Me;
+      ...de
+    }, Ie = te ?? se ?? We;
     return /* @__PURE__ */ g(
       "div",
       {
         id: w,
-        "data-testid": oe,
-        className: b(je, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
-        style: le,
+        "data-testid": ne,
+        className: c(Ge, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
+        style: be,
         children: [
-          E && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...ce }, children: E }),
+          T && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...fe }, children: T }),
           /* @__PURE__ */ g(
             "div",
             {
-              className: b(
+              className: c(
                 "Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200",
                 "focus-within:bear-ring-2 focus-within:bear-ring-offset-2",
                 "focus-within:bear-ring-offset-[var(--bear-bg-primary)]",
                 n ? "Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500" : p ? "Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500" : "focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",
-                c && "bear-opacity-50 bear-cursor-not-allowed",
-                !l && xe[k]
+                b && "bear-opacity-50 bear-cursor-not-allowed",
+                !l && he[S]
               ),
-              dir: he,
+              dir: ye,
               style: {
                 backgroundColor: "var(--bear-bg-primary)",
                 borderColor: n || p ? void 0 : "var(--bear-border-default)"
               },
               children: [
-                R && /* @__PURE__ */ a(
+                G && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",
@@ -122,9 +122,9 @@ const He = ye(
                       backgroundColor: "var(--bear-bg-tertiary)",
                       borderInlineEnd: "1px solid var(--bear-border-default)",
                       color: "var(--bear-text-secondary)",
-                      ...fe
+                      ..._e
                     },
-                    children: R
+                    children: G
                   }
                 ),
                 l ? /* @__PURE__ */ a(
@@ -134,19 +134,19 @@ const He = ye(
                       typeof o == "function" ? o(e) : o && (o.current = e), typeof s == "function" ? s(e) : s && (s.current = e);
                     },
                     id: `${w}-field`,
-                    disabled: c,
-                    readOnly: A,
+                    disabled: b,
+                    readOnly: L,
                     value: d,
                     defaultValue: f,
-                    maxLength: I,
-                    rows: ge,
+                    maxLength: v,
+                    rows: Ie,
                     "aria-invalid": n || void 0,
                     className: q,
                     style: z,
                     ...U,
-                    ...M,
-                    onChange: (e) => G(e),
-                    onBlur: (e) => X(e)
+                    ...O,
+                    onChange: (e) => $(e),
+                    onBlur: (e) => F(e)
                   }
                 ) : /* @__PURE__ */ a(
                   "input",
@@ -155,29 +155,29 @@ const He = ye(
                       typeof o == "function" ? o(e) : o && (o.current = e), typeof s == "function" ? s(e) : s && (s.current = e);
                     },
                     id: `${w}-field`,
-                    disabled: c,
-                    readOnly: A,
+                    disabled: b,
+                    readOnly: L,
                     value: d,
                     defaultValue: f,
-                    maxLength: I,
+                    maxLength: v,
                     "aria-invalid": n || void 0,
-                    onChange: G,
-                    onBlur: X,
+                    onChange: $,
+                    onBlur: F,
                     className: q,
                     style: z,
                     ...U,
-                    ...M
+                    ...O
                   }
                 ),
-                me && /* @__PURE__ */ a(
+                ge && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",
                     style: { color: "var(--bear-text-muted)" },
-                    children: /* @__PURE__ */ a(ke, { onClick: P })
+                    children: /* @__PURE__ */ a(Le, { onClick: ee })
                   }
                 ),
-                $ && /* @__PURE__ */ a(
+                P && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",
@@ -185,42 +185,42 @@ const He = ye(
                       backgroundColor: "var(--bear-bg-tertiary)",
                       borderInlineStart: "1px solid var(--bear-border-default)",
                       color: "var(--bear-text-secondary)",
-                      ...ue
+                      ...pe
                     },
-                    children: $
+                    children: P
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ g("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-            F ? /* @__PURE__ */ a(
+            X ? /* @__PURE__ */ a(
               "p",
               {
-                className: b(
+                className: c(
                   "Bear-Input__helper bear-text-sm bear-flex-1",
                   n && "Bear-Input__helper--error bear-text-red-500",
                   p && "Bear-Input__helper--success bear-text-green-500"
                 ),
                 style: {
                   ...n || p ? {} : { color: "var(--bear-text-muted)" },
-                  ...de
+                  ...ue
                 },
-                children: F
+                children: X
               }
-            ) : S ? /* @__PURE__ */ a("span", {}) : null,
-            S && x != null && /* @__PURE__ */ g(
+            ) : A ? /* @__PURE__ */ a("span", {}) : null,
+            A && m != null && /* @__PURE__ */ g(
               "span",
               {
-                className: b(
+                className: c(
                   "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
                   D && "bear-text-red-500"
                 ),
                 style: D ? void 0 : { color: "var(--bear-text-muted)" },
                 children: [
-                  N,
+                  B,
                   "/",
-                  x
+                  m
                 ]
               }
             )
@@ -230,7 +230,7 @@ const He = ye(
     );
   }
 );
-He.displayName = "Input";
+Pe.displayName = "Input";
 export {
-  He as Input
+  Pe as Input
 };

package/dist/components/MessageList/MessageList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),Z=require("../Avatar/Avatar.cjs"),o=require("../Typography/Typography.cjs"),e=require("./MessageList.const.cjs"),A=require("./MessageList.utils.cjs"),t=require("../../utils/cn.cjs"),J=require("../../utils/generateBearId.utils.cjs"),K=require("../../utils/useBearId.cjs"),Q=({id:x,testId:f,messages:c,currentUserId:j,groupWindowMs:B=e.MESSAGE_LIST_GROUP_WINDOW_MS,showDaySeparators:b=!0,showAvatars:H=!0,showTimestamps:G=!0,autoScroll:R=!0,virtualized:$,height:E=e.MESSAGE_LIST_DEFAULT_HEIGHT,renderMessage:L,emptyState:g,formatDayLabel:T,formatTimestamp:I,translations:w,onNewMessagesClick:d,className:U})=>{const D=K.useBearId("MessageList"),P=J.resolveBearId(x,D),a=n.useRef(null),h=n.useRef(!0),O=n.useRef(null),[q,u]=n.useState(!1),[Y,W]=n.useState(0),[F,p]=n.useState(typeof E=="number"?E:e.MESSAGE_LIST_DEFAULT_HEIGHT),M={...e.MESSAGE_LIST_DEFAULT_TRANSLATIONS,...w},r=A.buildMessageListItems(c,j,B,b),V=S=>(T==null?void 0:T(S))??A.getDefaultDayLabel(S,M),m=S=>(I==null?void 0:I(S))??A.getDefaultTimestamp(S),C=$??c.length>=e.MESSAGE_LIST_VIRTUALIZE_THRESHOLD,y=S=>{const _=a.current;_&&_.scrollTo({top:_.scrollHeight,behavior:S?"smooth":"auto"})},k=()=>{const S=a.current;if(!S)return;W(S.scrollTop),p(S.clientHeight);const i=S.scrollHeight-S.scrollTop-S.clientHeight<=e.MESSAGE_LIST_BOTTOM_THRESHOLD_PX;h.current=i,i&&u(!1)};n.useEffect(()=>{const S=a.current;S&&p(S.clientHeight)},[E]),n.useEffect(()=>{const S=c.length>0?c[c.length-1].id:null,_=O.current===null,i=S!==null&&S!==O.current;if(O.current=S,!!i){if(_||R&&h.current){y(!_);return}u(!0)}},[c,R]);const z=()=>{y(!0),u(!1),d==null||d()},X=S=>s.jsxs("div",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group`,e.MESSAGE_LIST_GROUP_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_OWN_CLASSES),children:[H&&!S.isOwn&&s.jsx(Z.Avatar,{src:S.author.avatar,initials:S.author.name[0],size:"sm",className:"bear-flex-shrink-0"}),s.jsxs("div",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group-body`,e.MESSAGE_LIST_GROUP_BODY_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_BODY_OWN_CLASSES),children:[!S.isOwn&&s.jsxs("div",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__meta`,e.MESSAGE_LIST_META_CLASSES),children:[s.jsx(o.Typography,{variant:"caption",component:"span",className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__author`,e.MESSAGE_LIST_AUTHOR_CLASSES),children:S.author.name}),G&&s.jsx(o.Typography,{variant:"caption",component:"span",className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:m(S.messages[0].timestamp)})]}),S.messages.map(_=>s.jsx("div",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__bubble`,e.MESSAGE_LIST_BUBBLE_CLASSES,S.isOwn&&`${e.MESSAGE_LIST_ROOT_CLASS}__bubble--own`,S.isOwn&&e.MESSAGE_LIST_BUBBLE_OWN_CLASSES),children:(L==null?void 0:L(_))??_.content},_.id)),S.isOwn&&G&&s.jsx(o.Typography,{variant:"caption",component:"span",className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:m(S.messages[S.messages.length-1].timestamp)})]})]},S.key),N=S=>S.kind==="day"?s.jsxs("div",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-separator`,e.MESSAGE_LIST_DAY_SEPARATOR_CLASSES),children:[s.jsx("span",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)}),s.jsx("span",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-label`,e.MESSAGE_LIST_DAY_LABEL_CLASSES),children:V(S.date)}),s.jsx("span",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)})]},S.key):X(S),l=C?A.getMessageListWindow(r,Y,F,e.MESSAGE_LIST_OVERSCAN):null,v=l===null?r:r.slice(l.startIndex,l.endIndex+1);return s.jsxs("div",{id:P,"data-testid":f,className:t.cn(e.MESSAGE_LIST_ROOT_CLASS,e.MESSAGE_LIST_BASE_CLASSES,U),style:{height:typeof E=="number"?`${E}px`:E},children:[s.jsxs("div",{ref:a,onScroll:k,className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__scroller`,e.MESSAGE_LIST_SCROLLER_CLASSES),role:"log","aria-live":"polite",children:[r.length===0&&s.jsx("div",{className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__empty`,e.MESSAGE_LIST_EMPTY_CLASSES),children:g??s.jsx(o.Typography,{variant:"body2",component:"span",children:M.emptyLabel})}),C&&l?s.jsx("div",{className:`${e.MESSAGE_LIST_ROOT_CLASS}__virtual`,style:{height:l.totalHeight,position:"relative"},children:s.jsx("div",{style:{transform:`translateY(${l.offsetTop}px)`},children:v.map(S=>N(S))})}):v.map(S=>N(S))]}),q&&s.jsx("button",{type:"button",onClick:z,className:t.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__new-messages`,e.MESSAGE_LIST_NEW_MESSAGES_CLASSES),children:M.newMessages})]})};exports.MessageList=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),_=require("react"),eS=require("../Avatar/Avatar.cjs"),a=require("../Typography/Typography.cjs"),e=require("./MessageList.const.cjs"),A=require("./MessageList.utils.cjs"),n=require("../../utils/cn.cjs"),tS=require("../../utils/generateBearId.utils.cjs"),sS=require("../../utils/useBearId.cjs"),nS=({id:H,testId:B,messages:c,currentUserId:b,groupWindowMs:$=e.MESSAGE_LIST_GROUP_WINDOW_MS,showDaySeparators:g=!0,showAvatars:w=!0,showTimestamps:h=!0,autoScroll:p=!0,virtualized:P,overscan:U=e.MESSAGE_LIST_OVERSCAN,height:E=e.MESSAGE_LIST_DEFAULT_HEIGHT,renderMessage:L,emptyState:D,formatDayLabel:T,formatTimestamp:u,translations:q,onNewMessagesClick:d,className:Y})=>{const W=sS.useBearId("MessageList"),F=tS.resolveBearId(H,W),l=_.useRef(null),C=_.useRef(!0),I=_.useRef(null),O=_.useRef(null),M=_.useRef(null),[V,G]=_.useState(!1),[k,m]=_.useState(0),[z,f]=_.useState(typeof E=="number"?E:e.MESSAGE_LIST_DEFAULT_HEIGHT),R={...e.MESSAGE_LIST_DEFAULT_TRANSLATIONS,...q},o=A.buildMessageListItems(c,b,$,g),X=S=>(T==null?void 0:T(S))??A.getDefaultDayLabel(S,R),y=S=>(u==null?void 0:u(S))??A.getDefaultTimestamp(S),v=P??c.length>=e.MESSAGE_LIST_VIRTUALIZE_THRESHOLD,N=S=>{const s=l.current;s&&s.scrollTo({top:s.scrollHeight,behavior:S?"smooth":"auto"})},Z=()=>{const S=l.current;if(!S)return;m(S.scrollTop),f(S.clientHeight);const r=S.scrollHeight-S.scrollTop-S.clientHeight<=e.MESSAGE_LIST_BOTTOM_THRESHOLD_PX;C.current=r,r&&G(!1)};_.useEffect(()=>{const S=l.current;S&&f(S.clientHeight)},[E]),_.useEffect(()=>{const S=c.length>0?c[0].id:null,s=c.length>0?c[c.length-1].id:null,r=I.current===null,Q=S!==null&&O.current!==null&&S!==O.current,SS=s!==null&&s!==I.current;if(Q&&l.current&&(M.current=l.current.scrollHeight),O.current=S,I.current=s,!!SS){if(r||p&&C.current){N(!r);return}G(!0)}},[c,p]),_.useLayoutEffect(()=>{const S=l.current,s=M.current;if(!S||s===null)return;const r=S.scrollHeight-s;r>0&&(S.scrollTop+=r,m(S.scrollTop)),M.current=null},[c]);const J=()=>{N(!0),G(!1),d==null||d()},K=S=>t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group`,e.MESSAGE_LIST_GROUP_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_OWN_CLASSES),children:[w&&!S.isOwn&&t.jsx(eS.Avatar,{src:S.author.avatar,initials:S.author.name[0],size:"sm",className:"bear-flex-shrink-0"}),t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group-body`,e.MESSAGE_LIST_GROUP_BODY_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_BODY_OWN_CLASSES),children:[!S.isOwn&&t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__meta`,e.MESSAGE_LIST_META_CLASSES),children:[t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__author`,e.MESSAGE_LIST_AUTHOR_CLASSES),children:S.author.name}),h&&t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:y(S.messages[0].timestamp)})]}),S.messages.map(s=>t.jsx("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__bubble`,e.MESSAGE_LIST_BUBBLE_CLASSES,S.isOwn&&`${e.MESSAGE_LIST_ROOT_CLASS}__bubble--own`,S.isOwn&&e.MESSAGE_LIST_BUBBLE_OWN_CLASSES),children:(L==null?void 0:L(s))??s.content},s.id)),S.isOwn&&h&&t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:y(S.messages[S.messages.length-1].timestamp)})]})]},S.key),x=S=>S.kind==="day"?t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-separator`,e.MESSAGE_LIST_DAY_SEPARATOR_CLASSES),children:[t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)}),t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-label`,e.MESSAGE_LIST_DAY_LABEL_CLASSES),children:X(S.date)}),t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)})]},S.key):K(S),i=v?A.getMessageListWindow(o,k,z,U):null,j=i===null?o:o.slice(i.startIndex,i.endIndex+1);return t.jsxs("div",{id:F,"data-testid":B,className:n.cn(e.MESSAGE_LIST_ROOT_CLASS,e.MESSAGE_LIST_BASE_CLASSES,Y),style:{height:typeof E=="number"?`${E}px`:E},children:[t.jsxs("div",{ref:l,onScroll:Z,className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__scroller`,e.MESSAGE_LIST_SCROLLER_CLASSES),role:"log","aria-live":"polite",children:[o.length===0&&t.jsx("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__empty`,e.MESSAGE_LIST_EMPTY_CLASSES),children:D??t.jsx(a.Typography,{variant:"body2",component:"span",children:R.emptyLabel})}),v&&i?t.jsx("div",{className:`${e.MESSAGE_LIST_ROOT_CLASS}__virtual`,style:{height:i.totalHeight,position:"relative"},children:t.jsx("div",{style:{transform:`translateY(${i.offsetTop}px)`},children:j.map(S=>x(S))})}):j.map(S=>x(S))]}),V&&t.jsx("button",{type:"button",onClick:J,className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__new-messages`,e.MESSAGE_LIST_NEW_MESSAGES_CLASSES),children:R.newMessages})]})};exports.MessageList=nS;