feat(supabase): filter array column by array (ina and nina operators)

.changeset/few-ads-matter.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/core": minor
+"@refinedev/supabase": minor
+---
+
+Added ina and nina CrudOperators. Added filtering by these operators to Supabase data provider
+#5902

documentation/docs/advanced-tutorials/data-provider/handling-filters.md

@@ -20,6 +20,8 @@ type CrudOperators =
   | "gte"
   | "in"
   | "nin"
+  | "ina"
+  | "nina"
   | "contains"
   | "ncontains"
   | "containss"
@@ -234,7 +236,7 @@ filter = [
 ];
 ```
 
-Here the query will look like:  
+Here the query will look like:
 `"status" == "published" AND ("createdAt" == "2022-01-01" OR "createdAt" == "2022-01-02")`
 
 ## Handle filters in a data provider

documentation/docs/core/interface-references/index.md

@@ -46,6 +46,8 @@ type CrudOperators =
   | "gte" // Greater than or equal to
   | "in" // Included in an array
   | "nin" // Not included in an array
+  | "ina" // Column contains every element in an array
+  | "nina" // Column doesn't contain every element in an array
   | "contains" // Contains
   | "ncontains" // Doesn't contain
   | "containss" // Contains, case sensitive

packages/core/src/contexts/data/types.ts

@@ -224,6 +224,8 @@ export type CrudOperators =
   | "gte"
   | "in"
   | "nin"
+  | "ina"
+  | "nina"
   | "contains"
   | "ncontains"
   | "containss"

packages/supabase/src/utils/generateFilter.ts

@@ -9,6 +9,15 @@ export const generateFilter = (filter: CrudFilter, query: any) => {
       return query.neq(filter.field, filter.value);
     case "in":
       return query.in(filter.field, filter.value);
+    case "ina":
+      return query.contains(filter.field, filter.value);
+    case "nina":
+      return query.not(
+        filter.field,
+        "cs",
+        `{${filter.value.map((val: any) => `"${val}"`).join(",")}}`,
+      );
+
     case "gt":
       return query.gt(filter.field, filter.value);
     case "gte":
@@ -35,7 +44,13 @@ export const generateFilter = (filter: CrudFilter, query: any) => {
             item.operator !== "and" &&
             "field" in item
           ) {
-            return `${item.field}.${mapOperator(item.operator)}.${item.value}`;
+            let value = item.value;
+
+            if (item.operator === "ina" || item.operator === "nina") {
+              value = `{${item.value.map((val: any) => `"${val}"`).join(",")}}`;
+            }
+
+            return `${item.field}.${mapOperator(item.operator)}.${value}`;
           }
           return;
         })

packages/supabase/src/utils/mapOperator.ts

@@ -18,6 +18,10 @@ export const mapOperator = (operator: CrudOperators) => {
       return "is";
     case "nnull":
       return "not.is";
+    case "ina":
+      return "cs";
+    case "nina":
+      return "not.cs";
     case "between":
     case "nbetween":
       throw Error(`Operator ${operator} is not supported`);