From 43efed207e0d8d13bcbf52fab14c1be034d22d0c Mon Sep 17 00:00:00 2001
From: Igor Octaviano <igoroctaviano@gmail.com>
Date: Mon, 30 Sep 2024 18:45:14 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Fix=20imports=20for=20ui-?=
 =?UTF-8?q?next=20(#4394)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 platform/ui-next/src/components/DateRange/DateRange.tsx     | 6 +++---
 platform/ui-next/src/components/SidePanel/SidePanel.tsx     | 2 +-
 .../ui-next/src/components/StudyBrowser/StudyBrowser.tsx    | 6 +++---
 platform/ui-next/src/components/StudyItem/StudyItem.tsx     | 2 +-
 platform/ui-next/src/components/Toolbox/Toolbox.tsx         | 2 +-
 platform/ui/src/components/StudyBrowser/StudyBrowser.tsx    | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/platform/ui-next/src/components/DateRange/DateRange.tsx b/platform/ui-next/src/components/DateRange/DateRange.tsx
index 5c2fdecf1..9e2e39810 100644
--- a/platform/ui-next/src/components/DateRange/DateRange.tsx
+++ b/platform/ui-next/src/components/DateRange/DateRange.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 import { format, parse, isValid } from 'date-fns';
 import { Calendar as CalendarIcon } from 'lucide-react';
 import { cn } from '../../lib/utils';
-import Calendar from '../Calendar';
-import Popover from '../Popover';
+import { Calendar } from '../Calendar';
+import * as Popover from '../Popover';
 
 export type DatePickerWithRangeProps = {
   id: string;
@@ -90,7 +90,7 @@ export function DatePickerWithRange({
               value={start}
               onChange={e => handleInputChange(e, 'start')}
               className={cn(
-                'border-inputfield-main focus:border-inputfield-focus  h-[32px] w-full justify-start rounded border bg-black py-[6.5px] pl-[6.5px] pr-[6.5px] text-left text-sm font-normal hover:bg-black hover:text-white',
+                'border-inputfield-main focus:border-inputfield-focus h-[32px] w-full justify-start rounded border bg-black py-[6.5px] pl-[6.5px] pr-[6.5px] text-left text-sm font-normal hover:bg-black hover:text-white',
                 !start && 'text-muted-foreground'
               )}
               data-cy="input-date-range-start"
diff --git a/platform/ui-next/src/components/SidePanel/SidePanel.tsx b/platform/ui-next/src/components/SidePanel/SidePanel.tsx
index c1b79eaaf..9b8faa320 100644
--- a/platform/ui-next/src/components/SidePanel/SidePanel.tsx
+++ b/platform/ui-next/src/components/SidePanel/SidePanel.tsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Icons } from '../Icons';
 import { TooltipTrigger, TooltipContent, TooltipProvider, Tooltip } from '../Tooltip';
-import Separator from '../Separator';
+import { Separator } from '../Separator';
 
 type StyleMap = {
   open: {
diff --git a/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx b/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
index a5a225854..5f686ab44 100644
--- a/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
+++ b/platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import StudyItem from '../StudyItem';
-import StudyBrowserSort from '../StudyBrowserSort';
-import StudyBrowserViewOptions from '../StudyBrowserViewOptions';
+import { StudyItem } from '../StudyItem';
+import { StudyBrowserSort } from '../StudyBrowserSort';
+import { StudyBrowserViewOptions } from '../StudyBrowserViewOptions';
 
 const getTrackedSeries = displaySets => {
   let trackedSeries = 0;
diff --git a/platform/ui-next/src/components/StudyItem/StudyItem.tsx b/platform/ui-next/src/components/StudyItem/StudyItem.tsx
index 2cdb69d20..3b2271bd8 100644
--- a/platform/ui-next/src/components/StudyItem/StudyItem.tsx
+++ b/platform/ui-next/src/components/StudyItem/StudyItem.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import ThumbnailList from '../ThumbnailList';
+import { ThumbnailList } from '../ThumbnailList';
 
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../Accordion';
 
diff --git a/platform/ui-next/src/components/Toolbox/Toolbox.tsx b/platform/ui-next/src/components/Toolbox/Toolbox.tsx
index 726de8a41..9b60c366c 100644
--- a/platform/ui-next/src/components/Toolbox/Toolbox.tsx
+++ b/platform/ui-next/src/components/Toolbox/Toolbox.tsx
@@ -3,7 +3,7 @@ import { useToolbar } from '@ohif/core';
 import { ToolboxUI } from './';
 // Migrate this file to the new UI eventually
 import { useToolbox } from '@ohif/ui';
-import Separator from '../Separator';
+import { Separator } from '../Separator';
 
 /**
  * A toolbox is a collection of buttons and commands that they invoke, used to provide
diff --git a/platform/ui/src/components/StudyBrowser/StudyBrowser.tsx b/platform/ui/src/components/StudyBrowser/StudyBrowser.tsx
index 842f9dac7..93bc0b137 100644
--- a/platform/ui/src/components/StudyBrowser/StudyBrowser.tsx
+++ b/platform/ui/src/components/StudyBrowser/StudyBrowser.tsx
@@ -23,7 +23,7 @@ const getTrackedSeries = displaySets => {
   return trackedSeries;
 };
 
-const noop = () => { };
+const noop = () => {};
 
 const StudyBrowser = ({
   tabs,