chore: restructure project into yarn workspaces, remove next

packages/design-system/atoms/feature-gate/FeatureGate.stories.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { FeatureFlagDecorator } from '../../../../src/common/utils/featureFlags/react/storyDecorator';
+import { FeatureGate } from './FeatureGate';
+
+export default {
+    title: 'Atoms/Feature Gate',
+    decorators: [FeatureFlagDecorator(['AllowListBlockList'])],
+};
+
+export const ActiveGate = () => (
+    <FeatureGate featureFlag="AllowListBlockList">{() => <div>hello!</div>}</FeatureGate>
+);
+
+export const InactiveGate = () => (
+    <FeatureGate featureFlag="aaa">{() => <div>hello!</div>}</FeatureGate>
+);

packages/design-system/atoms/feature-gate/FeatureGate.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {
+    FeatureFlag,
+    FeatureFlagsContext,
+} from '../../../../src/common/utils/featureFlags/react';
+
+export type FeatureGateProps = {
+    featureFlag: FeatureFlag;
+    children: () => React.ReactNode;
+};
+
+export const FeatureGate = (props: FeatureGateProps) => {
+    const featureContext = React.useContext(FeatureFlagsContext);
+
+    if (featureContext.has(props.featureFlag)) {
+        return props.children();
+    } else {
+        return <></>;
+    }
+};

packages/design-system/atoms/feature-gate/index.ts

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