feat(ui): allows filtering on group and tab fields from list controls (#6647)

## Description

Adds the ability to filter by fields within a `group` or **named** `tab`
via the list controls.

Note: added missing translations for the `within` and `intersects`
operator options, these are displayed in the filters for `point` and
`JSON` fields.

- [X] I have read and understand the
[CONTRIBUTING.md](https://github.com/payloadcms/payload/blob/main/CONTRIBUTING.md)
document in this repository.

## Type of change

- [X] New feature (non-breaking change which adds functionality)

## Checklist:

- [X] Existing test suite passes locally with my changes

Author: jessrynkar

packages/translations/src/clientKeys.ts

@@ -251,6 +251,8 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'operators:isLessThan',
   'operators:isGreaterThanOrEqualTo',
   'operators:isLessThanOrEqualTo',
+  'operators:within',
+  'operators:intersects',
 
   'upload:crop',
   'upload:cropToolDescription',

packages/translations/src/languages/ar.ts

@@ -302,6 +302,7 @@ export const arTranslations: DefaultTranslationsObject = {
     contains: 'يحتوي',
     equals: 'يساوي',
     exists: 'موجود',
+    intersects: 'يتقاطع',
     isGreaterThan: 'أكبر من',
     isGreaterThanOrEqualTo: 'أكبر أو يساوي',
     isIn: 'موجود في',
@@ -311,6 +312,7 @@ export const arTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'لا يساوي',
     isNotIn: 'غير موجود في',
     near: 'قريب من',
+    within: 'في غضون',
   },
   upload: {
     crop: 'محصول',

packages/translations/src/languages/az.ts

@@ -305,6 +305,7 @@ export const azTranslations: DefaultTranslationsObject = {
     contains: 'daxilində',
     equals: 'bərabərdir',
     exists: 'mövcuddur',
+    intersects: 'kəsişir',
     isGreaterThan: 'dən böyük',
     isGreaterThanOrEqualTo: 'böyük və ya bərabər',
     isIn: 'daxildir',
@@ -314,6 +315,7 @@ export const azTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'bərabər deyil',
     isNotIn: 'daxil deyil',
     near: 'yaxın',
+    within: 'daxilinde',
   },
   upload: {
     crop: 'Məhsul',

packages/translations/src/languages/bg.ts

@@ -303,6 +303,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     contains: 'съдържа',
     equals: 'е равно на',
     exists: 'съществува',
+    intersects: 'пресича',
     isGreaterThan: 'е по-голямо от',
     isGreaterThanOrEqualTo: 'е по-голямо от или равно на',
     isIn: 'е в',
@@ -312,6 +313,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'не е равно на',
     isNotIn: 'не е в',
     near: 'близко',
+    within: 'в рамките на',
   },
   upload: {
     crop: 'Изрязване',

packages/translations/src/languages/cs.ts

@@ -303,6 +303,7 @@ export const csTranslations: DefaultTranslationsObject = {
     contains: 'obsahuje',
     equals: 'rovná se',
     exists: 'existuje',
+    intersects: 'protíná se',
     isGreaterThan: 'je větší než',
     isGreaterThanOrEqualTo: 'je větší nebo rovno',
     isIn: 'je v',
@@ -312,6 +313,7 @@ export const csTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'není rovno',
     isNotIn: 'není v',
     near: 'blízko',
+    within: 'uvnitř',
   },
   upload: {
     crop: 'Ořez',

packages/translations/src/languages/de.ts

@@ -309,6 +309,7 @@ export const deTranslations: DefaultTranslationsObject = {
     contains: 'enthält',
     equals: 'gleich',
     exists: 'existiert',
+    intersects: 'schneidet sich',
     isGreaterThan: 'ist größer als',
     isGreaterThanOrEqualTo: 'ist größer oder gleich',
     isIn: 'ist drin',
@@ -318,6 +319,7 @@ export const deTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'ist nicht gleich',
     isNotIn: 'ist nicht drin',
     near: 'in der Nähe',
+    within: 'innerhalb',
   },
   upload: {
     crop: 'Zuschneiden',

packages/translations/src/languages/en.ts

@@ -306,6 +306,7 @@ export const enTranslations = {
     contains: 'contains',
     equals: 'equals',
     exists: 'exists',
+    intersects: 'intersects',
     isGreaterThan: 'is greater than',
     isGreaterThanOrEqualTo: 'is greater than or equal to',
     isIn: 'is in',
@@ -315,6 +316,7 @@ export const enTranslations = {
     isNotEqualTo: 'is not equal to',
     isNotIn: 'is not in',
     near: 'near',
+    within: 'within',
   },
   upload: {
     crop: 'Crop',

packages/translations/src/languages/es.ts

@@ -308,6 +308,7 @@ export const esTranslations: DefaultTranslationsObject = {
     contains: 'contiene',
     equals: 'igual',
     exists: 'existe',
+    intersects: 'interseca',
     isGreaterThan: 'es mayor que',
     isGreaterThanOrEqualTo: 'es mayor o igual que',
     isIn: 'está en',
@@ -317,6 +318,7 @@ export const esTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'no es igual a',
     isNotIn: 'no está en',
     near: 'cerca',
+    within: 'dentro de',
   },
   upload: {
     crop: 'Cultivo',

packages/translations/src/languages/fa.ts

@@ -303,6 +303,7 @@ export const faTranslations: DefaultTranslationsObject = {
     contains: 'شامل',
     equals: 'برابر با',
     exists: 'وجود دارد',
+    intersects: 'تلاقی',
     isGreaterThan: 'بزرگتر است از',
     isGreaterThanOrEqualTo: 'بزرگتر یا مساوی است',
     isIn: 'هست در',
@@ -312,6 +313,7 @@ export const faTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'برابر نیست',
     isNotIn: 'در این نیست',
     near: 'نزدیک',
+    within: 'در داخل',
   },
   upload: {
     crop: 'محصول',

packages/translations/src/languages/fr.ts

@@ -312,6 +312,7 @@ export const frTranslations: DefaultTranslationsObject = {
     contains: 'contient',
     equals: 'est égal à',
     exists: 'existe',
+    intersects: 'intersecte',
     isGreaterThan: 'est supérieur à',
     isGreaterThanOrEqualTo: 'est supérieur ou égal à',
     isIn: 'est dans',
@@ -321,6 +322,7 @@ export const frTranslations: DefaultTranslationsObject = {
     isNotEqualTo: 'n’est pas égal à',
     isNotIn: 'n’est pas dans',
     near: 'proche',
+    within: 'dans',
   },
   upload: {
     crop: 'Recadrer',