APP-3126: fix searchable select value and focus issues (viamrobotics#459

)

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-core",
-  "version": "0.0.76",
+  "version": "0.0.77",
   "publishConfig": {
     "access": "public"
   },

packages/core/src/lib/index.ts

@@ -81,6 +81,7 @@ export {
   type TooltipVisibility,
 } from './tooltip';
 
+export * from './keyboard';
 export { useTimeout } from './use-timeout';
 export { uniqueId } from './unique-id';
 export { default as VectorInput } from './vector-input.svelte';

packages/core/src/lib/keyboard.ts

@@ -0,0 +1,26 @@
+export type KeyMap = Partial<Record<string, KeyEventHandler | KeyOptions>>;
+
+export type KeyEventHandler = (event: KeyboardEvent) => unknown;
+
+export interface KeyOptions {
+  handler: KeyEventHandler;
+  preventDefault?: boolean;
+}
+
+export const createHandleKey = (keyMap: KeyMap) => {
+  return (event: KeyboardEvent): void => {
+    const options = keyMap[event.key];
+    const handler = typeof options === 'function' ? options : options?.handler;
+    const preventDefault =
+      typeof options === 'object' ? options.preventDefault : true;
+
+    if (typeof handler === 'function') {
+      handler(event);
+
+      if (preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    }
+  };
+};