fix: ci

Author: TheauW

package-lock.json

@@ -354,7 +354,7 @@ export function DataTable<T extends Record<string, unknown>>({
         },
       ),
     }),
-    [handleContextMenu],
+    [handleContextMenu, disableCheckbox],
   );
 
   function getLeftOffsetForColumn(column: Column<T, unknown>): number {

packages/diracx-web-components/src/components/shared/DataTable.tsx

@@ -15,7 +15,7 @@ interface CustomDateTimePickerProps
   onDateAccepted: (value: string | null) => void;
   handleArrowKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
   handleBackspaceKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-  inputRef?: React.Ref<HTMLInputElement | null>;
+  inputRef?: React.Ref<HTMLInputElement>;
 }
 
 /**

packages/diracx-web-components/src/components/shared/SearchBar/DatePicker.tsx

@@ -206,13 +206,15 @@ export function SearchBar<T extends string>({
     return () => {
       cancelled = true;
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     previousEquation,
     previousToken,
     createSuggestions,
     focusedTokenIndex,
     tokenEquations.length,
     // If the current input is not used, we don't want to trigger the suggestions for each letter typed
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     ...(usesCurrentInput ? [inputValue] : []),
   ]);
 

packages/diracx-web-components/src/components/shared/SearchBar/SearchBar.tsx

@@ -30,7 +30,7 @@ interface SearchFieldProps {
   setInputValue: React.Dispatch<React.SetStateAction<string>>;
 
   /** Reference to the input element */
-  inputRef: React.RefObject<HTMLInputElement | null>;
+  inputRef: React.RefObject<HTMLInputElement>;
 
   /** The current token equations */
   tokenEquations: SearchBarTokenEquation[];

packages/diracx-web-components/src/components/shared/SearchBar/SearchField.tsx

@@ -92,10 +92,9 @@ function handleEquationVerification(
 
     case CategoryType.NUMBER:
       if (
-        freeTextOperators.includes(tokenEquation.items[1].label as string) ||
-        (tokenEquation.items[1].type === CategoryType.NUMBER &&
-          tokenEquation.items[2].type === CategoryType.NUMBER &&
-          !isNaN(Number(tokenEquation.items[2].label)))
+        tokenEquation.items[1].type === CategoryType.NUMBER &&
+        tokenEquation.items[2].type === CategoryType.NUMBER &&
+        !isNaN(Number(tokenEquation.items[2].label))
       )
         tokenEquation.status = EquationStatus.VALID;
       else tokenEquation.status = EquationStatus.INVALID;
@@ -227,8 +226,13 @@ export function getTokenMetadata(
 
   // If the value is in the suggestions list, return its metadata
   // If there is no suggestions for this category, then we allow every input
+  // If the last token is an free text operator
+
   const index = suggestions.items.indexOf(value);
-  if (index >= 0 || suggestions.items.length === 0) {
+  const isFreeTextOperator = Operators.getFreeTextOperators()
+    .map((op) => op.getDisplay())
+    .includes(String(lastToken?.label));
+  if (index >= 0 || suggestions.items.length === 0 || isFreeTextOperator) {
     return {
       nature: suggestions.nature[index] ?? SearchBarTokenNature.VALUE,
       type: suggestions.type[index] ?? lastToken?.type ?? CategoryType.CUSTOM,

packages/diracx-web-components/src/components/shared/SearchBar/Utils.tsx

@@ -441,16 +441,16 @@ describe("Job Monitor", () => {
   it("should handle filter editing", () => {
     cy.get("table").should("be.visible");
 
-    cy.get("[data-testid=search-field]").type("Name{enter}={enter}test{enter}");
+    cy.get("[data-testid=search-field]").type("ID{enter}={enter}1{enter}");
 
     cy.get("[data-testid=search-field]").type("{leftArrow}2{enter}");
-    cy.get('[role="group"]').find("button").contains("test2").should("exist");
+    cy.get('[role="group"]').find("button").contains("12").should("exist");
   });
 
   it("should handle filter clear", () => {
     cy.get("table").should("be.visible");
 
-    cy.get("[data-testid=search-field]").type("Name{enter}={enter}test{enter}");
+    cy.get("[data-testid=search-field]").type("ID{enter}={enter}1{enter}");
 
     cy.get('[role="group"]').find("button").should("have.length", 5);