chore: move src/common/utils to @roleypoly/misc-utils

packages/misc-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)}</>;
+}

packages/misc-utils/withContext/index.ts

@@ -0,0 +1,2 @@
+export * as testHelpers from './contextTestHelpers';
+export * from './withContext';

packages/misc-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>
+);