[IndexFilters] Add Edit Columns optional button

.changeset/strange-bananas-obey.md

@@ -0,0 +1,11 @@
+---
+'@shopify/polaris': minor
+---
+
+Added support for an `EditColumns` button rendered in the `IndexFilters` deprecating the `Tabs`'s `edit-columns` action.
+
+- `IndexFilters`
+  - Added support for rendering an Edit Columns button using the `showEditColumnsButton` flag.
+  - Added the edition `mode` to the `onEditStart(mode)` callback.
+- `Tabs`
+  - Removed the `edit-columns` action type.

polaris-react/locales/cs.json

@@ -214,7 +214,6 @@
         "rename": "Přejmenovat zobrazení",
         "duplicate": "Duplikování zobrazení",
         "edit": "Upravit zobrazení",
-        "editColumns": "Upravit sloupce",
         "delete": "Odstranit zobrazení",
         "copy": "{name} – kopie",
         "deleteModal": {
@@ -391,7 +390,11 @@
           "cancel": "Zrušit"
         }
       },
-      "searchFilterTooltipWithShortcut": "Hledejte a filtrujte (F)"
+      "searchFilterTooltipWithShortcut": "Hledejte a filtrujte (F)",
+      "EditColumnsButton": {
+        "tooltip": "Upravit sloupce",
+        "accessibilityLabel": "Přizpůsobit pořadí a viditelnost sloupců tabulky"
+      }
     },
     "ActionList": {
       "SearchField": {

polaris-react/locales/da.json

@@ -214,7 +214,6 @@
         "rename": "Omdøb visning",
         "duplicate": "Dupliker visning",
         "edit": "Rediger visning",
-        "editColumns": "Rediger kolonner",
         "delete": "Slet visning",
         "copy": "Kopi af {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Gem",
           "cancel": "Annuller"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Rediger kolonner",
+        "accessibilityLabel": "Tilpas rækkefølgen og synligheden af tabelkolonner"
       }
     },
     "ActionList": {

polaris-react/locales/de.json

@@ -214,7 +214,6 @@
         "rename": "Ansicht umbenennen",
         "duplicate": "Ansicht duplizieren",
         "edit": "Ansicht bearbeiten",
-        "editColumns": "Spalten bearbeiten",
         "delete": "Ansicht löschen",
         "copy": "Kopie von {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Speichern",
           "cancel": "Abbrechen"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Spalten bearbeiten",
+        "accessibilityLabel": "Reihenfolge und Sichtbarkeit der Tabellenspalten anpassen"
       }
     },
     "ActionList": {

polaris-react/locales/en.json

@@ -192,6 +192,10 @@
           "za": "Z-A"
         }
       },
+      "EditColumnsButton": {
+        "tooltip": "Edit columns",
+        "accessibilityLabel": "Customize table column order and visibility"
+      },
       "UpdateButtons": {
         "cancel": "Cancel",
         "update": "Update",
@@ -291,7 +295,6 @@
         "rename": "Rename view",
         "duplicate": "Duplicate view",
         "edit": "Edit view",
-        "editColumns": "Edit columns",
         "delete": "Delete view",
         "copy": "Copy of {name}",
         "deleteModal": {

polaris-react/locales/es.json

@@ -214,7 +214,6 @@
         "rename": "Cambiar nombre de vista",
         "duplicate": "Duplicar vista",
         "edit": "Editar vista",
-        "editColumns": "Editar columnas",
         "delete": "Eliminar vista",
         "copy": "Copia de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Guardar",
           "cancel": "Cancelar"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Editar columnas",
+        "accessibilityLabel": "Personalizar el orden y la visibilidad de las columnas de la tabla"
       }
     },
     "ActionList": {

polaris-react/locales/fi.json

@@ -214,7 +214,6 @@
         "rename": "Nimeä näkymä uudelleen",
         "duplicate": "Kopioi näkymä",
         "edit": "Muokkaa näkymää",
-        "editColumns": "Muokkaa sarakkeita",
         "delete": "Poista näkymä",
         "copy": "Kopio tiedostosta {name}",
         "deleteModal": {
@@ -389,7 +388,11 @@
           "cancel": "Peruuta"
         }
       },
