Fix/scope hotkeys (#581)

* WIP

* asd

* Fix

* Fix lint

* Removed console log

* asd

* Removed isDefined

* Fix/debounce company card onchange (#580)

* Add internal state and debounce for editable text card

* Use debounce for date fields too

* Update refetch

* Nit

* Removed comments

* Ménage

---------

Co-authored-by: Emilien Chauvet <emilien.chauvet.enpc@gmail.com>

front/src/modules/ui/components/inputs/TextInput.tsx

@@ -1,5 +1,10 @@
-import { ChangeEvent } from 'react';
+import { ChangeEvent, useRef } from 'react';
 import styled from '@emotion/styled';
+import { Key } from 'ts-key-enum';
+
+import { usePreviousHotkeysScope } from '@/hotkeys/hooks/internal/usePreviousHotkeysScope';
+import { useScopedHotkeys } from '@/hotkeys/hooks/useScopedHotkeys';
+import { InternalHotkeysScope } from '@/hotkeys/types/internal/InternalHotkeysScope';
 
 type OwnProps = Omit<
   React.InputHTMLAttributes<HTMLInputElement>,
@@ -52,10 +57,37 @@ export function TextInput({
   fullWidth,
   ...props
 }: OwnProps): JSX.Element {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const {
+    goBackToPreviousHotkeysScope,
+    setHotkeysScopeAndMemorizePreviousScope,
+  } = usePreviousHotkeysScope();
+
+  function handleFocus() {
+    setHotkeysScopeAndMemorizePreviousScope(InternalHotkeysScope.TextInput);
+  }
+
+  function handleBlur() {
+    goBackToPreviousHotkeysScope();
+  }
+
+  useScopedHotkeys(
+    [Key.Enter, Key.Escape],
+    () => {
+      inputRef.current?.blur();
+    },
+    InternalHotkeysScope.TextInput,
+  );
+
   return (
     <StyledContainer>
       {label && <StyledLabel>{label}</StyledLabel>}
       <StyledInput
+        ref={inputRef}
+        tabIndex={props.tabIndex ?? 0}
+        onFocus={handleFocus}
+        onBlur={handleBlur}
         fullWidth={fullWidth ?? false}
         value={value}
         onChange={(event: ChangeEvent<HTMLInputElement>) => {