Merge pull request #1444 from ghiscoding/bugfix/filterqueryoverride-values

fix: `filterQueryOverride` provide all search values

Author: ghiscoding

docs/backend-services/OData.md

@@ -229,9 +229,9 @@ E.g. you could listen for a specific column and the active OperatorType.custom i
 ```ts
 backendServiceApi: {
   options: {
-    filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValue }) => {
+    filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValues }) => {
       if (columnFilterOperator === OperatorType.custom && columnDef?.id === 'name') {
-        let matchesSearch = (searchValue as string).replace(/\*/g, '.*');
+        let matchesSearch = searchValues[0].replace(/\*/g, '.*');
         matchesSearch = matchesSearch.slice(0, 1) + '%5E' + matchesSearch.slice(1);
         matchesSearch = matchesSearch.slice(0, -1) + '$\'';
 

docs/backend-services/graphql/GraphQL-Filtering.md

@@ -147,10 +147,10 @@ E.g. you could listen for a specific column and the active `OperatorType.custom`
 ```ts
 backendServiceApi: {
   options: {
-    filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValue }) => {
+    filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValues }) => {
       if (columnFilterOperator === OperatorType.custom && columnDef?.id === 'name') {
         // the `operator` is a string, make sure to implement this new operator in your GraphQL Schema
-        return { field: fieldName, operator: 'Like', value: searchValue };
+        return { field: fieldName, operator: 'Like', value: searchValues[0] };
       }
     },
   }

package.json

@@ -50,13 +50,13 @@
   },
   "dependencies": {
     "@ngx-translate/core": "^15.0.0",
-    "@slickgrid-universal/common": "~5.3.4",
-    "@slickgrid-universal/custom-footer-component": "~5.3.4",
-    "@slickgrid-universal/empty-warning-component": "~5.3.4",
-    "@slickgrid-universal/event-pub-sub": "~5.3.4",
-    "@slickgrid-universal/pagination-component": "~5.3.4",
-    "@slickgrid-universal/row-detail-view-plugin": "~5.3.4",
-    "@slickgrid-universal/rxjs-observable": "~5.3.4",
+    "@slickgrid-universal/common": "~5.4.0",
+    "@slickgrid-universal/custom-footer-component": "~5.4.0",
+    "@slickgrid-universal/empty-warning-component": "~5.4.0",
+    "@slickgrid-universal/event-pub-sub": "~5.4.0",
+    "@slickgrid-universal/pagination-component": "~5.4.0",
+    "@slickgrid-universal/row-detail-view-plugin": "~5.4.0",
+    "@slickgrid-universal/rxjs-observable": "~5.4.0",
     "dequal": "^2.0.3",
     "rxjs": "^7.8.1"
   },
@@ -86,12 +86,12 @@
     "@ngx-translate/http-loader": "^8.0.0",
     "@popperjs/core": "^2.11.8",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@slickgrid-universal/composite-editor-component": "~5.3.4",
-    "@slickgrid-universal/custom-tooltip-plugin": "~5.3.4",
-    "@slickgrid-universal/excel-export": "~5.3.4",
-    "@slickgrid-universal/graphql": "~5.3.4",
-    "@slickgrid-universal/odata": "~5.3.4",
-    "@slickgrid-universal/text-export": "~5.3.4",
+    "@slickgrid-universal/composite-editor-component": "~5.4.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "~5.4.0",
+    "@slickgrid-universal/excel-export": "~5.4.0",
+    "@slickgrid-universal/graphql": "~5.4.0",
+    "@slickgrid-universal/odata": "~5.4.0",
+    "@slickgrid-universal/text-export": "~5.4.0",
     "@types/dompurify": "^3.0.5",
     "@types/fnando__sparkline": "^0.3.7",
     "@types/jest": "^29.5.12",

src/app/examples/grid-graphql.component.ts

@@ -218,13 +218,13 @@ export class GridGraphqlComponent implements OnInit, OnDestroy {
             field: 'userId',
             value: 123
           }],
-          filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValue }) => {
+          filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValues }) => {
             if (columnFilterOperator === OperatorType.custom && columnDef?.id === 'name') {
               // technically speaking GraphQL isn't a database query language like SQL, it's an application query language.
               // What that means is that GraphQL won't let you write arbitrary queries out of the box.
               // It will only support the types of queries defined in your GraphQL schema.
               // see this SO: https://stackoverflow.com/a/37981802/1212166
-              return { field: fieldName, operator: 'Like', value: searchValue };
+              return { field: fieldName, operator: 'Like', value: searchValues[0] };
             }
             return;
           },

src/app/examples/grid-odata.component.ts

@@ -137,9 +137,9 @@ export class GridOdataComponent implements OnInit {
           enableCount: this.isCountEnabled, // add the count in the OData query, which will return a property named "__count" (v2) or "@odata.count" (v4)
           enableSelect: this.isSelectEnabled,
           enableExpand: this.isExpandEnabled,
-          filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValue }) => {
+          filterQueryOverride: ({ fieldName, columnDef, columnFilterOperator, searchValues }) => {
             if (columnFilterOperator === OperatorType.custom && columnDef?.id === 'name') {
-              let matchesSearch = (searchValue as string).replace(/\*/g, '.*');
+              let matchesSearch = searchValues[0].replace(/\*/g, '.*');
               matchesSearch = matchesSearch.slice(0, 1) + CARET_HTML_ESCAPED + matchesSearch.slice(1);
               matchesSearch = matchesSearch.slice(0, -1) + '$\'';