feat(ui): updates column selector to v4 design

packages/next/src/views/List/index.css

@@ -1,3 +1,3 @@
 .list-view__not-found-banner {
-  margin: var(--spacer-2) 0 var(--spacer-1);
+  margin: var(--spacer-2-5) var(--gutter-h);
 }

packages/translations/src/clientKeys.ts

@@ -233,6 +233,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:deleting',
   'general:descending',
   'general:depth',
+  'general:dragToReorder',
   'general:deselectAllRows',
   'general:document',
   'general:documentIsTrashed',
@@ -247,6 +248,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:editing',
   'general:editingLabel',
   'general:editingTakenOver',
+  'general:editColumns',
   'general:editLabel',
   'general:editedSince',
   'general:email',
@@ -302,12 +304,14 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:noDateSelected',
   'general:noFiltersSet',
   'general:noLabel',
+  'general:noMatchesFound',
   'general:none',
   'general:noOptions',
   'general:noResults',
   'general:noResultsDescription',
   'general:noResultsFound',
   'general:notFound',
+  'general:notShownInTable',
   'general:nothingFound',
   'general:noTrashResults',
   'general:noUpcomingEventsScheduled',
@@ -350,6 +354,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:schedulePublishFor',
   'general:saving',
   'general:searchBy',
+  'general:searchColumns',
   'general:select',
   'general:selectAll',
   'general:selectAllRows',
@@ -358,6 +363,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:selectValue',
   'general:showAllLabel',
   'general:showSidebar',
+  'general:shownInTable',
   'general:sorryNotFound',
   'general:sort',
   'general:sortByLabelDirection',
@@ -373,6 +379,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:thisLanguage',
   'general:time',
   'general:timezone',
+  'general:toggle',
   'general:titleDeleted',
   'general:titleTrashed',
   'general:titleRestored',

packages/translations/src/languages/ar.ts

