@linagora/twake-mui 9.16.0 → 9.17.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# @linagora/twake-mui [9.17.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.16.0...@linagora/twake-mui@9.17.0) (2026-10-05)
+
+
+### Features
+
+* **twake-mui:** Translate SearchBar clear label in en, fr, ru and vi ([130409a](https://github.com/linagora/twake-ui/commit/130409a03794c3c776c447c671068128c09d8999))
+
 # @linagora/twake-mui [9.16.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.15.0...@linagora/twake-mui@9.16.0) (2026-10-01)
 
 

package/dist/components/SearchBar/index.js

@@ -3,6 +3,7 @@ import { IconButton } from '@mui/material';
 import debounce from '@mui/utils/debounce';
 import cx from 'classnames';
 import React, { forwardRef, useState, useMemo, useRef, useEffect } from 'react';
+import { useExtendI18n, useI18n } from 'twake-i18n';
 import { DisableHighlight } from './DisableHighlight';
 import { FocusHighlight } from './FocusHighlight';
 import { SearchBarButtonBase } from './SearchBarButtonBase';
@@ -10,7 +11,14 @@ import { SearchBarIconWrapper } from './SearchBarIconWrapper';
 import { SearchBarInputBase } from './SearchBarInputBase';
 import { SearchBarRoot } from './SearchBarRoot';
 import { SearchBarTypography } from './SearchBarTypography';
+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 SearchBar = forwardRef(({ placeholder, icon = Magnifier, size = 'small', type = 'search', label, componentsProps, disabledClear = false, disabledFocus = false, disabledHover = false, className, defaultValue = '', value, elevation = 1, disabled = false, onChange = () => { }, onClear = () => { }, onFocus = () => { }, onBlur = () => { }, ...props }, ref) => {
+    useExtendI18n(locales);
+    const { t } = useI18n();
     const [currentValue, setCurrentValue] = useState(defaultValue);
     const [isFocused, setIsFocused] = useState(false);
     const spreadValue = typeof value !== 'undefined' ? value : currentValue;
@@ -78,7 +86,7 @@ export const SearchBar = forwardRef(({ placeholder, icon = Magnifier, size = 'sm
             icon && (React.createElement(SearchBarIconWrapper, { className: "SearchBar-icon" },
                 React.createElement(Icon, { icon: icon }))),
             React.createElement(SearchBarInputBase, { ...componentsProps?.inputBase, className: cx(componentsProps?.inputBase?.className), searchSize: size, hasIcon: !!icon, placeholder: disabled ? undefined : placeholder, value: disabled ? placeholder : spreadValue, disabled: disabled, "aria-label": placeholder || 'Search', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }))),
-        spreadValue && !disabledClear && type === 'search' && !disabled && (React.createElement(IconButton, { size: "small", onClick: handleClear, "aria-label": "Clear search" },
+        spreadValue && !disabledClear && type === 'search' && !disabled && (React.createElement(IconButton, { size: "small", onClick: handleClear, "aria-label": t('SearchBar.clear') },
             React.createElement(Icon, { icon: Cross }))),
         !disabledHover && !disabled && (React.createElement(FocusHighlight, { className: "SearchBar-focusHighlight" })),
         disabled && (React.createElement(DisableHighlight, { className: "SearchBar-disableHighlight" }))));

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

@@ -0,0 +1,5 @@
+{
+    "SearchBar": {
+        "clear": "Clear search"
+    }
+}

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

@@ -0,0 +1,5 @@
+{
+    "SearchBar": {
+        "clear": "Effacer la recherche"
+    }
+}

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

@@ -0,0 +1,5 @@
+{
+    "SearchBar": {
+        "clear": "Очистить поиск"
+    }
+}

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

@@ -0,0 +1,5 @@
+{
+    "SearchBar": {
+        "clear": "Xóa tìm kiếm"
+    }
+}

package/package.json

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