fix: add tooltip lock button (#1158)

* fix: add tooltip lock button
2026-05-27 16:00:26 -04:00 · 2023-03-17 16:25:16 +01:00
parent 6d3c8d7242
commit e8a17b5af1
16 changed files with 68 additions and 2 deletions
--- a/apis/locale/locales/de.json
+++ b/apis/locale/locales/de.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Klicken zum Freigeben",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Unvollständige Visualisierung",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/en-US.json
+++ b/apis/locale/locales/en-US.json
@@ -119,6 +119,10 @@
    "value": "Select possible",
    "comment": "Action text to select possible selections"
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Click to unlock",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.LayoutError": {
    "value": "Error",
    "comment": "Status text shown when a visualization has layout errors"
--- a/apis/locale/locales/es.json
+++ b/apis/locale/locales/es.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Haga clic para desbloquearla",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Visualización incompleta",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/fr.json
+++ b/apis/locale/locales/fr.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Cliquez pour déverrouiller",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Visualisation incomplète",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/it.json
+++ b/apis/locale/locales/it.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Fare clic per sbloccare",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Visualizzazione incompleta",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/ja.json
+++ b/apis/locale/locales/ja.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "クリックしてロック解除",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "未完了のビジュアライゼーション",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/ko.json
+++ b/apis/locale/locales/ko.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "잠금을 해제하려면 클릭하십시오.",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "완료되지 않은 시각화",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/nl.json
+++ b/apis/locale/locales/nl.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Klik om te ontgrendelen",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Onvolledige visualisatie",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/pl.json
+++ b/apis/locale/locales/pl.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Aby odblokować, kliknij",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Niekompletna wizualizacja",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/pt.json
+++ b/apis/locale/locales/pt.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Clique para destravar",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Visualização incompleta",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/ru.json
+++ b/apis/locale/locales/ru.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Щелкните, чтобы разблокировать",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Незавершенная визуализация",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/sv.json
+++ b/apis/locale/locales/sv.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Klicka för att låsa upp",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Ofullständig visualisering",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/tr.json
+++ b/apis/locale/locales/tr.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "Kilidi kaldırmak için tıklayın",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "Tamamlanmamış görselleştirme",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/zh-CN.json
+++ b/apis/locale/locales/zh-CN.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "单击以解锁",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "不完整的可视化",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/locale/locales/zh-TW.json
+++ b/apis/locale/locales/zh-TW.json
@@ -149,6 +149,10 @@
    "comment": "Action text to select possible selections",
    "version": "UYEx1K96g9h4HCK3GH/6kg=="
  },
+  "SelectionToolbar.ClickToUnlock": {
+    "value": "按一下以解除鎖定",
+    "comment": "Unlock a selection from listbox"
+  },
  "Visualization.Incomplete": {
    "value": "視覺化未完成",
    "comment": "Status text shown when a visualization is incomplete",
--- a/apis/nucleus/src/components/listbox/ListBoxInline.jsx
+++ b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
@@ -275,8 +275,14 @@ function ListBoxInline({ options, layout }) {
              {showIcons && (
                <Grid item sx={{ display: 'flex', alignItems: 'center', width: iconsWidth }}>
                  {isLocked ? (
-                    <IconButton tabIndex={-1} onClick={unlock} disabled={selectDisabled()} size="large">
-                      <Lock title={translator.get('Listbox.Unlock')} disableRipple style={{ fontSize: '12px' }} />
+                    <IconButton
+                      title={translator.get('SelectionToolbar.ClickToUnlock')}
+                      tabIndex={-1}
+                      onClick={unlock}
+                      disabled={selectDisabled()}
+                      size="large"
+                    >
+                      <Lock disableRipple style={{ fontSize: '12px' }} />
                    </IconButton>
                  ) : (
                    showSearchIcon && (