@slickgrid-universal/graphql 5.10.2 → 5.12.0

package/dist/types/services/graphql.service.d.ts

@@ -98,6 +98,6 @@ export declare class GraphqlService implements BackendService {
      */
     protected castFilterToColumnFilters(columnFilters: ColumnFilters | CurrentFilter[]): CurrentFilter[];
     /** Normalizes the search value according to field type. */
-    protected normalizeSearchValue(fieldType: typeof FieldType[keyof typeof FieldType], searchValue: any): any;
+    protected normalizeSearchValue(fieldType: (typeof FieldType)[keyof typeof FieldType], searchValue: any): any;
 }
 //# sourceMappingURL=graphql.service.d.ts.map

package/dist/types/services/graphql.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.service.d.ts","sourceRoot":"","sources":["../../../src/services/graphql.service.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"graphql.service.d.ts","sourceRoot":"","sources":["../../../src/services/graphql.service.ts"],"names":[],"mappings":"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"}

package/dist/types/services/graphqlQueryBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphqlQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/services/graphqlQueryBuilder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAM1B,SAAS,CAAC,WAAW,EAAE,MAAM;IALzC,KAAK,EAAG,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,IAAI,EAAE,GAAG,CAAC;gBAGY,WAAW,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAYtF;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI;IAc1B;;;OAGG;IACH,IAAI,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI;IAW9B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B;;;OAGG;IACH,QAAQ,IAAI,MAAM;IAYlB,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM;IA4B3C,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAgB1C,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG;CAWlC"}
+{"version":3,"file":"graphqlQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/services/graphqlQueryBuilder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAOpC,SAAS,CAAC,WAAW,EAAE,MAAM;IAN/B,KAAK,EAAG,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,IAAI,EAAE,GAAG,CAAC;gBAIE,WAAW,EAAE,MAAM,EAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAe7C;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI;IAc1B;;;OAGG;IACH,IAAI,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI;IAY9B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B;;;OAGG;IACH,QAAQ,IAAI,MAAM;IAYlB,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM;IA4B3C,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAkB1C,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG;CAWlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slickgrid-universal/graphql",
-  "version": "5.10.2",
+  "version": "5.12.0",
   "description": "GraphQL Service to sync a grid with a GraphQL backend server",
   "main": "./dist/cjs/index.js",
   "types": "./dist/types/index.d.ts",
@@ -38,12 +38,12 @@
     "not dead"
   ],
   "dependencies": {
-    "@slickgrid-universal/common": "~5.10.2",
-    "@slickgrid-universal/utils": "~5.10.2"
+    "@slickgrid-universal/common": "~5.12.0",
+    "@slickgrid-universal/utils": "~5.12.0"
   },
   "funding": {
     "type": "ko_fi",
     "url": "https://ko-fi.com/ghiscoding"
   },
-  "gitHead": "61dcfac0074bedede5bed92faa49c2d42d551f4c"
+  "gitHead": "d7e892ebc1727d7c83cc1e5cc80db8302eef4f63"
 }

package/src/services/graphql.service.ts

@@ -20,13 +20,7 @@ import type {
   SlickGrid,
   SortDirectionString,
 } from '@slickgrid-universal/common';
