fix: treeView component not allowing all letters in input (#19047)

* fix: treeView component not allowing all letters in inout

* fix: added test story

* fix: remmoved test story

Author: preetibansalui

packages/react/src/components/TreeView/TreeView-test.js

@@ -540,4 +540,28 @@ describe('TreeView', () => {
     expect(node2).toHaveClass(`${prefix}--tree-node--selected`);
     expect(node3).not.toHaveClass(`${prefix}--tree-node--selected`);
   });
+  it('should select nodes correctly when ctrl+A is pressed', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <TreeView multiselect label="Tree View">
+        <TreeNode data-testid="Node 1" label="Node 1" />
+        <TreeNode data-testid="Node 2" label="Node 2" />
+        <TreeNode data-testid="Node 3" label="Node 3" />
+      </TreeView>
+    );
+
+    const node1 = screen.getByTestId('Node 1');
+    const node2 = screen.getByTestId('Node 2');
+    const node3 = screen.getByTestId('Node 3');
+
+    await user.click(node1);
+    expect(node1).toHaveFocus();
+
+    await user.keyboard('[ControlLeft>]A');
+
+    expect(node1).toHaveClass(`${prefix}--tree-node--selected`);
+    expect(node2).toHaveClass(`${prefix}--tree-node--selected`);
+    expect(node3).toHaveClass(`${prefix}--tree-node--selected`);
+  });
 });

packages/react/src/components/TreeView/TreeView.tsx

@@ -197,16 +197,7 @@ const TreeView: TreeViewComponent = ({
 
   function handleKeyDown(event) {
     event.stopPropagation();
-    if (
-      matches(event, [
-        keys.ArrowUp,
-        keys.ArrowDown,
-        keys.Home,
-        keys.End,
-        // @ts-ignore - `matches` doesn't like the object syntax without missing properties
-        { code: 'KeyA' },
-      ])
-    ) {
+    if (matches(event, [keys.ArrowUp, keys.ArrowDown, keys.Home, keys.End])) {
       event.preventDefault();
     }
 

packages/react/src/components/TreeView/Treeview.stories.js

@@ -12,6 +12,7 @@ import { default as TreeView, TreeNode } from './';
 import { Button } from '../Button/index';
 import mdx from './TreeView.mdx';
 import './story.scss';
+import TextInput from '../TextInput';
 
 function renderTree({ nodes, expanded, withIcons = false, withLinks = false }) {
   if (!nodes) {