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

packages/misc-utils/featureFlags/react/FeatureFlags.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export enum FeatureFlag {
+    AllowListsBlockLists = 'AllowListsBlockLists',
+}
+
+export class FeatureFlagProvider {
+    activeFlags: FeatureFlag[] = [];
+
+    constructor(flags: FeatureFlag[] = []) {
+        this.activeFlags = flags;
+    }
+
+    has(flag: FeatureFlag) {
+        return this.activeFlags.includes(flag);
+    }
+}
+
+export const FeatureFlagsContext = React.createContext(new FeatureFlagProvider());

packages/misc-utils/featureFlags/react/index.ts

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

packages/misc-utils/featureFlags/react/storyDecorator.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { FeatureFlag, FeatureFlagProvider, FeatureFlagsContext } from './FeatureFlags';
+
+export const FeatureFlagDecorator = (flags: FeatureFlag[]) => (
+    storyFn: () => React.ReactNode
+) => {
+    return (
+        <FeatureFlagsContext.Provider value={new FeatureFlagProvider(flags)}>
+            {storyFn()}
+        </FeatureFlagsContext.Provider>
+    );
+};