RI-7552: unfocus input on esc press

Author: KrumTy

redisinsight/ui/src/components/table-column-search-trigger/TableColumnSearchTrigger.spec.tsx

@@ -64,4 +64,22 @@ describe('TableColumnSearchTrigger', () => {
     fireEvent.blur(searchInput)
     expect(handleOpenState).not.toHaveBeenCalled()
   })
+
+  it('should call "handleOpenState" with false when ESCAPE key is pressed', () => {
+    const handleOpenState = jest.fn()
+
+    render(
+      <TableColumnSearchTrigger
+        {...instance(mockedProps)}
+        isOpen
+        handleOpenState={handleOpenState}
+      />,
+    )
+
+    const searchInput = screen.getByTestId('search')
+    expect(searchInput).toBeInTheDocument()
+
+    fireEvent.keyDown(searchInput, { key: 'Escape' })
+    expect(handleOpenState).toHaveBeenCalledWith(false)
+  })
 })

redisinsight/ui/src/components/table-column-search-trigger/TableColumnSearchTrigger.tsx

@@ -55,6 +55,8 @@ const TableColumnSearchTrigger = (props: Props) => {
   const onKeyDown = (event: React.KeyboardEvent) => {
     if (event.key === keys.ENTER) {
       handleApply(value)
+    } else if (event.key === keys.ESCAPE) {
+      handleOpenState(false)
     }
   }