fix #1104 Datatable Number Header Filters: invalidValueException is shown when - is entered without entering a number before the DelayedHeaderFilterInput triggers

Author: vegegoku

domino-ui/src/main/java/org/dominokit/domino/ui/forms/NumberBox.java

@@ -23,7 +23,7 @@
 import elemental2.dom.ClipboardEvent;
 import elemental2.dom.Event;
 import elemental2.dom.HTMLInputElement;
-import elemental2.dom.KeyboardEvent;
+import elemental2.dom.InputEvent;
 import java.util.Objects;
 import java.util.Optional;
 import java.util.function.Function;
@@ -32,6 +32,7 @@
 import org.dominokit.domino.ui.events.EventType;
 import org.dominokit.domino.ui.forms.validations.InputAutoValidator;
 import org.dominokit.domino.ui.forms.validations.ValidationResult;
+import org.dominokit.domino.ui.keyboard.KeyEvent;
 import org.dominokit.domino.ui.utils.ApplyFunction;
 import org.dominokit.domino.ui.utils.DominoElement;
 import org.dominokit.domino.ui.utils.HasMinMaxValue;
@@ -98,8 +99,8 @@ public NumberBox() {
     setAutoValidation(true);
     enableFormatting();
 
-    getInputElement().addEventListener(EventType.keydown, this::onKeyDown);
     getInputElement().addEventListener(EventType.paste, this::onPaste);
+    getInputElement().addEventListener(EventType.keydown, this::onKeyDown);
   }
 
   /**
@@ -214,23 +215,43 @@ protected String createKeyMatch() {
   }
 
   /**
-   * Handles the "keypress" event for the number box. Only allows key presses that match the pattern
-   * created by the {@link #createKeyMatch()} method.
+   * Handles the key-down event and processes user input accordingly. This method prevents invalid
+   * characters, handles paste operations, and ensures that only specific keys are allowed based on
+   * the defined criteria.
    *
-   * @param event The keyboard event associated with the key press.
+   * @param event the event triggered on key-down, representing the user's input action
    */
   protected void onKeyDown(Event event) {
-    KeyboardEvent keyboardEvent = Js.uncheckedCast(event);
-    if (keyboardEvent.key.length() == 1 && !keyboardEvent.key.matches(createKeyMatch())) {
-      event.preventDefault();
+    clearInvalid();
+    KeyEvent keyEvent = KeyEvent.of(Js.uncheckedCast(event));
+
+    if (keyEvent.isModifierKey()) {
+      return;
+    }
+
+    if (keyEvent.getNativeKey().length() != 1) {
+      return;
     }
+
+    if (keyEvent.getNativeKey().matches(createKeyMatch())) {
+      return;
+    }
+
+    if (event instanceof InputEvent) {
+      InputEvent inputEvent = Js.uncheckedCast(event);
+      if ("insertFromPaste".equals(inputEvent.inputType)) {
+        return;
+      }
+    }
+
+    event.preventDefault();
   }
 
   /**
    * Handles the "paste" event for the number box. It ensures that pasted value is of a valid
    * format. If the pasted value is not a valid number, the event is prevented.
    *
-   * @param event The clipboard event associated with the paste action.
+   * @param event The clipboard event associated with the paste action.-2
    */
   protected void onPaste(Event event) {
     ClipboardEvent clipboardEvent = Js.uncheckedCast(event);

domino-ui/src/main/java/org/dominokit/domino/ui/keyboard/KeyEvent.java

@@ -59,6 +59,7 @@ public KeyEvent(KeyboardEvent event) {
   public KeyboardEvent getEvent() {
     return event;
   }
+
   /**
    * Returns the normalized key code.
    *
@@ -67,6 +68,16 @@ public KeyboardEvent getEvent() {
   public KeyboardKeyCode getCode() {
     return code;
   }
+
+  /**
+   * Retrieves the raw code value from the underlying DOM event.
+   *
+   * @return the value of the code property from the DOM KeyboardEvent
+   */
+  public String getNativeCode() {
+    return event.code;
+  }
+
   /**
    * Returns the normalized key value.
    *
@@ -76,6 +87,15 @@ public KeyboardKey getKey() {
     return key;
   }
 
+  /**
+   * Retrieves the raw key value from the underlying DOM event.
+   *
+   * @return the value of the key property from the DOM KeyboardEvent
+   */
+  public String getNativeKey() {
+    return event.key;
+  }
+
   /**
    * Checks whether the event code matches the provided code.
    *