-import {
-  FieldType,
-  mapOperatorType,
-  mapOperatorByFieldType,
-  OperatorType,
-  SortDirection,
-} from '@slickgrid-universal/common';
+import { FieldType, mapOperatorType, mapOperatorByFieldType, OperatorType, SortDirection } from '@slickgrid-universal/common';
 import { getHtmlStringOutput, stripTags } from '@slickgrid-universal/utils';
 
 import type {
@@ -56,7 +50,7 @@ export class GraphqlService implements BackendService {
   pagination: Pagination | undefined;
   defaultPaginationOptions: GraphqlPaginationOption = {
     first: DEFAULT_ITEMS_PER_PAGE,
-    offset: 0
+    offset: 0,
   };
 
   /** Getter for the Column Definitions */
@@ -66,7 +60,7 @@ export class GraphqlService implements BackendService {
 
   /** Getter for the Grid Options pulled through the Grid Object */
   protected get _gridOptions(): GridOption {
-    return this._grid?.getOptions() ?? {} as GridOption;
+    return this._grid?.getOptions() ?? ({} as GridOption);
   }
 
   /** Initialization of the service, which acts as a constructor */
@@ -151,14 +145,14 @@ export class GraphqlService implements BackendService {
 
       if (this.options.useCursor && this.options.paginationOptions) {
         datasetFilters = { ...this.options.paginationOptions };
-      }
-      else {
+      } else {
         const paginationOptions = this.options?.paginationOptions;
-        datasetFilters.first = (this.options?.infiniteScroll as InfiniteScrollOption)?.fetchSize
-          ?? this.options?.paginationOptions?.first
-          ?? this.pagination?.pageSize
-          ?? this.defaultPaginationOptions.first;
-        datasetFilters.offset = paginationOptions?.hasOwnProperty('offset') ? +(paginationOptions as any)['offset'] : 0;
+        datasetFilters.first =
+          (this.options?.infiniteScroll as InfiniteScrollOption)?.fetchSize ??
+          this.options?.paginationOptions?.first ??
+          this.pagination?.pageSize ??
+          this.defaultPaginationOptions.first;
+        datasetFilters.offset = paginationOptions && 'offset' in paginationOptions ? +paginationOptions.offset! : 0;
       }
     }
 
@@ -208,7 +202,6 @@ export class GraphqlService implements BackendService {
    * @param inputArray
    */
   buildFilterQuery(inputArray: string[]): string {
-
     const set = (o: any = {}, a: any) => {
       const k = a.shift();
       o[k] = a.length ? set(o[k] ?? {}, a) : null;
@@ -238,10 +231,9 @@ export class GraphqlService implements BackendService {
    * @return Pagination Options
    */
   getInitPaginationOptions(): GraphqlDatasetFilter {
-    const paginationFirst = (this.options?.infiniteScroll as InfiniteScrollOption)?.fetchSize ?? this.pagination?.pageSize ?? DEFAULT_ITEMS_PER_PAGE;
-    return this.options?.useCursor
-      ? { first: paginationFirst }
-      : { first: paginationFirst, offset: 0 };
+    const paginationFirst =
+      (this.options?.infiniteScroll as InfiniteScrollOption)?.fetchSize ?? this.pagination?.pageSize ?? DEFAULT_ITEMS_PER_PAGE;
+    return this.options?.useCursor ? { first: paginationFirst } : { first: paginationFirst, offset: 0 };
   }
 
   /** Get the GraphQL dataset name */
@@ -281,11 +273,14 @@ export class GraphqlService implements BackendService {
     // save current pagination as Page 1 and page size as "first" set size
     this._currentPagination = {
       pageNumber: 1,
-      pageSize: paginationOptions.first || DEFAULT_PAGE_SIZE
+      pageSize: paginationOptions.first || DEFAULT_PAGE_SIZE,
     };
 
     // unless user specifically set "enablePagination" to False, we'll update pagination options in every other cases
-    if (this._gridOptions && (this._gridOptions.enablePagination || !this._gridOptions.hasOwnProperty('enablePagination') || this.options?.infiniteScroll)) {
+    if (
+      this._gridOptions &&
+      (this._gridOptions.enablePagination || !('enablePagination' in this._gridOptions) || this.options?.infiniteScroll)
+    ) {
       this.updateOptions({ paginationOptions });
     }
   }
@@ -309,7 +304,9 @@ export class GraphqlService implements BackendService {
     this._currentFilters = this.castFilterToColumnFilters(args.columnFilters);
 
     if (!args || !args.grid) {
-      throw new Error('Something went wrong when trying create the GraphQL Backend Service, it seems that "args" is not populated correctly');
+      throw new Error(
+        'Something went wrong when trying create the GraphQL Backend Service, it seems that "args" is not populated correctly'
+      );
     }
 
     // loop through all columns to inspect filters & set the query
@@ -347,14 +344,18 @@ export class GraphqlService implements BackendService {
    *     }
    *   }
    */
-  processOnPaginationChanged(_event: Event | undefined, args: PaginationChangedArgs | (PaginationCursorChangedArgs & PaginationChangedArgs)): string {
-    const pageSize = +((this.options?.infiniteScroll as InfiniteScrollOption)?.fetchSize || args.pageSize || ((this.pagination) ? this.pagination.pageSize : DEFAULT_PAGE_SIZE));
+  processOnPaginationChanged(
+    _event: Event | undefined,
+    args: PaginationChangedArgs | (PaginationCursorChangedArgs & PaginationChangedArgs)
+  ): string {
+    const pageSize = +(
+      (this.options?.infiniteScroll as InfiniteScrollOption)?.fetchSize ||
+      args.pageSize ||
+      (this.pagination ? this.pagination.pageSize : DEFAULT_PAGE_SIZE)
+    );
 
     // if first/last defined on args, then it is a cursor based pagination change
-    'first' in args || 'last' in args
-      ? this.updatePagination(args.newPage, pageSize, args)
-      : this.updatePagination(args.newPage, pageSize);
-
+    'first' in args || 'last' in args ? this.updatePagination(args.newPage, pageSize, args) : this.updatePagination(args.newPage, pageSize);
 
     // build the GraphQL query which we will use in the WebAPI callback
     return this.buildQuery();
@@ -374,7 +375,13 @@ export class GraphqlService implements BackendService {
    *  }
    */
   processOnSortChanged(_event: Event | undefined, args: SingleColumnSort | MultiColumnSort): string {
-    const sortColumns = (args.multiColumnSort) ? (args as MultiColumnSort).sortCols : new Array({ columnId: (args as ColumnSort).sortCol?.id ?? '', sortCol: (args as ColumnSort).sortCol, sortAsc: (args as ColumnSort).sortAsc });
+    const sortColumns = args.multiColumnSort
+      ? (args as MultiColumnSort).sortCols
+      : new Array({
+          columnId: (args as ColumnSort).sortCol?.id ?? '',
+          sortCol: (args as ColumnSort).sortCol,
+          sortAsc: (args as ColumnSort).sortAsc,
+        });
 
     // loop through all columns to inspect sorters & set the query
     this.updateSorters(sortColumns);
@@ -402,7 +409,7 @@ export class GraphqlService implements BackendService {
     }
 
     for (const columnId in columnFilters) {
-      if (columnFilters.hasOwnProperty(columnId)) {
+      if (columnId in columnFilters) {
         const columnFilter = (columnFilters as any)[columnId];
 
         // if user defined some "presets", then we need to find the filters from the column definitions instead
@@ -413,44 +420,54 @@ export class GraphqlService implements BackendService {
           columnDef = columnFilter.columnDef;
         }
         if (!columnDef) {
-          throw new Error('[GraphQL Service]: Something went wrong in trying to get the column definition of the specified filter (or preset filters). Did you make a typo on the filter columnId?');
+          throw new Error(
+            '[GraphQL Service]: Something went wrong in trying to get the column definition of the specified filter (or preset filters). Did you make a typo on the filter columnId?'
+          );
         }
 
-        let fieldName = columnDef.filter?.queryField || columnDef.queryFieldFilter || columnDef.queryField || columnDef.field || columnDef.name || '';
+        let fieldName =
+          columnDef.filter?.queryField || columnDef.queryFieldFilter || columnDef.queryField || columnDef.field || columnDef.name || '';
         if (fieldName instanceof HTMLElement) {
           fieldName = stripTags(fieldName.innerHTML);
         }
         const fieldType = columnDef.type || FieldType.string;
         let searchTerms = columnFilter?.searchTerms ?? [];
-        let fieldSearchValue = (Array.isArray(searchTerms) && searchTerms.length === 1) ? searchTerms[0] : '';
+        let fieldSearchValue = Array.isArray(searchTerms) && searchTerms.length === 1 ? searchTerms[0] : '';
         if (typeof fieldSearchValue === 'undefined') {
           fieldSearchValue = '';
         }
 
         if (!fieldName) {
-          throw new Error(`GraphQL filter could not find the field name to query the search, your column definition must include a valid "field" or "name" (optionally you can also use the "queryfield").`);
+          throw new Error(
+            `GraphQL filter could not find the field name to query the search, your column definition must include a valid "field" or "name" (optionally you can also use the "queryfield").`
+          );
         }
 
         if (this.options?.useVerbatimSearchTerms || columnFilter.verbatimSearchTerms) {
-          searchByArray.push({ field: getHtmlStringOutput(fieldName), operator: columnFilter.operator, value: JSON.stringify(columnFilter.searchTerms) });
+          searchByArray.push({
+            field: getHtmlStringOutput(fieldName),
+            operator: columnFilter.operator,
+            value: JSON.stringify(columnFilter.searchTerms),
+          });
           continue;
         }
 
-        fieldSearchValue = (fieldSearchValue === undefined || fieldSearchValue === null) ? '' : `${fieldSearchValue}`; // make sure it's a string
+        fieldSearchValue = fieldSearchValue === undefined || fieldSearchValue === null ? '' : `${fieldSearchValue}`; // make sure it's a string
 
         // run regex to find possible filter operators unless the user disabled the feature
         const autoParseInputFilterOperator = columnDef.autoParseInputFilterOperator ?? this._gridOptions.autoParseInputFilterOperator;
 
         // group (2): comboStartsWith, (3): comboEndsWith, (4): Operator, (1 or 5): searchValue, (6): last char is '*' (meaning starts with, ex.: abc*)
-        const matches = autoParseInputFilterOperator !== false
-          ? fieldSearchValue.match(/^((.*[^\\*\r\n])[*]{1}(.*[^*\r\n]))|^([<>!=*]{0,2})(.*[^<>!=*])([*]?)$/) || []
-          : [fieldSearchValue, '', '', '', '', fieldSearchValue, ''];
+        const matches =
+          autoParseInputFilterOperator !== false
+            ? fieldSearchValue.match(/^((.*[^\\*\r\n])[*]{1}(.*[^*\r\n]))|^([<>!=*]{0,2})(.*[^<>!=*])([*]?)$/) || []
+            : [fieldSearchValue, '', '', '', '', fieldSearchValue, ''];
 
         const comboStartsWith = matches?.[2] || '';
         const comboEndsWith = matches?.[3] || '';
         let operator = columnFilter.operator || matches?.[4];
         searchValue = matches?.[1] || matches?.[5] || '';
-        const lastValueChar = matches?.[6] || (operator === '*z' || operator === OperatorType.endsWith) ? '*' : '';
+        const lastValueChar = matches?.[6] || operator === '*z' || operator === OperatorType.endsWith ? '*' : '';
 
         // no need to query if search value is empty
         if (fieldName && searchValue === '' && searchTerms.length === 0) {
@@ -465,7 +482,7 @@ export class GraphqlService implements BackendService {
             operator,
             columnFilterOperator: columnFilter.operator,
             searchValues: searchTerms,
-            grid: this._grid
+            grid: this._grid,
           });
         }
 
@@ -478,7 +495,12 @@ export class GraphqlService implements BackendService {
           if (comboStartsWith && comboEndsWith) {
             searchTerms = [comboStartsWith, comboEndsWith];
             operator = OperatorType.startsWithEndsWith;
-          } else if (Array.isArray(searchTerms) && searchTerms.length === 1 && typeof searchTerms[0] === 'string' && searchTerms[0].indexOf('..') >= 0) {
+          } else if (
+            Array.isArray(searchTerms) &&
+            searchTerms.length === 1 &&
+            typeof searchTerms[0] === 'string' &&
+            searchTerms[0].indexOf('..') >= 0
+          ) {
             if (operator !== OperatorType.rangeInclusive && operator !== OperatorType.rangeExclusive) {
               operator = this._gridOptions.defaultFilterRangeOperator ?? OperatorType.rangeInclusive;
             }
@@ -496,7 +518,7 @@ export class GraphqlService implements BackendService {
 
           if (typeof searchValue === 'string') {
             if (operator === '*' || operator === 'a*' || operator === '*z' || lastValueChar === '*') {
-              operator = ((operator === '*' || operator === '*z') ? 'EndsWith' : 'StartsWith') as OperatorString;
+              operator = (operator === '*' || operator === '*z' ? 'EndsWith' : 'StartsWith') as OperatorString;
             }
           }
 
@@ -512,7 +534,12 @@ export class GraphqlService implements BackendService {
           }
 
           // Range with 1 searchterm should lead to equals for a date field.
-          if ((operator === OperatorType.rangeInclusive || operator === OperatorType.rangeExclusive) && Array.isArray(searchTerms) && searchTerms.length === 1 && fieldType === FieldType.date) {
+          if (
+            (operator === OperatorType.rangeInclusive || operator === OperatorType.rangeExclusive) &&
+            Array.isArray(searchTerms) &&
+            searchTerms.length === 1 &&
+            fieldType === FieldType.date
+          ) {
             operator = OperatorType.equal;
           }
 
@@ -527,7 +554,11 @@ export class GraphqlService implements BackendService {
           // StartsWith + EndsWith combo
           if (operator === OperatorType.startsWithEndsWith && Array.isArray(searchTerms) && searchTerms.length === 2) {
             // add 2 conditions (StartsWith A + EndsWith B) to the search array
-            searchByArray.push({ field: getHtmlStringOutput(fieldName), operator: OperatorType.startsWith, value: comboStartsWith });
+            searchByArray.push({
+              field: getHtmlStringOutput(fieldName),
+              operator: OperatorType.startsWith,
+              value: comboStartsWith,
+            });
             searchByArray.push({ field: getHtmlStringOutput(fieldName), operator: OperatorType.endsWith, value: comboEndsWith });
             continue;
           }
@@ -536,8 +567,16 @@ export class GraphqlService implements BackendService {
           if (searchTerms?.length > 1 && (operator === 'IN' || operator === 'NIN' || operator === 'NOT_IN')) {
             searchValue = searchTerms.join(',');
           } else if (searchTerms?.length === 2 && (operator === OperatorType.rangeExclusive || operator === OperatorType.rangeInclusive)) {
-            searchByArray.push({ field: getHtmlStringOutput(fieldName), operator: (operator === OperatorType.rangeInclusive ? 'GE' : 'GT'), value: searchTerms[0] });
-            searchByArray.push({ field: getHtmlStringOutput(fieldName), operator: (operator === OperatorType.rangeInclusive ? 'LE' : 'LT'), value: searchTerms[1] });
+            searchByArray.push({
+              field: getHtmlStringOutput(fieldName),
+              operator: operator === OperatorType.rangeInclusive ? 'GE' : 'GT',
+              value: searchTerms[0],
+            });
+            searchByArray.push({
+              field: getHtmlStringOutput(fieldName),
+              operator: operator === OperatorType.rangeInclusive ? 'LE' : 'LT',
+              value: searchTerms[1],
+            });
             continue;
           }
 
@@ -565,7 +604,7 @@ export class GraphqlService implements BackendService {
   updatePagination(newPage: number, pageSize: number, cursorArgs?: PaginationCursorChangedArgs): void {
     this._currentPagination = {
       pageNumber: newPage,
-      pageSize
+      pageSize,
     };
 
     let paginationOptions: GraphqlPaginationOption | GraphqlCursorPaginationOption = {};
@@ -585,7 +624,7 @@ export class GraphqlService implements BackendService {
       // use offset based pagination
       paginationOptions = {
         first: pageSize,
-        offset: (newPage > 1) ? ((newPage - 1) * pageSize) : 0 // recalculate offset but make sure the result is always over 0
+        offset: newPage > 1 ? (newPage - 1) * pageSize : 0, // recalculate offset but make sure the result is always over 0
       };
     }
 
@@ -602,30 +641,30 @@ export class GraphqlService implements BackendService {
     if (!sortColumns && presetSorters) {
       // make the presets the current sorters, also make sure that all direction are in uppercase for GraphQL
       currentSorters = presetSorters;
-      currentSorters.forEach((sorter) => sorter.direction = sorter.direction.toUpperCase() as SortDirectionString);
+      currentSorters.forEach((sorter) => (sorter.direction = sorter.direction.toUpperCase() as SortDirectionString));
 
       // display the correct sorting icons on the UI, for that it requires (columnId, sortAsc) properties
       const tmpSorterArray = currentSorters.map((sorter) => {
         const columnDef = this._columnDefinitions?.find((column: Column) => column.id === sorter.columnId);
 
         graphqlSorters.push({
-          field: columnDef ? ((columnDef.queryFieldSorter || columnDef.queryField || columnDef.field) + '') : (sorter.columnId + ''),
-          direction: sorter.direction
+          field: columnDef ? (columnDef.queryFieldSorter || columnDef.queryField || columnDef.field) + '' : sorter.columnId + '',
+          direction: sorter.direction,
         });
 
         // return only the column(s) found in the Column Definitions ELSE null
         if (columnDef) {
           return {
             columnId: sorter.columnId,
-            sortAsc: sorter.direction.toUpperCase() === SortDirection.ASC
+            sortAsc: sorter.direction.toUpperCase() === SortDirection.ASC,
           };
         }
         return null;
-      }) as { columnId: string | number; sortAsc: boolean; }[] | null;
+      }) as { columnId: string | number; sortAsc: boolean }[] | null;
 
       // set the sort icons, but also make sure to filter out null values (that happens when columnDef is not found)
       if (Array.isArray(tmpSorterArray) && this._grid) {
-        this._grid.setSortColumns(tmpSorterArray.filter(sorter => sorter) || []);
+        this._grid.setSortColumns(tmpSorterArray.filter((sorter) => sorter) || []);
       }
     } else if (sortColumns && !presetSorters) {
       // build the orderBy array, it could be multisort, example
@@ -635,14 +674,14 @@ export class GraphqlService implements BackendService {
           if (column && column.sortCol) {
             currentSorters.push({
               columnId: column.sortCol.id + '',
-              direction: column.sortAsc ? SortDirection.ASC : SortDirection.DESC
+              direction: column.sortAsc ? SortDirection.ASC : SortDirection.DESC,
             });
 
             const fieldName = (column.sortCol.queryFieldSorter || column.sortCol.queryField || column.sortCol.field || '') + '';
             if (fieldName) {
               graphqlSorters.push({
                 field: fieldName,
-                direction: column.sortAsc ? SortDirection.ASC : SortDirection.DESC
+                direction: column.sortAsc ? SortDirection.ASC : SortDirection.DESC,
               });
             }
           }
@@ -683,7 +722,7 @@ export class GraphqlService implements BackendService {
     // example with (field: & direction:):  /field:s?(".*?")|direction:s?(".*?")/
     const reg = new RegExp(patternRegex, 'g');
 
-    return inputStr.replace(reg, group1 => {
+    return inputStr.replace(reg, (group1) => {
       // remove double quotes except when the string starts with a "field:"
       let removeDoubleQuotes = true;
       if (group1.startsWith('field:') && keepArgumentFieldDoubleQuotes) {
@@ -703,7 +742,8 @@ export class GraphqlService implements BackendService {
    */
   protected castFilterToColumnFilters(columnFilters: ColumnFilters | CurrentFilter[]): CurrentFilter[] {
     // keep current filters & always save it as an array (columnFilters can be an object when it is dealt by SlickGrid Filter)
-    const filtersArray: ColumnFilter[] = (typeof columnFilters === 'object') ? Object.keys(columnFilters).map(key => (columnFilters as any)[key]) : columnFilters;
+    const filtersArray: ColumnFilter[] =
+      typeof columnFilters === 'object' ? Object.keys(columnFilters).map((key) => (columnFilters as any)[key]) : columnFilters;
 
     if (!Array.isArray(filtersArray)) {
       return [];
@@ -725,7 +765,7 @@ export class GraphqlService implements BackendService {
   }
 
   /** Normalizes the search value according to field type. */
-  protected normalizeSearchValue(fieldType: typeof FieldType[keyof typeof FieldType], searchValue: any): any {
+  protected normalizeSearchValue(fieldType: (typeof FieldType)[keyof typeof FieldType], searchValue: any): any {
     switch (fieldType) {
       case FieldType.date:
       case FieldType.string:

package/src/services/graphqlQueryBuilder.ts

@@ -14,7 +14,10 @@ export default class GraphqlQueryBuilder {
   body: any;
 
   /* Constructor, query/mutator you wish to use, and an alias or filter arguments. */
-  constructor(protected queryFnName: string, aliasOrFilter?: string | object | undefined) {
+  constructor(
+    protected queryFnName: string,
+    aliasOrFilter?: string | object | undefined
+  ) {
     if (typeof aliasOrFilter === 'string') {
       this.alias = aliasOrFilter;
     } else if (typeof aliasOrFilter === 'object') {
@@ -22,7 +25,9 @@ export default class GraphqlQueryBuilder {
     } else if (aliasOrFilter === undefined && arguments.length === 2) {
       throw new TypeError(`You have passed undefined as Second argument to "Query"`);
     } else if (aliasOrFilter !== undefined) {
-      throw new TypeError(`Second argument to "Query" should be an alias name(String) or filter arguments(Object). What was passed is: ${aliasOrFilter}`);
+      throw new TypeError(
+        `Second argument to "Query" should be an alias name(String) or filter arguments(Object). What was passed is: ${aliasOrFilter}`
+      );
     }
   }
 
@@ -48,13 +53,14 @@ export default class GraphqlQueryBuilder {
    * Outlines the properties you wish to be returned from the query.
    * @param properties representing each attribute you want Returned
    */
-  find(...searches: any[]): this { // THIS NEED TO BE A "FUNCTION" to scope 'arguments'
+  find(...searches: any[]): this {
+    // THIS NEED TO BE A "FUNCTION" to scope 'arguments'
     if (!searches || !Array.isArray(searches) || searches.length === 0) {
       throw new TypeError(`find value can not be >>falsy<<`);
     }
     // if its a string.. it may have other values
     // else it sould be an Object or Array of maped values
-    const searchKeys = (searches.length === 1 && Array.isArray(searches[0])) ? searches[0] : searches;
+    const searchKeys = searches.length === 1 && Array.isArray(searches[0]) ? searches[0] : searches;
     this.body = this.parceFind(searchKeys);
     return this;
   }
@@ -76,7 +82,7 @@ export default class GraphqlQueryBuilder {
       throw new ReferenceError(`return properties are not defined. use the 'find' function to defined them`);
     }
 
-    return `${(this.alias) ? (this.alias + ':') : ''} ${this.queryFnName} ${(this.head.length > 0) ? '(' + this.head.join(',') + ')' : ''}  { ${this.body} }`;
+    return `${this.alias ? this.alias + ':' : ''} ${this.queryFnName} ${this.head.length > 0 ? '(' + this.head.join(',') + ')' : ''}  { ${this.body} }`;
   }
 
   // --
@@ -115,9 +121,11 @@ export default class GraphqlQueryBuilder {
     if (typeof value === 'string') {
       value = JSON.stringify(value);
     } else if (Array.isArray(value)) {
-      value = value.map(item => {
-        return this.getGraphQLValue(item);
-      }).join();
+      value = value
+        .map((item) => {
+          return this.getGraphQLValue(item);
+        })
+        .join();
       value = `[${value}]`;
     } else if (value instanceof Date) {
       value = JSON.stringify(value);