@@ -288,10 +288,12 @@ export const arTranslations: DefaultTranslationsObject = {
     documentModified: 'تم تعديل المستند',
     documentOutOfDate: 'تم تحديث هذا المستند مؤخرًا بواسطة مستخدم آخر. عرضك غير محدث.',
     documents: 'وثائق',
+    dragToReorder: 'اسحب لإعادة الترتيب',
     duplicate: 'استنساخ',
     duplicateWithoutSaving: 'استنساخ بدون حفظ التغييرات',
     edit: 'تعديل',
     editAll: 'تحرير الكل',
+    editColumns: 'تحرير الأعمدة',
     editedSince: 'تم التحرير منذ',
     editing: 'جاري التعديل',
     editingLabel_many: 'تعديل {{count}} {{label}}',
@@ -355,6 +357,7 @@ export const arTranslations: DefaultTranslationsObject = {
     noDateSelected: 'لم يتم اختيار تاريخ',
     noFiltersSet: 'لم يتم تعيين أي عوامل تصفية',
     noLabel: '<لا {{label}}>',
+    noMatchesFound: 'لم يتم العثور على نتائج لهذا البحث',
     none: 'لا شيء',
     noOptions: 'لا خيارات',
     noResults:
@@ -364,6 +367,7 @@ export const arTranslations: DefaultTranslationsObject = {
     notFound: 'غير موجود',
     nothingFound: 'لم يتم العثور على شيء',
     noTrashResults: 'لا {{label}} في المهملات.',
+    notShownInTable: 'غير معروض في الجدول',
     noUpcomingEventsScheduled: 'لا يوجد أحداث مقبلة مجدولة.',
     noValue: 'لا يوجد قيمة',
     of: 'من',
@@ -406,13 +410,15 @@ export const arTranslations: DefaultTranslationsObject = {
     saving: 'جاري الحفظ...',
     schedulePublishFor: 'جدولة النشر لـ {{العنوان}}',
     searchBy: 'البحث عن طريق {{label}}',
+    searchColumns: 'أعمدة البحث',
     select: 'اختر',
     selectAll: 'تحديد كل {{count}} {{label}}',
     selectAllRows: 'حدد جميع الصفوف',
     selectedCount: 'تم تحديد {{count}} {{label}}',
     selectLabel: 'حدد {{label}}',
     selectValue: 'اختيار قيمة',
     showAllLabel: 'عرض كل {{label}}',
+    shownInTable: 'معروض في جدول',
     showSidebar: 'إظهار الشريط الجانبي',
     sorryNotFound: 'عذرًا - لا يوجد شيء يتوافق مع طلبك.',
     sort: 'ترتيب',
@@ -433,6 +439,7 @@ export const arTranslations: DefaultTranslationsObject = {
     titleDeleted: 'تم حذف {{label}} "{{title}}" بنجاح.',
     titleRestored: 'تمت استعادة "{{title}}" "{{label}}" بنجاح.',
     titleTrashed: '"{{label}}" "{{title}}" تم نقلها إلى سلة المهملات.',
+    toggle: 'تبديل',
     trash: 'سلة المهملات',
     trashedCountSuccessfully: '{{count}} {{label}} تم نقلها إلى سلة المهملات.',
     true: 'صحيح',

packages/translations/src/languages/az.ts

@@ -300,10 +300,12 @@ export const azTranslations: DefaultTranslationsObject = {
     documentOutOfDate:
       'Bu sənəd yeni başqa bir istifadəçi tərəfindən yenilənib. Sizin baxışınız köhnədir.',
     documents: 'Sənədlər',
+    dragToReorder: 'Sıralamaq üçün sürükləyin',
     duplicate: 'Dublikat',
     duplicateWithoutSaving: 'Dəyişiklikləri saxlamadan dublikatla',
     edit: 'Redaktə et',
     editAll: 'Hamısını redaktə et',
+    editColumns: 'Sütunları Redaktə Et',
     editedSince: 'Redaktə edilib',
     editing: 'Redaktə olunur',
     editingLabel_many: '{{count}} {{label}} redaktə olunur',
@@ -368,6 +370,7 @@ export const azTranslations: DefaultTranslationsObject = {
     noDateSelected: 'Heç bir tarix seçilməyib',
     noFiltersSet: 'Filter təyin edilməyib',
     noLabel: '<Heç bir {{label}}>',
+    noMatchesFound: 'Bu axtarış üçün heç bir uyğunluq tapılmadı',
     none: 'Heç bir',
     noOptions: 'Heç bir seçim yoxdur',
     noResults:
@@ -378,6 +381,7 @@ export const azTranslations: DefaultTranslationsObject = {
     notFound: 'Tapılmadı',
     nothingFound: 'Heç nə tapılmadı',
     noTrashResults: 'Çöplükdə heç bir {{label}} yoxdur.',
+    notShownInTable: 'Cədvəldə göstərilmir',
     noUpcomingEventsScheduled: 'Heç bir gələcək tədbir cədvələ alınmayıb.',
     noValue: 'Dəyər yoxdur',
     of: 'dən',
@@ -419,13 +423,15 @@ export const azTranslations: DefaultTranslationsObject = {
     saving: 'Saxlanılır...',
     schedulePublishFor: '{{title}} üçün nəşr cədvəlini təyin edin',
     searchBy: '{{label}} ilə axtar',
+    searchColumns: 'Axtarış sütunları',
     select: 'Seçin',
     selectAll: 'Bütün {{count}} {{label}} seç',
     selectAllRows: 'Bütün sıraları seçin',
     selectedCount: '{{count}} {{label}} seçildi',
     selectLabel: '{{label}} seçin',
     selectValue: 'Dəyər seçin',
     showAllLabel: 'Bütün {{label}}-ı göstər',
+    shownInTable: 'Cədvəldə göstərilir',
     showSidebar: 'Yan paneli göstər',
     sorryNotFound: 'Üzr istəyirik - sizin tələbinizə uyğun heç nə yoxdur.',
     sort: 'Sırala',
@@ -446,6 +452,7 @@ export const azTranslations: DefaultTranslationsObject = {
     titleDeleted: '{{label}} "{{title}}" uğurla silindi.',
     titleRestored: '"{{title}}" "{{label}}" uğurla bərpa edildi.',
     titleTrashed: '{{label}} "{{title}}" zibilə köçürüldü.',
+    toggle: 'Dəyişmək',
     trash: 'Zibil',
     trashedCountSuccessfully: '{{count}} {{label}} zibilə köçürüldü.',
     true: 'Doğru',

packages/translations/src/languages/bg.ts

@@ -296,10 +296,12 @@ export const bgTranslations: DefaultTranslationsObject = {
     documentOutOfDate:
       'Този документ беше наскоро обновен от друг потребител. Вашият изглед е неактуален.',
     documents: 'Документи',
+    dragToReorder: 'Плъзнете, за да пренаредите',
     duplicate: 'Дупликирай',
     duplicateWithoutSaving: 'Дупликирай без да запазваш промените',
     edit: 'Редактирай',
     editAll: 'Редактирай всички',
+    editColumns: 'Редактиране на колони',
     editedSince: 'Редактирано от',
     editing: 'Редактиране',
     editingLabel_many: 'Редактиране на {{count}} {{label}}',
@@ -364,6 +366,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     noDateSelected: 'Не е избрана дата',
     noFiltersSet: 'Няма зададени филтри',
     noLabel: '<Няма {{label}}>',
+    noMatchesFound: 'Няма намерени съвпадения за това търсене.',
     none: 'Никакъв',
     noOptions: 'Няма опции',
     noResults:
@@ -374,6 +377,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     notFound: 'Няма открит',
     nothingFound: 'Нищо не беше открито',
     noTrashResults: 'Няма {{label}} в кошчето.',
+    notShownInTable: 'Не е показано в таблицата',
     noUpcomingEventsScheduled: 'Няма предстоящи събития.',
     noValue: 'Няма стойност',
     of: 'от',
@@ -415,13 +419,15 @@ export const bgTranslations: DefaultTranslationsObject = {
     saving: 'Запазване...',
     schedulePublishFor: 'Планирано публикуване за {{title}}',
     searchBy: 'Търси по {{label}}',
+    searchColumns: 'Търсене на колони',
     select: 'Изберете',
     selectAll: 'Избери всички {{count}} {{label}}',
     selectAllRows: 'Избери всички редове',
     selectedCount: '{{count}} {{label}} избрани',
     selectLabel: 'Изберете {{label}}',
     selectValue: 'Избери стойност',
     showAllLabel: 'Покажи всички {{label}}',
+    shownInTable: 'Показано в таблица',
     showSidebar: 'Показване на страничната лента',
     sorryNotFound: 'Съжаляваме-няма нищо, което да отговаря на търсенето ти.',
     sort: 'Сортирай',
@@ -442,6 +448,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     titleDeleted: '{{label}} "{{title}}" успешно изтрит.',
     titleRestored: '{{label}} "{{title}}" беше успешно възстановено.',
     titleTrashed: '{{label}} "{{title}}" е преместено в кошчето.',
+    toggle: 'Превключване',
     trash: 'Боклук',
     trashedCountSuccessfully: '{{count}} {{label}} преместени в кошчето.',
     true: 'Вярно',

packages/translations/src/languages/bnBd.ts

@@ -301,10 +301,12 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     documentOutOfDate:
       'এই নথিটি সাম্প্রতিকভাবে অন্য ব্যবহারকারীর দ্বারা আপডেট করা হয়েছে। আপনার দর্শন আপতিত।',
     documents: 'ডকুমেন্টগুলি',
+    dragToReorder: 'টেনে এনে পুনঃক্রমবিন্যাস করুন',
     duplicate: 'ডুপ্লিকেট করুন',
     duplicateWithoutSaving: 'পরিবর্তনগুলি সংরক্ষণ না করে ডুপ্লিকেট করুন',
     edit: 'সম্পাদনা করুন',
     editAll: 'সমস্ত সম্পাদনা করুন',
+    editColumns: 'কলাম সম্পাদনা করুন',
     editedSince: 'থেকে সম্পাদিত হয়েছে',
     editing: 'সম্পাদনা করা হচ্ছে',
     editingLabel_many: '{{count}} {{label}} সম্পাদনা করা হচ্ছে',
@@ -369,6 +371,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     noDateSelected: 'কোনো তারিখ নির্বাচন করা হয়নি',
     noFiltersSet: 'কোনো ফিল্টার সেট করা হয়নি',
     noLabel: '<কোনো {{label}} নেই>',
+    noMatchesFound: 'এই অনুসন্ধানের জন্য কোনো ফলাফল পাওয়া যায়নি',
     none: 'কোনোটিই নয়',
     noOptions: 'কোনো বিকল্প নেই',
     noResults:
@@ -379,6 +382,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     notFound: 'পাওয়া যায়নি',
     nothingFound: 'কিছুই পাওয়া যায়নি',
     noTrashResults: 'ট্র্যাশে কোন {{label}} নেই।',
+    notShownInTable: 'সারণিতে প্রদর্শিত নয়',
     noUpcomingEventsScheduled: 'কোনো আসন্ন ইভেন্ট নির্ধারিত নেই।',
     noValue: 'কোনো মান নেই',
     of: 'এর',
@@ -421,13 +425,15 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     saving: 'সংরক্ষণ করা হচ্ছে...',
     schedulePublishFor: '{{title}} এর জন্য প্রকাশ নির্ধারণ করুন',
     searchBy: '{{label}} দ্বারা অনুসন্ধান করুন',
+    searchColumns: 'কলাম অনুসন্ধান করুন',
     select: 'নির্বাচন করুন',
     selectAll: 'সমস্ত {{count}} {{label}} নির্বাচন করুন',
     selectAllRows: 'সমস্ত সারি নির্বাচন করুন',
     selectedCount: '{{count}} {{label}} নির্বাচিত হয়েছে',
     selectLabel: '{{label}} নির্বাচন করুন',
     selectValue: 'একটি মান নির্বাচন করুন',
     showAllLabel: 'সমস্ত {{label}} দেখান',
+    shownInTable: 'টেবিলে প্রদর্শিত',
     showSidebar: 'সাইডবার দেখান',
     sorryNotFound: 'দুঃখিত—আপনার অনুরোধের সাথে মিলে এমন কিছুই নেই।',
     sort: 'সাজান',
@@ -448,6 +454,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     titleDeleted: '{{label}} "{{title}}" সফলভাবে মুছে ফেলা হয়েছে।',
     titleRestored: '"{{label}}" "{{title}}" সফলভাবে পুনরুদ্ধার করা হয়েছে।',
     titleTrashed: '{{label}} "{{title}}" আবর্জনাস্থলে সরিয়ে নেওয়া হয়েছে।',
+    toggle: 'টগল',
     trash: 'আবর্জনা',
     trashedCountSuccessfully: '{{count}} {{label}} ট্র্যাশে মুভ করা হয়েছে।',
     true: 'সত্য',

packages/translations/src/languages/bnIn.ts

@@ -300,10 +300,12 @@ export const bnInTranslations: DefaultTranslationsObject = {
     documentOutOfDate:
       'এই নথিটি সম্প্রতি অন্য ব্যবহারকারীর দ্বারা আপডেট করা হয়েছে। আপনার দেখানো ভার্সন আপ টু ডেট নয়।',
     documents: 'ডকুমেন্টগুলি',
+    dragToReorder: 'টেনে অর্ডার পরিবর্তন করুন',
     duplicate: 'ডুপ্লিকেট করুন',
     duplicateWithoutSaving: 'পরিবর্তনগুলি সংরক্ষণ না করে ডুপ্লিকেট করুন',
     edit: 'সম্পাদনা করুন',
     editAll: 'সমস্ত সম্পাদনা করুন',
+    editColumns: 'কলাম সম্পাদনা করুন',
     editedSince: 'থেকে সম্পাদিত হয়েছে',
     editing: 'সম্পাদনা করা হচ্ছে',
     editingLabel_many: '{{count}} {{label}} সম্পাদনা করা হচ্ছে',
@@ -368,6 +370,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     noDateSelected: 'কোনো তারিখ নির্বাচন করা হয়নি',
     noFiltersSet: 'কোনো ফিল্টার সেট করা হয়নি',
     noLabel: '<কোনো {{label}} নেই>',
+    noMatchesFound: 'এই অনুসন্ধানের জন্য কোনো মিল পাওয়া যায়নি',
     none: 'কোনোটিই নয়',
     noOptions: 'কোনো বিকল্প নেই',
     noResults:
@@ -378,6 +381,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     notFound: 'পাওয়া যায়নি',
     nothingFound: 'কিছুই পাওয়া যায়নি',
     noTrashResults: 'ট্র্যাশে কোনো {{label}} নেই।',
+    notShownInTable: 'টেবিলে প্রদর্শিত নয়',
     noUpcomingEventsScheduled: 'কোনো আসন্ন ইভেন্ট নির্ধারিত নেই।',
     noValue: 'কোনো মান নেই',
     of: 'এর',
@@ -420,13 +424,15 @@ export const bnInTranslations: DefaultTranslationsObject = {
     saving: 'সংরক্ষণ করা হচ্ছে...',
     schedulePublishFor: '{{title}} এর জন্য প্রকাশ নির্ধারণ করুন',
     searchBy: '{{label}} দ্বারা অনুসন্ধান করুন',
+    searchColumns: 'অনুসন্ধান কলামসমূহ',
     select: 'নির্বাচন করুন',
     selectAll: 'সমস্ত {{count}} {{label}} নির্বাচন করুন',
     selectAllRows: 'সমস্ত সারি নির্বাচন করুন',
     selectedCount: '{{count}} {{label}} নির্বাচিত হয়েছে',
     selectLabel: '{{label}} নির্বাচন করুন',
     selectValue: 'একটি মান নির্বাচন করুন',
     showAllLabel: 'সমস্ত {{label}} দেখান',
+    shownInTable: 'সারণিতে প্রদর্শিত',
     showSidebar: 'সাইডবার দেখান',
     sorryNotFound: 'দুঃখিত—আপনার অনুরোধের সাথে মিলে এমন কিছুই নেই।',
     sort: 'সাজান',
@@ -447,6 +453,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     titleDeleted: '{{label}} "{{title}}" সফলভাবে মুছে ফেলা হয়েছে।',
     titleRestored: '"{{label}}" "{{title}}" সফলভাবে পুনরুদ্ধার করা হয়েছে।',
     titleTrashed: '"{{label}}" "{{title}}" ট্র্যাশে সরিয়ে দেওয়া হয়েছে।',
+    toggle: 'টগল',
     trash: 'আবর্জনা',
     trashedCountSuccessfully: '{{count}} {{label}} ট্র্যাশে সরানো হয়েছে।',
     true: 'সত্য',