feat(react, ai-label): update structure to scope all example code

carbon-design-system · Nov 14, 2024 · af85222 · af85222
1 parent bdf0cb2
commit af85222
Show file tree

Hide file tree

Showing 13 changed files with 22 additions and 43 deletions.
diff --git a/react/ai-label/src/Example/AiExamples.tsx b/react/ai-label/src/Example/AiExamples.tsx
@@ -0,0 +1,19 @@
+import { Column, Grid } from '@carbon/react';
+import { SortableWithAiLabel } from './SortableWithAiLabel';
+import { ColumnWithAiLabel } from './ColumnWithAiLabel';
+import { WithSelection } from './WithSelection';
+import './example.scss';
+
+export const AiExamples = () => (
+  <Grid className="page-grid">
+    <Column sm={4} md={8} lg={8}>
+      <ColumnWithAiLabel />
+    </Column>
+    <Column sm={4} md={8} lg={8}>
+      <SortableWithAiLabel />
+    </Column>
+    <Column sm={4} md={8} lg={8}>
+      <WithSelection />
+    </Column>
+  </Grid>
+);
diff --git a/react/ai-label/src/ColumnWithAiLabel.tsx → ...i-label/src/Example/ColumnWithAiLabel.tsx b/react/ai-label/src/ColumnWithAiLabel.tsx → ...i-label/src/Example/ColumnWithAiLabel.tsx
diff --git a/react/ai-label/src/ExampleAiLabel.tsx → ...t/ai-label/src/Example/ExampleAiLabel.tsx b/react/ai-label/src/ExampleAiLabel.tsx → ...t/ai-label/src/Example/ExampleAiLabel.tsx
diff --git a/react/ai-label/src/SortableWithAiLabel.tsx → ...label/src/Example/SortableWithAiLabel.tsx b/react/ai-label/src/SortableWithAiLabel.tsx → ...label/src/Example/SortableWithAiLabel.tsx
diff --git a/react/ai-label/src/WithSelection.tsx → react/ai-label/src/Example/WithSelection.tsx b/react/ai-label/src/WithSelection.tsx → react/ai-label/src/Example/WithSelection.tsx
diff --git a/react/ai-label/src/customTypings.d.ts → ...t/ai-label/src/Example/customTypings.d.ts b/react/ai-label/src/customTypings.d.ts → ...t/ai-label/src/Example/customTypings.d.ts
diff --git a/react/ai-label/src/App.scss → react/ai-label/src/Example/example.scss b/react/ai-label/src/App.scss → react/ai-label/src/Example/example.scss
diff --git a/react/ai-label/src/makeData.tsx → react/ai-label/src/Example/makeData.tsx b/react/ai-label/src/makeData.tsx → react/ai-label/src/Example/makeData.tsx
diff --git a/react/ai-label/src/ExampleLink.tsx b/react/ai-label/src/ExampleLink.tsx
diff --git a/react/ai-label/src/index.scss b/react/ai-label/src/index.scss
@@ -3,21 +3,8 @@
 );
 @use '@carbon/styles/scss/type';
 @use '@carbon/ibm-products/css/index';
-@use './App';
 
 body {
   margin: 0;
   padding: 0;
 }
-
-.example--link {
-  @include type.type-style('label-01');
-
-  display: flex;
-  align-items: center;
-  margin-right: 0.5rem;
-}
-
-.example--link__icon {
-  margin-right: 0.25rem;
-}
diff --git a/react/ai-label/src/index.ts b/react/ai-label/src/index.ts
diff --git a/react/ai-label/src/main.tsx b/react/ai-label/src/main.tsx
@@ -2,18 +2,13 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import {
   CodeSnippet,
-  Column,
-  Grid,
   Header,
   HeaderContainer,
   HeaderName,
 } from '@carbon/react';
 
-import { SortableWithAiLabel } from './SortableWithAiLabel';
-import { ColumnWithAiLabel } from './ColumnWithAiLabel';
-
 import './index.scss';
-import { WithSelection } from './WithSelection';
+import { AiExamples } from './Example/AiExamples';
 
 const renderUIShellHeader = () => (
   <HeaderContainer
@@ -34,16 +29,6 @@ const renderUIShellHeader = () => (
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     {renderUIShellHeader()}
-    <Grid className="page-grid">
-      <Column sm={4} md={8} lg={8}>
-        <ColumnWithAiLabel />
-      </Column>
-      <Column sm={4} md={8} lg={8}>
-        <SortableWithAiLabel />
-      </Column>
-      <Column sm={4} md={8} lg={8}>
-        <WithSelection />
-      </Column>
-    </Grid>
+    <AiExamples />
   </StrictMode>
 );
diff --git a/react/ai-label/tsconfig.app.json b/react/ai-label/tsconfig.app.json
@@ -22,7 +22,7 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
 
-    "types": ["./src/customTypings.d.ts"],
+    "types": ["./src/Example/customTypings.d.ts"],
     "resolveJsonModule": true
   },
   "include": ["./src"]