Design prototype now lives in _prototypes

OHIF · Sep 24, 2024 · 3a0ea08 · 3a0ea08
1 parent a2a8e63
commit 3a0ea08
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 15 deletions.
diff --git a/platform/ui-next/src/_pages/patterns.tsx b/platform/ui-next/src/_pages/patterns.tsx
@@ -1,3 +1,5 @@
+// src/_pages/patterns.tsx
+
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import '../tailwind.css';
@@ -25,12 +27,12 @@ import { Checkbox } from '../components/Checkbox';
 import { Toggle, toggleVariants } from '../components/Toggle';
 import { Slider } from '../components/Slider';
 import { ScrollArea, ScrollBar } from '../components/ScrollArea';
-import { PanelSplit } from '../components/PanelSplit';
+import { PanelSplit } from '../_prototypes/PanelSplit'; // Updated import path
 
 function Patterns() {
   return (
     <div className="my-4 mx-auto max-w-6xl py-6">
-      <div className="text-3xl"> Patterns </div>
+      <div className="text-3xl"> Patterns 1 </div>
       <PanelSplit />;
     </div>
   );

diff --git a/...xt/src/components/PanelSplit/ItemList.tsx → ...t/src/_prototypes/PanelSplit/ItemList.tsx b/...xt/src/components/PanelSplit/ItemList.tsx → ...t/src/_prototypes/PanelSplit/ItemList.tsx
@@ -1,8 +1,6 @@
-// src/components/PanelSplit/ItemList.tsx
-
 import React from 'react';
 import { Item, VisibilityState, AvailabilityState } from './types';
-import { Button } from '../Button';
+import { Button } from '../../components/Button'; // Updated import path
 
 interface ItemListProps {
   items: Item[];

diff --git a/.../src/components/PanelSplit/PanelSplit.tsx → ...src/_prototypes/PanelSplit/PanelSplit.tsx b/.../src/components/PanelSplit/PanelSplit.tsx → ...src/_prototypes/PanelSplit/PanelSplit.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import ItemList from './ItemList';
 import PropertiesPanel from './PropertiesPanel';
 import { Item, DisplayMode, VisibilityState, AvailabilityState } from './types';
-import { ScrollArea } from '../ScrollArea'; // Importing ScrollArea
+import { ScrollArea } from '../../components/ScrollArea';
 
 const PanelSplit: React.FC = () => {
   const [selectedItem, setSelectedItem] = useState<Item | null>(null);

diff --git a/...components/PanelSplit/PropertiesPanel.tsx → ...prototypes/PanelSplit/PropertiesPanel.tsx b/...components/PanelSplit/PropertiesPanel.tsx → ...prototypes/PanelSplit/PropertiesPanel.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import { Item, Property, DisplayMode, AvailabilityState } from './types';
-import { Label } from '../Label';
-import { Slider } from '../Slider';
-import { Input } from '../Input';
-import { Switch } from '../Switch';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '../Tabs';
-import { Button } from '../Button';
+import { Label } from '../../components/Label';
+import { Slider } from '../../components/Slider';
+import { Input } from '../../components/Input';
+import { Switch } from '../../components/Switch';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/Tabs';
+import { Button } from '../../components/Button';
 
 interface PropertiesPanelProps {
   selectedItem: Item | null;

diff --git a/...i-next/src/components/PanelSplit/index.ts → ...-next/src/_prototypes/PanelSplit/index.ts b/...i-next/src/components/PanelSplit/index.ts → ...-next/src/_prototypes/PanelSplit/index.ts
diff --git a/...i-next/src/components/PanelSplit/types.ts → ...-next/src/_prototypes/PanelSplit/types.ts b/...i-next/src/components/PanelSplit/types.ts → ...-next/src/_prototypes/PanelSplit/types.ts
diff --git a/platform/ui-next/src/components/index.ts b/platform/ui-next/src/components/index.ts
@@ -28,9 +28,11 @@ import ThumbnailList from './ThumbnailList';
 import PanelSection from './PanelSection';
 import DisplaySetMessageListTooltip from './DisplaySetMessageListTooltip';
 import { Toolbox, ToolboxUI } from './Toolbox';
-import PanelSplit from './PanelSplit';
-import ItemList from './PanelSplit/ItemList';
-import PropertiesPanel from './PanelSplit/PropertiesPanel';
+
+// Prototypes
+import { PanelSplit } from '../_prototypes/PanelSplit';
+import { ItemList } from '../_prototypes/PanelSplit/ItemList';
+import { PropertiesPanel } from '../_prototypes/PanelSplit/PropertiesPanel';
 
 export {
   Button,