feat(design-system): port most of ui atoms to bazel monorepo and new storybook

src/design-system/atoms/key-events/BUILD.bazel

@@ -0,0 +1,11 @@
+load("//:hack/react.bzl", "react_library")
+
+package(default_visibility = ["//visibility:public"])
+
+react_library(
+    name = "key-events",
+    deps = [
+        "react",
+        "@types/react",
+    ],
+)

src/design-system/atoms/key-events/KeyEvents.ts

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+
+export const globalOnKeyUp = (
+    key: string[],
+    action: () => any,
+    isActive: boolean = true
+) => {
+    useEffect(() => {
+        const onKeyUp = (event: KeyboardEvent) => {
+            if (isActive && key.includes(event.key)) {
+                action();
+            }
+        };
+
+        document.body.addEventListener('keyup', onKeyUp);
+
+        return () => document.body.removeEventListener('keyup', onKeyUp);
+    }, [key, action, isActive]);
+};

src/design-system/atoms/key-events/index.ts

@@ -0,0 +1 @@
+export * from './KeyEvents';