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

src/common/utils/withContext/BUILD.bazel

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

src/common/utils/withContext/contextTestHelpers.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export type ContextShimProps<T> = {
+    context: React.Context<T>;
+    children: (data: T) => any;
+};
+
+export function ContextShim<T>(props: ContextShimProps<T>) {
+    const context = React.useContext(props.context);
+    return <>{props.children(context)}</>;
+}

src/common/utils/withContext/index.ts

@@ -0,0 +1,3 @@
+export * from './withContext';
+import * as testHelpers from './contextTestHelpers';
+export { testHelpers };

src/common/utils/withContext/withContext.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+export const withContext = <T, K extends T>(
+    Context: React.Context<T>,
+    Component: React.ComponentType<K>
+): React.FunctionComponent<K> => (props) => (
+    <Context.Consumer>
+        {(context) => <Component {...props} {...context} />}
+    </Context.Consumer>
+);