@linagora/twake-mui 9.4.0 → 9.5.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# @linagora/twake-mui [9.5.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.4.0...@linagora/twake-mui@9.5.0) (2026-09-24)
+
+
+### Bug Fixes
+
+* **twake-mui:** Keep slow clicks on VirtualizedTable cells without a long press handler ([9e2d7a7](https://github.com/linagora/twake-ui/commit/9e2d7a786e911a509ba35b5ddedcacb43e9d2061))
+* **twake-mui:** Show a pointer only on clickable VirtualizedTable cells ([eb98bc0](https://github.com/linagora/twake-ui/commit/eb98bc08892c5d6c162443cda249f81f57422512))
+* **twake-mui:** Sort VirtualizedTable rows only when rows or order change ([1cb782a](https://github.com/linagora/twake-ui/commit/1cb782a1b7fa39c4bf12a814cb1aa5d6d1ae7cc0))
+* **twake-mui:** Translate the VirtualizedTable sort direction announcement ([ffd5cc2](https://github.com/linagora/twake-ui/commit/ffd5cc2efaa437cc47d757b9d423e6648ddf6fe4))
+
+
+### Features
+
+* **twake-mui:** Export VirtuosoMockContext to test VirtualizedTable ([ab456e5](https://github.com/linagora/twake-ui/commit/ab456e56fa0c121c67561e944d91d3c2641b98de))
+
 # @linagora/twake-mui [9.4.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.3.0...@linagora/twake-mui@9.4.0) (2026-09-23)
 
 

package/dist/components/VirtualizedTable/Cell.js

@@ -11,10 +11,11 @@ export const Cell = ({ row, columns, column, onClick, onDoubleClick, onLongPress
     const cellContent = getPath(row, column.id);
     const cell = cellContent === undefined ? '—' : cellContent;
     const longPressRef = useOnLongPress(() => {
-        if (column.disableClick)
+        // without a long press handler, a slow click must stay a click
+        if (column.disableClick || !onLongPress)
             return;
         isLongPress.current = true;
-        onLongPress?.(row, column);
+        onLongPress(row, column);
     }, { duration: LONG_PRESS_DURATION });
     const handleClick = () => {
         if (column.disableClick)
@@ -30,7 +31,7 @@ export const Cell = ({ row, columns, column, onClick, onDoubleClick, onLongPress
             onClick?.(row, column);
     };
     return (React.createElement(TableCell, { ref: longPressRef, sx: {
-            cursor: onClick ? 'pointer' : undefined,
+            cursor: !!onClick && !column.disableClick ? 'pointer' : undefined,
             width: column.width,
             maxWidth: column.maxWidth
         }, className: column.noWrap ? 'u-ellipsis' : undefined, align: column.textAlign ?? 'left', padding: column.disablePadding ? 'none' : 'normal', onClick: handleClick, onDoubleClick: () => column.disableClick ? undefined : onDoubleClick?.(row, column), onContextMenu: ev => isLongPress.current && ev.preventDefault() }, children

package/dist/components/VirtualizedTable/HeadCell.js

@@ -1,10 +1,18 @@
 import { TableCell, TableSortLabel } from '@mui/material';
 import React from 'react';
+import { useExtendI18n, useI18n } from 'twake-i18n';
+import en from './locales/en.json';
+import fr from './locales/fr.json';
+import ru from './locales/ru.json';
+import vi from './locales/vi.json';
+const locales = { en, fr, ru, vi };
 export const HeadCell = ({ column, orderBy, orderDirection, onClick }) => {
+    useExtendI18n(locales);
+    const { t } = useI18n();
     const isActive = orderBy === column.id;
     return (React.createElement(TableCell, { sx: { width: column.width, maxWidth: column.maxWidth }, className: column.noWrap ? 'u-ellipsis' : undefined, align: column.textAlign ?? 'left', padding: column.disablePadding ? 'none' : 'normal', sortDirection: isActive ? orderDirection : false }, column.sortable !== false ? (React.createElement(TableSortLabel, { active: isActive, direction: isActive ? orderDirection : 'asc', onClick: onClick },
         column.label,
         isActive && (React.createElement("span", { className: "u-visuallyhidden" }, orderDirection === 'desc'
-            ? 'sorted descending'
-            : 'sorted ascending')))) : (column.label)));
+            ? t('VirtualizedTable.sortedDesc')
+            : t('VirtualizedTable.sortedAsc'))))) : (column.label)));
 };

package/dist/components/VirtualizedTable/index.js

@@ -1,5 +1,5 @@
 import { TableCell } from '@mui/material';
-import React, { forwardRef, useState } from 'react';
+import React, { forwardRef, useMemo, useState } from 'react';
 import { GroupedTableVirtuoso, TableVirtuoso } from 'react-virtuoso';
 import { FixedHeaderContent } from './FixedHeaderContent';
 import { RowContent } from './RowContent';
@@ -8,10 +8,12 @@ import { virtuosoComponents } from './virtuosoComponents';
 export const VirtualizedTable = forwardRef(({ rows, columns, groups, defaultOrder, secondarySort, selectedItems = [], isSelectedItem = () => false, isNewItem, context, componentsProps, components = virtuosoComponents, onSortChange, ...props }, ref) => {
     const [orderDirection, setOrderDirection] = useState(defaultOrder?.direction ?? 'asc');
     const [orderBy, setOrderBy] = useState(defaultOrder?.by);
-    const sortedRows = orderBy
-        ? stableSort(rows, getComparator(orderDirection, orderBy))
-        : rows;
-    const data = secondarySort ? secondarySort(sortedRows) : sortedRows;
+    const data = useMemo(() => {
+        const sortedRows = orderBy
+            ? stableSort(rows, getComparator(orderDirection, orderBy))
+            : rows;
+        return secondarySort ? secondarySort(sortedRows) : sortedRows;
+    }, [rows, orderBy, orderDirection, secondarySort]);
     const { groupLabels, groupCounts } = groups?.(data) ?? {};
     const tableContext = {
         ...context,

package/dist/components/VirtualizedTable/locales/en.json

@@ -0,0 +1,6 @@
+{
+    "VirtualizedTable": {
+        "sortedAsc": "sorted ascending",
+        "sortedDesc": "sorted descending"
+    }
+}

package/dist/components/VirtualizedTable/locales/fr.json

@@ -0,0 +1,6 @@
+{
+    "VirtualizedTable": {
+        "sortedAsc": "tri croissant",
+        "sortedDesc": "tri décroissant"
+    }
+}

package/dist/components/VirtualizedTable/locales/ru.json

@@ -0,0 +1,6 @@
+{
+    "VirtualizedTable": {
+        "sortedAsc": "отсортировано по возрастанию",
+        "sortedDesc": "отсортировано по убыванию"
+    }
+}

package/dist/components/VirtualizedTable/locales/vi.json

@@ -0,0 +1,6 @@
+{
+    "VirtualizedTable": {
+        "sortedAsc": "sắp xếp tăng dần",
+        "sortedDesc": "sắp xếp giảm dần"
+    }
+}

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export { NavDesktopDropdown } from './components/NavDesktopDropdown';
 export { nameToColor, supportedColors } from './components/Avatar/helpers';
 export { default as AccordionExpandIcon } from './components/AccordionExpandIcon';
 export { default as VirtualizedTable } from './components/VirtualizedTable';
+export { VirtuosoMockContext } from 'react-virtuoso';
 export { useBreakpoints } from './hooks/useBreakpoints';
 export type { TwakeTheme } from './lib/theme';
 export type { PaletteJson } from './lib/types';

package/dist/index.js

@@ -27,4 +27,5 @@ export { NavDesktopDropdown } from './components/NavDesktopDropdown';
 export { nameToColor, supportedColors } from './components/Avatar/helpers';
 export { default as AccordionExpandIcon } from './components/AccordionExpandIcon';
 export { default as VirtualizedTable } from './components/VirtualizedTable';
+export { VirtuosoMockContext } from 'react-virtuoso';
 export { useBreakpoints } from './hooks/useBreakpoints';

package/package.json

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