@linagora/twake-mui 9.11.1 → 9.11.2

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## @linagora/twake-mui [9.11.2](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.11.1...@linagora/twake-mui@9.11.2) (2026-09-29)
+
+
+### Bug Fixes
+
+* Added break-word to long name and email ([fdfcd16](https://github.com/linagora/twake-ui/commit/fdfcd16b7a381eb9272e1e405f60fc65c85fbbdd))
+* Added disable param for contact popover actions ([fe4af23](https://github.com/linagora/twake-ui/commit/fe4af23240350aa9df0b2a9a58a2bb255340efce))
+* Removed fullwidth from email action button ([e7eb7da](https://github.com/linagora/twake-ui/commit/e7eb7dae06b5afc4421b5f77c512e765ee7b7dfb))
+
 ## @linagora/twake-mui [9.11.1](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.11.0...@linagora/twake-mui@9.11.1) (2026-09-29)
 
 

package/dist/components/ContactPopover/AttendeeInfo.js

@@ -25,9 +25,9 @@ export const AttendeeInfo = ({ name, email, onEmailCopy }) => {
     return (React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', gap: 2 } },
         React.createElement(Avatar, { color: avatarColor, size: 48, sx: { width: 48, height: 48, fontSize: '1.25rem' } }, initials),
         React.createElement(Box, { sx: { minWidth: 0 } },
-            name && name !== email ? (React.createElement(Typography, { variant: "body1", sx: { fontWeight: 500 }, noWrap: true }, name)) : null,
+            name && name !== email ? (React.createElement(Typography, { variant: "body1", sx: { fontWeight: 500, wordBreak: 'break-word' } }, name)) : null,
             React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 } },
-                React.createElement(Typography, { variant: "body2", color: "text.secondary", noWrap: true }, email),
+                React.createElement(Typography, { variant: "body2", color: "text.secondary", sx: { wordBreak: 'break-word' } }, email),
                 React.createElement(IconButton, { size: "small", onClick: () => void handleCopy(), sx: { p: 0.5, color: alpha(theme.palette.grey[900], 0.9) }, title: showCopied
                         ? t('ContactPopover.copiedTooltip')
                         : t('ContactPopover.copyTooltip') },

package/dist/components/ContactPopover/ContactPopoverCalendarAction.d.ts

@@ -1,5 +1,7 @@
 export interface ContactPopoverCalendarActionProps {
     /** URL for calendar action (e.g., view attendee's calendar) */
     url: string;
+    /** Disable the action button */
+    disabled?: boolean;
 }
-export declare const ContactPopoverCalendarAction: ({ url }: ContactPopoverCalendarActionProps) => JSX.Element;
+export declare const ContactPopoverCalendarAction: ({ url, disabled }: ContactPopoverCalendarActionProps) => JSX.Element;

package/dist/components/ContactPopover/ContactPopoverCalendarAction.js

@@ -2,8 +2,8 @@ import { Icon } from '@linagora/twake-icons';
 import { CalendarToday } from '@linagora/twake-icons';
 import { IconButton, useTheme } from '@mui/material';
 import React from 'react';
-export const ContactPopoverCalendarAction = ({ url }) => {
+export const ContactPopoverCalendarAction = ({ url, disabled = false }) => {
     const theme = useTheme();
-    return (React.createElement(IconButton, { href: url, target: "_blank", rel: "noopener noreferrer", size: "small", sx: { border: `1px solid ${theme.palette.divider}` } },
+    return (React.createElement(IconButton, { href: url, target: "_blank", rel: "noopener noreferrer", size: "small", disabled: disabled, sx: { border: `1px solid ${theme.palette.divider}` } },
         React.createElement(Icon, { icon: CalendarToday, size: 20, color: theme.palette.text.icon })));
 };

package/dist/components/ContactPopover/ContactPopoverChatAction.d.ts

@@ -1,5 +1,7 @@
 export interface ContactPopoverChatActionProps {
     /** URL for chat action (e.g., Twake Chat link) */
     url: string;
+    /** Disable the action button */
+    disabled?: boolean;
 }
-export declare const ContactPopoverChatAction: ({ url }: ContactPopoverChatActionProps) => JSX.Element;
+export declare const ContactPopoverChatAction: ({ url, disabled }: ContactPopoverChatActionProps) => JSX.Element;

package/dist/components/ContactPopover/ContactPopoverChatAction.js

@@ -2,8 +2,8 @@ import { Icon } from '@linagora/twake-icons';
 import { Discuss } from '@linagora/twake-icons';
 import { IconButton, useTheme } from '@mui/material';
 import React from 'react';
-export const ContactPopoverChatAction = ({ url }) => {
+export const ContactPopoverChatAction = ({ url, disabled = false }) => {
     const theme = useTheme();
-    return (React.createElement(IconButton, { href: url, target: "_blank", rel: "noopener noreferrer", size: "small", sx: { border: `1px solid ${theme.palette.divider}` } },
+    return (React.createElement(IconButton, { href: url, target: "_blank", rel: "noopener noreferrer", size: "small", disabled: disabled, sx: { border: `1px solid ${theme.palette.divider}` } },
         React.createElement(Icon, { icon: Discuss, size: 20, color: theme.palette.text.icon })));
 };

package/dist/components/ContactPopover/ContactPopoverEmailAction.d.ts

@@ -1,5 +1,7 @@
 export interface ContactPopoverEmailActionProps {
     /** URL for email action */
     url: string;
+    /** Disable the action button */
+    disabled?: boolean;
 }
-export declare const ContactPopoverEmailAction: ({ url }: ContactPopoverEmailActionProps) => JSX.Element;
+export declare const ContactPopoverEmailAction: ({ url, disabled }: ContactPopoverEmailActionProps) => JSX.Element;

package/dist/components/ContactPopover/ContactPopoverEmailAction.js

@@ -1,10 +1,10 @@
 import { Button, useTheme } from '@mui/material';
 import React from 'react';
 import { useI18n } from 'twake-i18n';
-export const ContactPopoverEmailAction = ({ url }) => {
+export const ContactPopoverEmailAction = ({ url, disabled = false }) => {
     const theme = useTheme();
     const { t } = useI18n();
-    return (React.createElement(Button, { href: url, target: "_blank", rel: "noopener noreferrer", variant: "outlined", size: "small", fullWidth: true, sx: {
+    return (React.createElement(Button, { href: url, target: "_blank", rel: "noopener noreferrer", variant: "outlined", size: "small", disabled: disabled, sx: {
             justifyContent: 'center',
             color: theme.palette.text.primary,
             borderColor: theme.palette.divider

package/dist/components/ContactPopover/ContactPopoverVideoAction.d.ts

@@ -1,5 +1,7 @@
 export interface ContactPopoverVideoActionProps {
     /** URL for video call action (e.g., Twake Meet link) */
     url: string;
+    /** Disable the action button */
+    disabled?: boolean;
 }
-export declare const ContactPopoverVideoAction: ({ url }: ContactPopoverVideoActionProps) => JSX.Element;
+export declare const ContactPopoverVideoAction: ({ url, disabled }: ContactPopoverVideoActionProps) => JSX.Element;

package/dist/components/ContactPopover/ContactPopoverVideoAction.js

@@ -2,8 +2,8 @@ import { Icon } from '@linagora/twake-icons';
 import { Camera } from '@linagora/twake-icons';
 import { IconButton, useTheme } from '@mui/material';
 import React from 'react';
-export const ContactPopoverVideoAction = ({ url }) => {
+export const ContactPopoverVideoAction = ({ url, disabled = false }) => {
     const theme = useTheme();
-    return (React.createElement(IconButton, { href: url, target: "_blank", rel: "noopener noreferrer", size: "small", sx: { border: `1px solid ${theme.palette.divider}` } },
+    return (React.createElement(IconButton, { href: url, target: "_blank", rel: "noopener noreferrer", size: "small", disabled: disabled, sx: { border: `1px solid ${theme.palette.divider}` } },
         React.createElement(Icon, { icon: Camera, size: 20, color: theme.palette.text.icon })));
 };

package/dist/components/ContactPopover/index.js

@@ -113,7 +113,8 @@ export const ContactPopover = ({ name, email, children, onEmailCopy, onClose, di
                 paper: {
                     elevation: 4,
                     sx: {
-                        borderRadius: 2
+                        borderRadius: 2,
+                        maxWidth: 400
                     },
                     onMouseEnter: handlePopoverMouseEnter,
                     onMouseLeave: handleMouseLeave

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linagora/twake-mui",
   "type": "module",
-  "version": "9.11.1",
+  "version": "9.11.2",
   "description": "MUI v9 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",