-      "searchFilterTooltipWithShortcut": "Hae ja suodata (F)"
+      "searchFilterTooltipWithShortcut": "Hae ja suodata (F)",
+      "EditColumnsButton": {
+        "tooltip": "Muokkaa sarakkeita",
+        "accessibilityLabel": "Muokkaa taulukon sarakkeiden järjestystä ja näkyvyyttä"
+      }
     },
     "ActionList": {
       "SearchField": {

polaris-react/locales/fr.json

@@ -214,7 +214,6 @@
         "rename": "Renommer la vue",
         "duplicate": "Dupliquer la vue",
         "edit": "Modifier la vue",
-        "editColumns": "Modifier les colonnes",
         "delete": "Supprimer la vue",
         "copy": "Copie de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Enregistrer",
           "cancel": "Annuler"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Modifier les colonnes",
+        "accessibilityLabel": "Personnaliser l’ordre et la visibilité des colonnes du tableau"
       }
     },
     "ActionList": {

polaris-react/locales/it.json

@@ -214,7 +214,6 @@
         "rename": "Rinomina vista",
         "duplicate": "Duplica vista",
         "edit": "Modifica vista",
-        "editColumns": "Modifica colonne",
         "delete": "Elimina vista",
         "copy": "Copia di {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Salva",
           "cancel": "Annulla"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Modifica colonne",
+        "accessibilityLabel": "Personalizza l'ordine e la visibilità delle colonne della tabella"
       }
     },
     "ActionList": {

polaris-react/locales/ja.json

@@ -214,7 +214,6 @@
         "rename": "ビューの名前を変更",
         "duplicate": "ビューを複製",
         "edit": "ビューを編集",
-        "editColumns": "列を編集",
         "delete": "ビューを削除",
         "copy": "{name}のコピー",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "保存",
           "cancel": "キャンセル"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "列を編集",
+        "accessibilityLabel": "表の列の順序および表示をカスタマイズする"
       }
     },
     "ActionList": {

polaris-react/locales/ko.json

@@ -214,7 +214,6 @@
         "rename": "보기 이름 바꾸기",
         "duplicate": "보기 복제",
         "edit": "보기 편집",
-        "editColumns": "열 편집",
         "delete": "보기 삭제",
         "copy": "{name}의 사본",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "저장",
           "cancel": "취소"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "열 편집",
+        "accessibilityLabel": "표의 주문 열 및 표시 방법 사용자 지정"
       }
     },
     "ActionList": {

polaris-react/locales/nb.json

@@ -214,7 +214,6 @@
         "rename": "Gi visning nytt navn",
         "duplicate": "Dupliser visning",
         "edit": "Rediger visning",
-        "editColumns": "Rediger kolonner",
         "delete": "Slett visning",
         "copy": "Kopi av {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Lagre",
           "cancel": "Avbryt"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Endre kolonner",
+        "accessibilityLabel": "Tilpass kolonnerekkefølge og -synlighet i tabellen"
       }
     },
     "ActionList": {

polaris-react/locales/nl.json

@@ -214,7 +214,6 @@
         "rename": "Naam van weergave wijzigen",
         "duplicate": "Weergave dupliceren",
         "edit": "Weergave bewerken",
-        "editColumns": "Kolommen bewerken",
         "delete": "Weergave verwijderen",
         "copy": "Kopie van {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Opslaan",
           "cancel": "Annuleren"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Kolommen bewerken",
+        "accessibilityLabel": "Kolomvolgorde en zichtbaarheid van tabel aanpassen"
       }
     },
     "ActionList": {

polaris-react/locales/pl.json

@@ -214,7 +214,6 @@
         "rename": "Zmień nazwę widoku",
         "duplicate": "Duplikuj widok",
         "edit": "Edytuj widok",
-        "editColumns": "Edytuj kolumny",
         "delete": "Usuń widok",
         "copy": "Kopia {name}",
         "deleteModal": {
@@ -391,6 +390,10 @@
           "save": "Zapisz",
           "cancel": "Anuluj"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Edytuj kolumny",
+        "accessibilityLabel": "Dostosuj kolejność i widoczność kolumn tabeli"
       }
     },
     "ActionList": {

polaris-react/locales/pt-BR.json

@@ -214,7 +214,6 @@
         "rename": "Renomear visualização",
         "duplicate": "Duplicar visualização",
         "edit": "Editar visualização",
-        "editColumns": "Editar colunas",
         "delete": "Excluir visualização",
         "copy": "Cópia de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Salvar",
           "cancel": "Cancelar"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Editar colunas",
+        "accessibilityLabel": "Personalizar a ordem e a visibilidade das colunas da tabela"
       }
     },
     "ActionList": {

polaris-react/locales/pt-PT.json

@@ -214,7 +214,6 @@
         "rename": "Renomear visualização",
         "duplicate": "Duplicar visualização",
         "edit": "Editar visualização",
-        "editColumns": "Editar colunas",
         "delete": "Eliminar visualização",
         "copy": "Cópia de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Guardar",
           "cancel": "Cancelar"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Editar colunas",
+        "accessibilityLabel": "Personalizar visibilidade e ordem da coluna da tabela"
       }
     },
     "ActionList": {

polaris-react/locales/sv.json

@@ -214,7 +214,6 @@
         "rename": "Döp om vy",
         "duplicate": "Duplicera vy",
         "edit": "Redigera vy",
-        "editColumns": "Redigera kolumner",
         "delete": "Radera vy",
         "copy": "Kopia av {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Spara",
           "cancel": "Avbryt"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Redigera kolumner",
+        "accessibilityLabel": "Anpassa tabellkolumnernas ordning och synlighet"
       }
     },
     "ActionList": {

polaris-react/locales/th.json

@@ -214,7 +214,6 @@
         "rename": "เปลี่ยนชื่อมุมมอง",
         "duplicate": "ทำซ้ำมุมมอง",
         "edit": "แก้ไขมุมมอง",
-        "editColumns": "แก้ไขคอลัมน์",
         "delete": "ลบมุมมอง",
         "copy": "สำเนาของ {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "บันทึก",
           "cancel": "ยกเลิก"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "แก้ไขคอลัมน์",
+        "accessibilityLabel": "ปรับแต่งลำดับและการแสดงผลคอลัมน์ในตาราง"
       }
     },
     "ActionList": {

polaris-react/locales/tr.json

@@ -214,7 +214,6 @@
         "rename": "Görünümü yeniden adlandır",
         "duplicate": "Görünümü çoğalt",
         "edit": "Görünümü düzenle",
-        "editColumns": "Sütunları düzenle",
         "delete": "Görünümü sil",
         "copy": "{name} kopyası",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Kaydet",
           "cancel": "İptal"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Sütunları düzenleyin",
+        "accessibilityLabel": "Tablonun sütun sırasını ve görünürlüğünü özelleştirin"
       }
     },
     "ActionList": {

polaris-react/locales/vi.json

@@ -214,7 +214,6 @@
         "rename": "Đổi tên chế độ xem",
         "duplicate": "Sao chép chế độ xem",
         "edit": "Chỉnh sửa chế độ xem",
-        "editColumns": "Sửa cột",
         "delete": "Xóa chế độ xem",
         "copy": "Bản sao của {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Lưu",
           "cancel": "Hủy"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Sửa cột",
+        "accessibilityLabel": "Tùy chỉnh thứ tự và khả năng hiển thị của cột trong bảng"
       }
     },
     "ActionList": {

polaris-react/locales/zh-CN.json

@@ -214,7 +214,6 @@
         "rename": "重命名视图",
         "duplicate": "复制视图",
         "edit": "编辑视图",
-        "editColumns": "编辑列",
         "delete": "删除视图",
         "copy": "{name} 的副本",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "保存",
           "cancel": "取消"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "编辑列",
+        "accessibilityLabel": "自定义表列顺序和可见性"
       }
     },
     "ActionList": {