From 4be84953359bba2b846c62ec8f323a8f290b2eb6 Mon Sep 17 00:00:00 2001 From: Alireza Date: Fri, 2 May 2025 14:05:40 -0400 Subject: [PATCH] fix/remove legacy ui (#5010) --- .gitignore | 2 + extensions/default/src/getToolbarModule.tsx | 23 - platform/app/src/routes/WorkList/WorkList.tsx | 7 +- platform/ui-next/src/hooks/index.ts | 4 + .../ui-next/src/hooks/useDynamicMaxHeight.ts | 2 + .../src/hooks/useSessionStorage.test.js | 0 .../src/hooks/useSessionStorage.tsx | 0 platform/ui-next/src/index.ts | 1 + platform/ui/17dd54813d5acc10bf8f.wasm | Bin 5637936 -> 0 bytes platform/ui/31fb9346313fc3740d7b.woff2 | Bin 48556 -> 0 bytes platform/ui/assets/images/CT-AAA.png | Bin 43690 -> 0 bytes platform/ui/assets/images/CT-AAA2.png | Bin 43074 -> 0 bytes platform/ui/assets/images/CT-Air.png | Bin 36276 -> 0 bytes platform/ui/assets/images/CT-Bone.png | Bin 38805 -> 0 bytes platform/ui/assets/images/CT-Bones.png | Bin 38193 -> 0 bytes platform/ui/assets/images/CT-Cardiac.png | Bin 51803 -> 0 bytes platform/ui/assets/images/CT-Cardiac2.png | Bin 51499 -> 0 bytes platform/ui/assets/images/CT-Cardiac3.png | Bin 52991 -> 0 bytes .../images/CT-Chest-Contrast-Enhanced.png | Bin 51275 -> 0 bytes .../ui/assets/images/CT-Chest-Vessels.png | Bin 52568 -> 0 bytes .../assets/images/CT-Coronary-Arteries-2.png | Bin 51925 -> 0 bytes .../assets/images/CT-Coronary-Arteries-3.png | Bin 53425 -> 0 bytes .../ui/assets/images/CT-Coronary-Arteries.png | Bin 47004 -> 0 bytes .../assets/images/CT-Cropped-Volume-Bone.png | Bin 31396 -> 0 bytes platform/ui/assets/images/CT-Fat.png | Bin 47653 -> 0 bytes .../ui/assets/images/CT-Liver-Vasculature.png | Bin 46843 -> 0 bytes platform/ui/assets/images/CT-Lung.png | Bin 45938 -> 0 bytes platform/ui/assets/images/CT-MIP.png | Bin 26839 -> 0 bytes platform/ui/assets/images/CT-Muscle.png | Bin 42848 -> 0 bytes .../assets/images/CT-Pulmonary-Arteries.png | Bin 53588 -> 0 bytes platform/ui/assets/images/CT-Soft-Tissue.png | Bin 32988 -> 0 bytes platform/ui/assets/images/DTI-FA-Brain.png | Bin 38170 -> 0 bytes platform/ui/assets/images/MR-Angio.png | Bin 36759 -> 0 bytes platform/ui/assets/images/MR-Default.png | Bin 43410 -> 0 bytes platform/ui/assets/images/MR-MIP.png | Bin 36738 -> 0 bytes platform/ui/assets/images/MR-T2-Brain.png | Bin 42997 -> 0 bytes platform/ui/assets/images/VolumeRendering.png | Bin 1506 -> 0 bytes .../src/components/AboutModal/AboutModal.tsx | 150 ----- .../__stories__/aboutModal.stories.mdx | 50 -- .../ui/src/components/AboutModal/index.js | 2 - .../ActionButtons/ActionButtons.tsx | 36 -- .../ui/src/components/ActionButtons/index.ts | 3 - .../AdvancedToolbox/AdvancedToolbox.tsx | 72 --- .../AdvancedToolbox/ToolSettings.tsx | 128 ----- .../__stories__/advancedToolbox.stories.mdx | 144 ----- .../src/components/AdvancedToolbox/index.js | 4 - .../src/components/AllInOneMenu/BackItem.tsx | 27 - .../components/AllInOneMenu/DividerItem.tsx | 11 - .../components/AllInOneMenu/HeaderItem.tsx | 13 - .../src/components/AllInOneMenu/IconMenu.tsx | 83 --- .../ui/src/components/AllInOneMenu/Item.tsx | 45 -- .../src/components/AllInOneMenu/ItemPanel.tsx | 29 - .../ui/src/components/AllInOneMenu/Menu.tsx | 188 ------- .../components/AllInOneMenu/PanelSelector.tsx | 31 - .../src/components/AllInOneMenu/SubMenu.tsx | 35 -- .../__stories__/allInOneMenu.stories.mdx | 129 ----- .../components/AllInOneMenu/allInOneMenu.css | 11 - .../ui/src/components/AllInOneMenu/index.tsx | 19 - .../ui/src/components/CheckBox/CheckBox.tsx | 59 -- .../CheckBox/__stories__/checkBox.stories.mdx | 49 -- platform/ui/src/components/CheckBox/index.js | 3 - .../src/components/CinePlayer/CinePlayer.css | 3 - .../src/components/CinePlayer/CinePlayer.tsx | 189 ------- .../__stories__/cinePlayer.stories.mdx | 57 -- .../ui/src/components/CinePlayer/index.js | 2 - .../ui/src/components/DateRange/DateRange.css | 99 ---- .../ui/src/components/DateRange/DateRange.tsx | 178 ------ .../__stories__/dateRange.stories.mdx | 52 -- platform/ui/src/components/DateRange/index.js | 3 - platform/ui/src/components/Dialog/Body.tsx | 27 - platform/ui/src/components/Dialog/Dialog.tsx | 84 --- platform/ui/src/components/Dialog/Footer.tsx | 50 -- platform/ui/src/components/Dialog/Header.tsx | 48 -- .../Dialog/__stories__/dialog.stories.mdx | 73 --- platform/ui/src/components/Dialog/index.js | 2 - .../DisplaySetMessageListTooltip.tsx | 71 --- .../DisplaySetMessageListTooltip/index.js | 2 - .../ui/src/components/Dropdown/Dropdown.tsx | 221 -------- .../Dropdown/__stories__/dropdown.stories.mdx | 84 --- platform/ui/src/components/Dropdown/index.js | 1 - .../components/EmptyStudies/EmptyStudies.tsx | 2 +- .../ErrorBoundary/ErrorBoundary.tsx | 124 ---- .../ui/src/components/ErrorBoundary/index.js | 2 - .../ExpandableToolbarButton.css | 16 - .../ExpandableToolbarButton.tsx | 85 --- .../ExpandableToolbarButton/index.js | 2 - platform/ui/src/components/Header/Header.tsx | 109 ---- .../Header/__stories__/Header.stories.mdx | 57 -- platform/ui/src/components/Header/index.js | 2 - .../HeaderPatientInfo/HeaderPatientInfo.tsx | 133 ----- .../src/components/HeaderPatientInfo/index.js | 3 - .../components/HotkeyField/HotkeyField.tsx | 61 -- .../ui/src/components/HotkeyField/index.js | 3 - .../ui/src/components/HotkeyField/utils.js | 28 - .../HotkeysPreferences/HotkeysPreferences.tsx | 143 ----- .../HotkeysPreferences/hotkeysConfig.js | 87 --- .../HotkeysPreferences/hotkeysValidators.js | 78 --- .../components/HotkeysPreferences/index.js | 3 - .../components/HotkeysPreferences/utils.js | 47 -- .../IconButton/IconButton.stories.tsx | 26 - .../src/components/IconButton/IconButton.tsx | 139 ----- .../ui/src/components/IconButton/index.js | 2 - .../ImageScrollbar/ImageScrollbar.css | 106 ---- .../ImageScrollbar/ImageScrollbar.tsx | 75 --- .../ui/src/components/ImageScrollbar/index.js | 2 - .../InputDoubleRange/InputDoubleRange.css | 4 - .../InputDoubleRange/InputDoubleRange.tsx | 238 -------- .../__stories__/inputDoubleRange.stories.mdx | 56 -- .../src/components/InputDoubleRange/index.js | 3 - .../components/InputNumber/InputNumber.css | 33 -- .../components/InputNumber/InputNumber.tsx | 184 ------ .../__stories__/inputNumber.stories.mdx | 56 -- .../ui/src/components/InputNumber/index.js | 3 - .../src/components/InputRange/InputRange.css | 45 -- .../src/components/InputRange/InputRange.tsx | 152 ----- .../__stories__/inputRange.stories.mdx | 56 -- .../ui/src/components/InputRange/index.js | 3 - .../InvestigationalUseDialog.tsx | 104 ---- .../InvestigationalUseDialog/index.js | 3 - .../components/Labelling/LabellingFlow.tsx | 91 --- .../Labelling/LabellingTransition.tsx | 28 - platform/ui/src/components/Labelling/index.js | 2 - .../components/LayoutPreset/LayoutPreset.tsx | 40 -- .../ui/src/components/LayoutPreset/index.js | 2 - .../LayoutSelector/LayoutSelector.tsx | 56 -- .../__stories__/layoutSelector.stories.mdx | 41 -- .../ui/src/components/LayoutSelector/index.js | 2 - .../LegacyCinePlayer/LegacyCinePlayer.tsx | 89 --- .../LegacyCinePlayerCustomInputRange.css | 107 ---- .../__stories__/legacyCinePlayer.stories.mdx | 38 -- .../src/components/LegacyCinePlayer/index.js | 2 - .../LegacyPatientInfo/LegacyPatientInfo.tsx | 148 ----- .../src/components/LegacyPatientInfo/index.js | 2 - .../LegacySidePanel/LegacySidePanel.tsx | 372 ------------ .../__stories__/legacySidePanel.stories.mdx | 74 --- .../src/components/LegacySidePanel/index.js | 2 - .../src/components/LegacySidePanel/style.css | 27 - .../LegacySplitButton/LegacySplitButton.tsx | 162 ------ .../src/components/LegacySplitButton/index.js | 2 - .../LegacyViewportActionBar.stories.tsx | 35 -- .../LegacyViewportActionBar.tsx | 173 ------ .../LegacyViewportActionBar/index.js | 2 - .../ui/src/components/LineChart/LineChart.css | 40 -- .../ui/src/components/LineChart/LineChart.tsx | 121 ---- .../__stories__/lineChart.stories.mdx | 181 ------ .../components/LineChart/d3LineChart/chart.ts | 365 ------------ .../LineChart/d3LineChart/events.ts | 149 ----- .../components/LineChart/d3LineChart/index.ts | 3 - .../LineChart/d3LineChart/lineChart.ts | 272 --------- platform/ui/src/components/LineChart/index.js | 1 - .../ui/src/components/ListMenu/ListMenu.tsx | 57 -- platform/ui/src/components/ListMenu/index.js | 2 - .../LoadingIndicatorProgress.tsx | 29 - .../LoadingIndicatorProgress/index.js | 2 - .../LoadingIndicatorTotalPercent.tsx | 49 -- .../LoadingIndicatorTotalPercent/index.js | 2 - .../MeasurementTable/MeasurementItem.tsx | 111 ---- .../MeasurementTable/MeasurementTable.tsx | 89 --- .../__stories__/measurementTable.stories.mdx | 90 --- .../src/components/MeasurementTable/index.js | 3 - platform/ui/src/components/Modal/Modal.css | 3 - platform/ui/src/components/Modal/Modal.tsx | 115 ---- platform/ui/src/components/Modal/index.js | 2 - platform/ui/src/components/NavBar/NavBar.tsx | 29 - platform/ui/src/components/NavBar/index.js | 2 - .../components/Notification/Notification.tsx | 127 ----- .../__stories__/notification.stories.mdx | 66 --- .../ui/src/components/Notification/index.js | 2 - .../components/PanelSection/PanelSection.tsx | 63 --- .../__stories__/PanelSection.stories.mdx | 71 --- .../ui/src/components/PanelSection/index.js | 2 - .../components/PatientInfo/PatientInfo.tsx | 137 ----- .../ui/src/components/PatientInfo/index.js | 2 - .../ProgressDropdown/ProgressDiscreteBar.tsx | 27 - .../ProgressDropdown/ProgressDropdown.tsx | 164 ------ .../ProgressDropdown/ProgressItem.tsx | 31 - .../ProgressDropdown/ProgressItemDetail.tsx | 84 --- .../__stories__/progressDropdown.stories.mdx | 106 ---- .../src/components/ProgressDropdown/index.js | 1 - .../src/components/ProgressDropdown/types.ts | 19 - .../ProgressLoadingBar/ProgressLoadingBar.css | 26 - .../ProgressLoadingBar/ProgressLoadingBar.tsx | 32 -- .../components/ProgressLoadingBar/index.js | 2 - .../SegmentationGroupTable/AddSegmentRow.tsx | 37 -- .../NoSegmentationRow.tsx | 21 - .../SegmentationConfig.tsx | 171 ------ .../SegmentationDropDownRow.tsx | 170 ------ .../SegmentationGroupSegment.tsx | 230 -------- .../SegmentationGroupTable.tsx | 214 ------- .../SegmentationGroupTableExpanded.tsx | 177 ------ .../SegmentationItem.tsx | 204 ------- .../segmentationGroupTable.stories.mdx | 124 ---- .../SegmentationGroupTable/index.js | 4 - .../SegmentationTable/SegmentationItem.tsx | 150 ----- .../SegmentationTable/SegmentationTable.tsx | 113 ---- .../__stories__/segmentationTable.stories.mdx | 74 --- .../src/components/SegmentationTable/index.js | 3 - .../src/components/SelectTree/InputRadio.tsx | 41 -- .../src/components/SelectTree/SelectTree.tsx | 237 -------- .../SelectTree/SelectTreeBreadcrumb.tsx | 35 -- .../ui/src/components/SelectTree/index.js | 2 - .../ui/src/components/SidePanel/SidePanel.tsx | 421 -------------- .../__stories__/sidePanel.stories.mdx | 75 --- platform/ui/src/components/SidePanel/index.js | 2 - .../ui/src/components/Snackbar/Snackbar.css | 74 --- .../components/Snackbar/SnackbarContainer.tsx | 56 -- .../src/components/Snackbar/SnackbarItem.tsx | 63 --- .../src/components/Snackbar/SnackbarTypes.js | 6 - .../components/SplitButton/SplitButton.tsx | 186 ------ .../__stories__/splitButton.stories.mdx | 80 --- .../ui/src/components/SplitButton/index.js | 2 - .../components/StudyBrowser/StudyBrowser.tsx | 183 ------ .../__stories__/studyBrowser.stories.mdx | 128 ----- .../ui/src/components/StudyBrowser/index.js | 2 - .../StudyBrowserSort/StudyBrowserSort.tsx | 74 --- .../src/components/StudyBrowserSort/index.js | 3 - .../ui/src/components/StudyItem/StudyItem.tsx | 98 ---- .../__stories__/studyItem.stories.mdx | 58 -- platform/ui/src/components/StudyItem/index.js | 2 - .../components/StudySummary/StudySummary.tsx | 25 - .../ui/src/components/StudySummary/index.js | 3 - .../components/SwitchButton/SwitchButton.tsx | 52 -- .../__stories__/switchButton.stories.mdx | 58 -- .../ui/src/components/SwitchButton/index.js | 3 - .../components/SwitchButton/switchButton.css | 7 - .../components/ThemeWrapper/ThemeWrapper.tsx | 7 - .../ui/src/components/ThemeWrapper/index.js | 2 - .../ui/src/components/Thumbnail/Thumbnail.tsx | 137 ----- platform/ui/src/components/Thumbnail/index.js | 2 - .../ThumbnailList/ThumbnailList.tsx | 157 ------ .../ui/src/components/ThumbnailList/index.js | 2 - .../ThumbnailNoImage/ThumbnailNoImage.tsx | 133 ----- .../src/components/ThumbnailNoImage/index.js | 2 - .../ThumbnailTracked/ThumbnailTracked.tsx | 121 ---- .../src/components/ThumbnailTracked/index.js | 2 - .../ToolbarButton/ToolbarButton.tsx | 89 --- .../__stories__/toolbarButton.stories.mdx | 69 --- .../ui/src/components/ToolbarButton/index.js | 2 - .../ui/src/components/Toolbox/Toolbox.tsx | 158 ------ .../ui/src/components/Toolbox/ToolboxUI.tsx | 120 ---- platform/ui/src/components/Toolbox/index.js | 3 - .../TooltipClipboard/TooltipClipboard.tsx | 165 ------ .../src/components/TooltipClipboard/index.js | 1 - .../UserPreferences/UserPreferences.tsx | 155 ----- .../src/components/UserPreferences/index.js | 3 - .../ui/src/components/Viewport/Viewport.tsx | 82 --- .../Viewport/__stories__/Viewport.stories.mdx | 73 --- platform/ui/src/components/Viewport/index.ts | 5 - .../ViewportActionArrows.tsx | 27 - .../components/ViewportActionArrows/index.tsx | 2 - .../ViewportActionBar/ViewportActionBar.tsx | 193 ------- .../components/ViewportActionBar/index.tsx | 2 - .../ViewportActionButton.tsx | 28 - .../components/ViewportActionButton/index.tsx | 2 - .../ViewportActionCorners.tsx | 76 --- .../ViewportActionCorners/index.tsx | 4 - .../ViewportDownloadForm.tsx | 409 -------------- .../components/ViewportDownloadForm/index.js | 1 - .../components/ViewportGrid/ViewportGrid.tsx | 29 - .../ui/src/components/ViewportGrid/index.js | 2 - .../ViewportOverlay/ViewportOverlay.css | 22 - .../ViewportOverlay/ViewportOverlay.tsx | 73 --- .../src/components/ViewportOverlay/index.js | 3 - .../components/ViewportPane/ViewportPane.tsx | 113 ---- .../ui/src/components/ViewportPane/index.js | 2 - .../components/WindowLevel/WindowLevel.tsx | 176 ------ .../WindowLevel/WindowLevelHistogram.tsx | 229 -------- .../__stories__/windowLevel.stories.mdx | 103 ---- .../ui/src/components/WindowLevel/index.js | 1 - .../ui/src/components/WindowLevel/types.ts | 64 --- .../WindowLevelMenuItem.tsx | 27 - .../components/WindowLevelMenuItem/index.js | 2 - platform/ui/src/components/index.js | 166 +----- .../ui/src/contextProviders/CineProvider.tsx | 111 ---- .../src/contextProviders/DialogProvider.css | 8 - .../src/contextProviders/DialogProvider.tsx | 350 ------------ .../contextProviders/DragAndDropProvider.tsx | 40 -- .../contextProviders/ImageViewerProvider.tsx | 17 - .../src/contextProviders/ModalComponent.tsx | 26 - .../ui/src/contextProviders/ModalProvider.tsx | 143 ----- .../src/contextProviders/SnackbarProvider.tsx | 134 ----- .../Toolbox/ToolboxContext.tsx | 109 ---- .../UserAuthenticationProvider.tsx | 133 ----- .../ViewportDialogProvider.tsx | 55 -- .../contextProviders/ViewportGridProvider.tsx | 529 ------------------ platform/ui/src/contextProviders/index.js | 23 - platform/ui/src/hooks/index.ts | 4 - platform/ui/src/hooks/useResizeObserver.ts | 25 - platform/ui/src/index.js | 118 +--- .../ui/src/pages/Colors/BackgroundColor.tsx | 21 - platform/ui/src/storybook/assets/button.png | Bin 28576 -> 0 bytes platform/ui/src/storybook/assets/code.png | Bin 92528 -> 0 bytes .../src/storybook/assets/codeblock-error.png | Bin 30450 -> 0 bytes .../src/storybook/assets/component-tree.png | Bin 27410 -> 0 bytes platform/ui/src/storybook/assets/header.png | Bin 188849 -> 0 bytes platform/ui/src/storybook/assets/sandbox.png | Bin 54121 -> 0 bytes .../ui/src/storybook/assets/storybook.png | Bin 183046 -> 0 bytes platform/ui/src/storybook/color/color.tsx | 11 - platform/ui/src/storybook/colors.stories.mdx | 116 ---- .../anchor-list-item/anchor-list-item.tsx | 3 - .../storybook/components/footer/footer.tsx | 19 - .../storybook/components/heading/heading.tsx | 44 -- .../src/storybook/components/image/image.tsx | 17 - .../ui/src/storybook/components/index.tsx | 10 - .../link-component/link-component.tsx | 27 - .../components/section-name/section-name.tsx | 20 - .../ui/src/storybook/contribute.stories.mdx | 112 ---- .../functions/create-component-story.tsx | 47 -- platform/ui/src/storybook/header/header.tsx | 11 - platform/ui/src/storybook/welcome.stories.mdx | 71 --- platform/ui/src/utils/getMaxDigits.ts | 19 - platform/ui/src/utils/useOnClickOutside.js | 26 - platform/ui/src/utils/viewportLabels.ts | 30 - .../src/views/StudyList/components/Header.js | 48 -- .../views/StudyList/components/OHIFLogo.js | 12 - platform/ui/src/views/StudyList/index.js | 2 - platform/ui/src/views/Viewer/Viewer.js | 44 -- .../ui/src/views/Viewer/components/Header.js | 42 -- platform/ui/src/views/Viewer/index.js | 2 - .../src/views/Viewer/studyBrowserMockData.js | 75 --- platform/ui/src/views/index.js | 4 - 321 files changed, 24 insertions(+), 18605 deletions(-) create mode 100644 platform/ui-next/src/hooks/index.ts rename platform/{ui => ui-next}/src/hooks/useSessionStorage.test.js (100%) rename platform/{ui => ui-next}/src/hooks/useSessionStorage.tsx (100%) delete mode 100644 platform/ui/17dd54813d5acc10bf8f.wasm delete mode 100644 platform/ui/31fb9346313fc3740d7b.woff2 delete mode 100644 platform/ui/assets/images/CT-AAA.png delete mode 100644 platform/ui/assets/images/CT-AAA2.png delete mode 100644 platform/ui/assets/images/CT-Air.png delete mode 100644 platform/ui/assets/images/CT-Bone.png delete mode 100644 platform/ui/assets/images/CT-Bones.png delete mode 100644 platform/ui/assets/images/CT-Cardiac.png delete mode 100644 platform/ui/assets/images/CT-Cardiac2.png delete mode 100644 platform/ui/assets/images/CT-Cardiac3.png delete mode 100644 platform/ui/assets/images/CT-Chest-Contrast-Enhanced.png delete mode 100644 platform/ui/assets/images/CT-Chest-Vessels.png delete mode 100644 platform/ui/assets/images/CT-Coronary-Arteries-2.png delete mode 100644 platform/ui/assets/images/CT-Coronary-Arteries-3.png delete mode 100644 platform/ui/assets/images/CT-Coronary-Arteries.png delete mode 100644 platform/ui/assets/images/CT-Cropped-Volume-Bone.png delete mode 100644 platform/ui/assets/images/CT-Fat.png delete mode 100644 platform/ui/assets/images/CT-Liver-Vasculature.png delete mode 100644 platform/ui/assets/images/CT-Lung.png delete mode 100644 platform/ui/assets/images/CT-MIP.png delete mode 100644 platform/ui/assets/images/CT-Muscle.png delete mode 100644 platform/ui/assets/images/CT-Pulmonary-Arteries.png delete mode 100644 platform/ui/assets/images/CT-Soft-Tissue.png delete mode 100644 platform/ui/assets/images/DTI-FA-Brain.png delete mode 100644 platform/ui/assets/images/MR-Angio.png delete mode 100644 platform/ui/assets/images/MR-Default.png delete mode 100644 platform/ui/assets/images/MR-MIP.png delete mode 100644 platform/ui/assets/images/MR-T2-Brain.png delete mode 100644 platform/ui/assets/images/VolumeRendering.png delete mode 100644 platform/ui/src/components/AboutModal/AboutModal.tsx delete mode 100644 platform/ui/src/components/AboutModal/__stories__/aboutModal.stories.mdx delete mode 100644 platform/ui/src/components/AboutModal/index.js delete mode 100644 platform/ui/src/components/ActionButtons/ActionButtons.tsx delete mode 100644 platform/ui/src/components/ActionButtons/index.ts delete mode 100644 platform/ui/src/components/AdvancedToolbox/AdvancedToolbox.tsx delete mode 100644 platform/ui/src/components/AdvancedToolbox/ToolSettings.tsx delete mode 100644 platform/ui/src/components/AdvancedToolbox/__stories__/advancedToolbox.stories.mdx delete mode 100644 platform/ui/src/components/AdvancedToolbox/index.js delete mode 100644 platform/ui/src/components/AllInOneMenu/BackItem.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/DividerItem.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/HeaderItem.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/IconMenu.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/Item.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/ItemPanel.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/Menu.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/PanelSelector.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/SubMenu.tsx delete mode 100644 platform/ui/src/components/AllInOneMenu/__stories__/allInOneMenu.stories.mdx delete mode 100644 platform/ui/src/components/AllInOneMenu/allInOneMenu.css delete mode 100644 platform/ui/src/components/AllInOneMenu/index.tsx delete mode 100644 platform/ui/src/components/CheckBox/CheckBox.tsx delete mode 100644 platform/ui/src/components/CheckBox/__stories__/checkBox.stories.mdx delete mode 100644 platform/ui/src/components/CheckBox/index.js delete mode 100644 platform/ui/src/components/CinePlayer/CinePlayer.css delete mode 100644 platform/ui/src/components/CinePlayer/CinePlayer.tsx delete mode 100644 platform/ui/src/components/CinePlayer/__stories__/cinePlayer.stories.mdx delete mode 100644 platform/ui/src/components/CinePlayer/index.js delete mode 100644 platform/ui/src/components/DateRange/DateRange.css delete mode 100644 platform/ui/src/components/DateRange/DateRange.tsx delete mode 100644 platform/ui/src/components/DateRange/__stories__/dateRange.stories.mdx delete mode 100644 platform/ui/src/components/DateRange/index.js delete mode 100644 platform/ui/src/components/Dialog/Body.tsx delete mode 100644 platform/ui/src/components/Dialog/Dialog.tsx delete mode 100644 platform/ui/src/components/Dialog/Footer.tsx delete mode 100644 platform/ui/src/components/Dialog/Header.tsx delete mode 100644 platform/ui/src/components/Dialog/__stories__/dialog.stories.mdx delete mode 100644 platform/ui/src/components/Dialog/index.js delete mode 100644 platform/ui/src/components/DisplaySetMessageListTooltip/DisplaySetMessageListTooltip.tsx delete mode 100644 platform/ui/src/components/DisplaySetMessageListTooltip/index.js delete mode 100644 platform/ui/src/components/Dropdown/Dropdown.tsx delete mode 100644 platform/ui/src/components/Dropdown/__stories__/dropdown.stories.mdx delete mode 100644 platform/ui/src/components/Dropdown/index.js delete mode 100644 platform/ui/src/components/ErrorBoundary/ErrorBoundary.tsx delete mode 100644 platform/ui/src/components/ErrorBoundary/index.js delete mode 100644 platform/ui/src/components/ExpandableToolbarButton/ExpandableToolbarButton.css delete mode 100644 platform/ui/src/components/ExpandableToolbarButton/ExpandableToolbarButton.tsx delete mode 100644 platform/ui/src/components/ExpandableToolbarButton/index.js delete mode 100644 platform/ui/src/components/Header/Header.tsx delete mode 100644 platform/ui/src/components/Header/__stories__/Header.stories.mdx delete mode 100644 platform/ui/src/components/Header/index.js delete mode 100644 platform/ui/src/components/HeaderPatientInfo/HeaderPatientInfo.tsx delete mode 100644 platform/ui/src/components/HeaderPatientInfo/index.js delete mode 100644 platform/ui/src/components/HotkeyField/HotkeyField.tsx delete mode 100644 platform/ui/src/components/HotkeyField/index.js delete mode 100644 platform/ui/src/components/HotkeyField/utils.js delete mode 100644 platform/ui/src/components/HotkeysPreferences/HotkeysPreferences.tsx delete mode 100644 platform/ui/src/components/HotkeysPreferences/hotkeysConfig.js delete mode 100644 platform/ui/src/components/HotkeysPreferences/hotkeysValidators.js delete mode 100644 platform/ui/src/components/HotkeysPreferences/index.js delete mode 100644 platform/ui/src/components/HotkeysPreferences/utils.js delete mode 100644 platform/ui/src/components/IconButton/IconButton.stories.tsx delete mode 100644 platform/ui/src/components/IconButton/IconButton.tsx delete mode 100644 platform/ui/src/components/IconButton/index.js delete mode 100644 platform/ui/src/components/ImageScrollbar/ImageScrollbar.css delete mode 100644 platform/ui/src/components/ImageScrollbar/ImageScrollbar.tsx delete mode 100644 platform/ui/src/components/ImageScrollbar/index.js delete mode 100644 platform/ui/src/components/InputDoubleRange/InputDoubleRange.css delete mode 100644 platform/ui/src/components/InputDoubleRange/InputDoubleRange.tsx delete mode 100644 platform/ui/src/components/InputDoubleRange/__stories__/inputDoubleRange.stories.mdx delete mode 100644 platform/ui/src/components/InputDoubleRange/index.js delete mode 100644 platform/ui/src/components/InputNumber/InputNumber.css delete mode 100644 platform/ui/src/components/InputNumber/InputNumber.tsx delete mode 100644 platform/ui/src/components/InputNumber/__stories__/inputNumber.stories.mdx delete mode 100644 platform/ui/src/components/InputNumber/index.js delete mode 100644 platform/ui/src/components/InputRange/InputRange.css delete mode 100644 platform/ui/src/components/InputRange/InputRange.tsx delete mode 100644 platform/ui/src/components/InputRange/__stories__/inputRange.stories.mdx delete mode 100644 platform/ui/src/components/InputRange/index.js delete mode 100644 platform/ui/src/components/InvestigationalUseDialog/InvestigationalUseDialog.tsx delete mode 100644 platform/ui/src/components/InvestigationalUseDialog/index.js delete mode 100644 platform/ui/src/components/Labelling/LabellingFlow.tsx delete mode 100644 platform/ui/src/components/Labelling/LabellingTransition.tsx delete mode 100644 platform/ui/src/components/Labelling/index.js delete mode 100644 platform/ui/src/components/LayoutPreset/LayoutPreset.tsx delete mode 100644 platform/ui/src/components/LayoutPreset/index.js delete mode 100644 platform/ui/src/components/LayoutSelector/LayoutSelector.tsx delete mode 100644 platform/ui/src/components/LayoutSelector/__stories__/layoutSelector.stories.mdx delete mode 100644 platform/ui/src/components/LayoutSelector/index.js delete mode 100644 platform/ui/src/components/LegacyCinePlayer/LegacyCinePlayer.tsx delete mode 100644 platform/ui/src/components/LegacyCinePlayer/LegacyCinePlayerCustomInputRange.css delete mode 100644 platform/ui/src/components/LegacyCinePlayer/__stories__/legacyCinePlayer.stories.mdx delete mode 100644 platform/ui/src/components/LegacyCinePlayer/index.js delete mode 100644 platform/ui/src/components/LegacyPatientInfo/LegacyPatientInfo.tsx delete mode 100644 platform/ui/src/components/LegacyPatientInfo/index.js delete mode 100644 platform/ui/src/components/LegacySidePanel/LegacySidePanel.tsx delete mode 100644 platform/ui/src/components/LegacySidePanel/__stories__/legacySidePanel.stories.mdx delete mode 100644 platform/ui/src/components/LegacySidePanel/index.js delete mode 100644 platform/ui/src/components/LegacySidePanel/style.css delete mode 100644 platform/ui/src/components/LegacySplitButton/LegacySplitButton.tsx delete mode 100644 platform/ui/src/components/LegacySplitButton/index.js delete mode 100644 platform/ui/src/components/LegacyViewportActionBar/LegacyViewportActionBar.stories.tsx delete mode 100644 platform/ui/src/components/LegacyViewportActionBar/LegacyViewportActionBar.tsx delete mode 100644 platform/ui/src/components/LegacyViewportActionBar/index.js delete mode 100644 platform/ui/src/components/LineChart/LineChart.css delete mode 100644 platform/ui/src/components/LineChart/LineChart.tsx delete mode 100644 platform/ui/src/components/LineChart/__stories__/lineChart.stories.mdx delete mode 100644 platform/ui/src/components/LineChart/d3LineChart/chart.ts delete mode 100644 platform/ui/src/components/LineChart/d3LineChart/events.ts delete mode 100644 platform/ui/src/components/LineChart/d3LineChart/index.ts delete mode 100644 platform/ui/src/components/LineChart/d3LineChart/lineChart.ts delete mode 100644 platform/ui/src/components/LineChart/index.js delete mode 100644 platform/ui/src/components/ListMenu/ListMenu.tsx delete mode 100644 platform/ui/src/components/ListMenu/index.js delete mode 100644 platform/ui/src/components/LoadingIndicatorProgress/LoadingIndicatorProgress.tsx delete mode 100644 platform/ui/src/components/LoadingIndicatorProgress/index.js delete mode 100644 platform/ui/src/components/LoadingIndicatorTotalPercent/LoadingIndicatorTotalPercent.tsx delete mode 100644 platform/ui/src/components/LoadingIndicatorTotalPercent/index.js delete mode 100644 platform/ui/src/components/MeasurementTable/MeasurementItem.tsx delete mode 100644 platform/ui/src/components/MeasurementTable/MeasurementTable.tsx delete mode 100644 platform/ui/src/components/MeasurementTable/__stories__/measurementTable.stories.mdx delete mode 100644 platform/ui/src/components/MeasurementTable/index.js delete mode 100644 platform/ui/src/components/Modal/Modal.css delete mode 100644 platform/ui/src/components/Modal/Modal.tsx delete mode 100644 platform/ui/src/components/Modal/index.js delete mode 100644 platform/ui/src/components/NavBar/NavBar.tsx delete mode 100644 platform/ui/src/components/NavBar/index.js delete mode 100644 platform/ui/src/components/Notification/Notification.tsx delete mode 100644 platform/ui/src/components/Notification/__stories__/notification.stories.mdx delete mode 100644 platform/ui/src/components/Notification/index.js delete mode 100644 platform/ui/src/components/PanelSection/PanelSection.tsx delete mode 100644 platform/ui/src/components/PanelSection/__stories__/PanelSection.stories.mdx delete mode 100644 platform/ui/src/components/PanelSection/index.js delete mode 100644 platform/ui/src/components/PatientInfo/PatientInfo.tsx delete mode 100644 platform/ui/src/components/PatientInfo/index.js delete mode 100644 platform/ui/src/components/ProgressDropdown/ProgressDiscreteBar.tsx delete mode 100644 platform/ui/src/components/ProgressDropdown/ProgressDropdown.tsx delete mode 100644 platform/ui/src/components/ProgressDropdown/ProgressItem.tsx delete mode 100644 platform/ui/src/components/ProgressDropdown/ProgressItemDetail.tsx delete mode 100644 platform/ui/src/components/ProgressDropdown/__stories__/progressDropdown.stories.mdx delete mode 100644 platform/ui/src/components/ProgressDropdown/index.js delete mode 100644 platform/ui/src/components/ProgressDropdown/types.ts delete mode 100644 platform/ui/src/components/ProgressLoadingBar/ProgressLoadingBar.css delete mode 100644 platform/ui/src/components/ProgressLoadingBar/ProgressLoadingBar.tsx delete mode 100644 platform/ui/src/components/ProgressLoadingBar/index.js delete mode 100644 platform/ui/src/components/SegmentationGroupTable/AddSegmentRow.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/NoSegmentationRow.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/SegmentationConfig.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/SegmentationDropDownRow.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/SegmentationGroupSegment.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/SegmentationGroupTable.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/SegmentationGroupTableExpanded.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/SegmentationItem.tsx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/__stories__/segmentationGroupTable.stories.mdx delete mode 100644 platform/ui/src/components/SegmentationGroupTable/index.js delete mode 100644 platform/ui/src/components/SegmentationTable/SegmentationItem.tsx delete mode 100644 platform/ui/src/components/SegmentationTable/SegmentationTable.tsx delete mode 100644 platform/ui/src/components/SegmentationTable/__stories__/segmentationTable.stories.mdx delete mode 100644 platform/ui/src/components/SegmentationTable/index.js delete mode 100644 platform/ui/src/components/SelectTree/InputRadio.tsx delete mode 100644 platform/ui/src/components/SelectTree/SelectTree.tsx delete mode 100644 platform/ui/src/components/SelectTree/SelectTreeBreadcrumb.tsx delete mode 100644 platform/ui/src/components/SelectTree/index.js delete mode 100644 platform/ui/src/components/SidePanel/SidePanel.tsx delete mode 100644 platform/ui/src/components/SidePanel/__stories__/sidePanel.stories.mdx delete mode 100644 platform/ui/src/components/SidePanel/index.js delete mode 100644 platform/ui/src/components/Snackbar/Snackbar.css delete mode 100644 platform/ui/src/components/Snackbar/SnackbarContainer.tsx delete mode 100644 platform/ui/src/components/Snackbar/SnackbarItem.tsx delete mode 100644 platform/ui/src/components/Snackbar/SnackbarTypes.js delete mode 100644 platform/ui/src/components/SplitButton/SplitButton.tsx delete mode 100644 platform/ui/src/components/SplitButton/__stories__/splitButton.stories.mdx delete mode 100644 platform/ui/src/components/SplitButton/index.js delete mode 100644 platform/ui/src/components/StudyBrowser/StudyBrowser.tsx delete mode 100644 platform/ui/src/components/StudyBrowser/__stories__/studyBrowser.stories.mdx delete mode 100644 platform/ui/src/components/StudyBrowser/index.js delete mode 100644 platform/ui/src/components/StudyBrowserSort/StudyBrowserSort.tsx delete mode 100644 platform/ui/src/components/StudyBrowserSort/index.js delete mode 100644 platform/ui/src/components/StudyItem/StudyItem.tsx delete mode 100644 platform/ui/src/components/StudyItem/__stories__/studyItem.stories.mdx delete mode 100644 platform/ui/src/components/StudyItem/index.js delete mode 100644 platform/ui/src/components/StudySummary/StudySummary.tsx delete mode 100644 platform/ui/src/components/StudySummary/index.js delete mode 100644 platform/ui/src/components/SwitchButton/SwitchButton.tsx delete mode 100644 platform/ui/src/components/SwitchButton/__stories__/switchButton.stories.mdx delete mode 100644 platform/ui/src/components/SwitchButton/index.js delete mode 100644 platform/ui/src/components/SwitchButton/switchButton.css delete mode 100644 platform/ui/src/components/ThemeWrapper/ThemeWrapper.tsx delete mode 100644 platform/ui/src/components/ThemeWrapper/index.js delete mode 100644 platform/ui/src/components/Thumbnail/Thumbnail.tsx delete mode 100644 platform/ui/src/components/Thumbnail/index.js delete mode 100644 platform/ui/src/components/ThumbnailList/ThumbnailList.tsx delete mode 100644 platform/ui/src/components/ThumbnailList/index.js delete mode 100644 platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.tsx delete mode 100644 platform/ui/src/components/ThumbnailNoImage/index.js delete mode 100644 platform/ui/src/components/ThumbnailTracked/ThumbnailTracked.tsx delete mode 100644 platform/ui/src/components/ThumbnailTracked/index.js delete mode 100644 platform/ui/src/components/ToolbarButton/ToolbarButton.tsx delete mode 100644 platform/ui/src/components/ToolbarButton/__stories__/toolbarButton.stories.mdx delete mode 100644 platform/ui/src/components/ToolbarButton/index.js delete mode 100644 platform/ui/src/components/Toolbox/Toolbox.tsx delete mode 100644 platform/ui/src/components/Toolbox/ToolboxUI.tsx delete mode 100644 platform/ui/src/components/Toolbox/index.js delete mode 100644 platform/ui/src/components/TooltipClipboard/TooltipClipboard.tsx delete mode 100644 platform/ui/src/components/TooltipClipboard/index.js delete mode 100644 platform/ui/src/components/UserPreferences/UserPreferences.tsx delete mode 100644 platform/ui/src/components/UserPreferences/index.js delete mode 100644 platform/ui/src/components/Viewport/Viewport.tsx delete mode 100644 platform/ui/src/components/Viewport/__stories__/Viewport.stories.mdx delete mode 100644 platform/ui/src/components/Viewport/index.ts delete mode 100644 platform/ui/src/components/ViewportActionArrows/ViewportActionArrows.tsx delete mode 100644 platform/ui/src/components/ViewportActionArrows/index.tsx delete mode 100644 platform/ui/src/components/ViewportActionBar/ViewportActionBar.tsx delete mode 100644 platform/ui/src/components/ViewportActionBar/index.tsx delete mode 100644 platform/ui/src/components/ViewportActionButton/ViewportActionButton.tsx delete mode 100644 platform/ui/src/components/ViewportActionButton/index.tsx delete mode 100644 platform/ui/src/components/ViewportActionCorners/ViewportActionCorners.tsx delete mode 100644 platform/ui/src/components/ViewportActionCorners/index.tsx delete mode 100644 platform/ui/src/components/ViewportDownloadForm/ViewportDownloadForm.tsx delete mode 100644 platform/ui/src/components/ViewportDownloadForm/index.js delete mode 100644 platform/ui/src/components/ViewportGrid/ViewportGrid.tsx delete mode 100644 platform/ui/src/components/ViewportGrid/index.js delete mode 100644 platform/ui/src/components/ViewportOverlay/ViewportOverlay.css delete mode 100644 platform/ui/src/components/ViewportOverlay/ViewportOverlay.tsx delete mode 100644 platform/ui/src/components/ViewportOverlay/index.js delete mode 100644 platform/ui/src/components/ViewportPane/ViewportPane.tsx delete mode 100644 platform/ui/src/components/ViewportPane/index.js delete mode 100644 platform/ui/src/components/WindowLevel/WindowLevel.tsx delete mode 100644 platform/ui/src/components/WindowLevel/WindowLevelHistogram.tsx delete mode 100644 platform/ui/src/components/WindowLevel/__stories__/windowLevel.stories.mdx delete mode 100644 platform/ui/src/components/WindowLevel/index.js delete mode 100644 platform/ui/src/components/WindowLevel/types.ts delete mode 100644 platform/ui/src/components/WindowLevelMenuItem/WindowLevelMenuItem.tsx delete mode 100644 platform/ui/src/components/WindowLevelMenuItem/index.js delete mode 100644 platform/ui/src/contextProviders/CineProvider.tsx delete mode 100644 platform/ui/src/contextProviders/DialogProvider.css delete mode 100644 platform/ui/src/contextProviders/DialogProvider.tsx delete mode 100644 platform/ui/src/contextProviders/DragAndDropProvider.tsx delete mode 100644 platform/ui/src/contextProviders/ImageViewerProvider.tsx delete mode 100644 platform/ui/src/contextProviders/ModalComponent.tsx delete mode 100644 platform/ui/src/contextProviders/ModalProvider.tsx delete mode 100644 platform/ui/src/contextProviders/SnackbarProvider.tsx delete mode 100644 platform/ui/src/contextProviders/Toolbox/ToolboxContext.tsx delete mode 100644 platform/ui/src/contextProviders/UserAuthenticationProvider.tsx delete mode 100644 platform/ui/src/contextProviders/ViewportDialogProvider.tsx delete mode 100644 platform/ui/src/contextProviders/ViewportGridProvider.tsx delete mode 100644 platform/ui/src/contextProviders/index.js delete mode 100644 platform/ui/src/hooks/index.ts delete mode 100644 platform/ui/src/hooks/useResizeObserver.ts delete mode 100644 platform/ui/src/pages/Colors/BackgroundColor.tsx delete mode 100644 platform/ui/src/storybook/assets/button.png delete mode 100644 platform/ui/src/storybook/assets/code.png delete mode 100644 platform/ui/src/storybook/assets/codeblock-error.png delete mode 100644 platform/ui/src/storybook/assets/component-tree.png delete mode 100644 platform/ui/src/storybook/assets/header.png delete mode 100644 platform/ui/src/storybook/assets/sandbox.png delete mode 100644 platform/ui/src/storybook/assets/storybook.png delete mode 100644 platform/ui/src/storybook/color/color.tsx delete mode 100644 platform/ui/src/storybook/colors.stories.mdx delete mode 100644 platform/ui/src/storybook/components/anchor-list-item/anchor-list-item.tsx delete mode 100644 platform/ui/src/storybook/components/footer/footer.tsx delete mode 100644 platform/ui/src/storybook/components/heading/heading.tsx delete mode 100644 platform/ui/src/storybook/components/image/image.tsx delete mode 100644 platform/ui/src/storybook/components/index.tsx delete mode 100644 platform/ui/src/storybook/components/link-component/link-component.tsx delete mode 100644 platform/ui/src/storybook/components/section-name/section-name.tsx delete mode 100644 platform/ui/src/storybook/contribute.stories.mdx delete mode 100644 platform/ui/src/storybook/functions/create-component-story.tsx delete mode 100644 platform/ui/src/storybook/header/header.tsx delete mode 100644 platform/ui/src/storybook/welcome.stories.mdx delete mode 100644 platform/ui/src/utils/getMaxDigits.ts delete mode 100644 platform/ui/src/utils/useOnClickOutside.js delete mode 100644 platform/ui/src/utils/viewportLabels.ts delete mode 100644 platform/ui/src/views/StudyList/components/Header.js delete mode 100644 platform/ui/src/views/StudyList/components/OHIFLogo.js delete mode 100644 platform/ui/src/views/StudyList/index.js delete mode 100644 platform/ui/src/views/Viewer/Viewer.js delete mode 100644 platform/ui/src/views/Viewer/components/Header.js delete mode 100644 platform/ui/src/views/Viewer/index.js delete mode 100644 platform/ui/src/views/Viewer/studyBrowserMockData.js delete mode 100644 platform/ui/src/views/index.js diff --git a/.gitignore b/.gitignore index 4ec8efeb3..2b6dda93f 100644 --- a/.gitignore +++ b/.gitignore @@ -58,3 +58,5 @@ tests/test-results/ tests/playwright-report/ /blob-report/ /playwright/.cache/ + +**/.claude/settings.local.json diff --git a/extensions/default/src/getToolbarModule.tsx b/extensions/default/src/getToolbarModule.tsx index eb52efb8b..9704acc08 100644 --- a/extensions/default/src/getToolbarModule.tsx +++ b/extensions/default/src/getToolbarModule.tsx @@ -1,4 +1,3 @@ -import { ToolbarButton as ToolbarButtonLegacy } from '@ohif/ui'; import { ToolButton, utils } from '@ohif/ui-next'; import ToolbarLayoutSelectorWithServices from './Toolbar/ToolbarLayoutSelector'; @@ -33,28 +32,6 @@ export default function getToolbarModule({ commandsManager, servicesManager }: w name: 'ohif.toolBoxButton', defaultComponent: ToolBoxButtonWrapper, }, - // legacy will get removed in the future - // legacy will get removed in the future - // legacy will get removed in the future - // legacy will get removed in the future - // legacy will get removed in the future - // legacy will get removed in the future - { - name: 'ohif.radioGroup', - defaultComponent: ToolbarButtonLegacy, - }, - { - name: 'ohif.buttonGroup', - defaultComponent: ToolbarButtonGroupWithServicesLegacy, - }, - { - name: 'ohif.divider', - defaultComponent: ToolbarDividerLegacy, - }, - { - name: 'ohif.splitButton', - defaultComponent: ToolbarSplitButtonWithServicesLegacy, - }, // others { name: 'ohif.layoutSelector', diff --git a/platform/app/src/routes/WorkList/WorkList.tsx b/platform/app/src/routes/WorkList/WorkList.tsx index 708e0b59f..be176ee0f 100644 --- a/platform/app/src/routes/WorkList/WorkList.tsx +++ b/platform/app/src/routes/WorkList/WorkList.tsx @@ -18,8 +18,6 @@ import { StudyListTable, StudyListPagination, StudyListFilter, - useSessionStorage, - InvestigationalUseDialog, Button, ButtonEnums, } from '@ohif/ui'; @@ -32,8 +30,10 @@ import { TooltipContent, Clipboard, useModal, + useSessionStorage, Onboarding, ScrollArea, + InvestigationalUseDialog, } from '@ohif/ui-next'; import { Types } from '@ohif/ui'; @@ -60,7 +60,6 @@ function WorkList({ onRefresh, servicesManager, }: withAppTypes) { - const { hotkeyDefinitions, hotkeyDefaults } = hotkeysManager; const { show, hide } = useModal(); const { t } = useTranslation(); // ~ Modes @@ -426,7 +425,7 @@ function WorkList({ }} // to={`${mode.routeName}/dicomweb?StudyInstanceUIDs=${studyInstanceUid}`} > - {/* TODO revisit the completely rounded style of buttons used for launching a mode from the worklist later - for now use LegacyButton*/} + {/* TODO revisit the completely rounded style of buttons used for launching a mode from the worklist later */} - ))} - - ); -} - -ActionButtons.propTypes = { - actions: PropTypes.arrayOf( - PropTypes.shape({ - label: PropTypes.string.isRequired, - onClick: PropTypes.func.isRequired, - disabled: PropTypes.bool, - }) - ).isRequired, - disabled: PropTypes.bool, -}; - -export default ActionButtons; diff --git a/platform/ui/src/components/ActionButtons/index.ts b/platform/ui/src/components/ActionButtons/index.ts deleted file mode 100644 index d3cc681b9..000000000 --- a/platform/ui/src/components/ActionButtons/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import ActionButtons from './ActionButtons'; - -export default ActionButtons; diff --git a/platform/ui/src/components/AdvancedToolbox/AdvancedToolbox.tsx b/platform/ui/src/components/AdvancedToolbox/AdvancedToolbox.tsx deleted file mode 100644 index aed13ed12..000000000 --- a/platform/ui/src/components/AdvancedToolbox/AdvancedToolbox.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import classnames from 'classnames'; -import { PanelSection, Tooltip } from '../../components'; -import ToolSettings from './ToolSettings'; -import { Icons } from '@ohif/ui-next'; - -/** - * Use Toolbox component instead of this although it doesn't have "Advanced" in its name - * it is better to use it instead of this one - */ -const AdvancedToolbox = ({ title, items }) => { - const [activeItemName, setActiveItemName] = useState(null); - - useEffect(() => { - // see if any of the items are active from the outside - const activeItem = items?.find(item => item.active); - setActiveItemName(activeItem ? activeItem.name : null); - }, [items]); - - const activeItemOptions = items?.find(item => item.name === activeItemName)?.options; - - return ( - -
-
- {items?.map(item => { - return ( - {item.name}} - key={item.name} - > -
{ - if (item.disabled) { - return; - } - setActiveItemName(item.name); - item.onClick(item.name); - }} - > -
- -
-
-
- ); - })} -
-
- -
-
-
- ); -}; - -AdvancedToolbox.propTypes = {}; - -export default AdvancedToolbox; diff --git a/platform/ui/src/components/AdvancedToolbox/ToolSettings.tsx b/platform/ui/src/components/AdvancedToolbox/ToolSettings.tsx deleted file mode 100644 index 0d5d339b5..000000000 --- a/platform/ui/src/components/AdvancedToolbox/ToolSettings.tsx +++ /dev/null @@ -1,128 +0,0 @@ -import React from 'react'; -import { ButtonGroup, InputDoubleRange, InputRange } from '../../components'; - -const SETTING_TYPES = { - RANGE: 'range', - RADIO: 'radio', - CUSTOM: 'custom', - DOUBLE_RANGE: 'double-range', -}; - -function ToolSettings({ options }) { - if (!options) { - return null; - } - - if (typeof options === 'function') { - return options(); - } - - return ( -
- {options?.map(option => { - if (option.condition && option.condition?.({ options }) === false) { - return null; - } - - switch (option.type) { - case SETTING_TYPES.RANGE: - return renderRangeSetting(option); - case SETTING_TYPES.RADIO: - return renderRadioSetting(option); - case SETTING_TYPES.DOUBLE_RANGE: - return renderDoubleRangeSetting(option); - case SETTING_TYPES.CUSTOM: - return renderCustomSetting(option); - default: - return null; - } - })} -
- ); -} - -const renderRangeSetting = option => { - return ( -
-
{option.name}
-
- option.commands?.(value)} - allowNumberEdit={true} - showAdjustmentArrows={false} - inputClassName="ml-1 w-4/5 cursor-pointer" - /> -
-
- ); -}; - -const renderRadioSetting = option => { - const renderButtons = option => { - return option.values?.map(({ label, value: optionValue }, index) => ( - - )); - }; - - return ( -
- {option.name} -
- value === option.value) || 0} - > - {renderButtons(option)} - -
-
- ); -}; - -const renderDoubleRangeSetting = option => { - return ( -
- -
- ); -}; - -const renderCustomSetting = option => { - return ( -
- {typeof option.children === 'function' ? option.children() : option.children} -
- ); -}; - -export default ToolSettings; diff --git a/platform/ui/src/components/AdvancedToolbox/__stories__/advancedToolbox.stories.mdx b/platform/ui/src/components/AdvancedToolbox/__stories__/advancedToolbox.stories.mdx deleted file mode 100644 index 551791377..000000000 --- a/platform/ui/src/components/AdvancedToolbox/__stories__/advancedToolbox.stories.mdx +++ /dev/null @@ -1,144 +0,0 @@ -import AdvancedToolbox from '../../AdvancedToolbox'; -import { ArgsTable, Story, Canvas, Meta } from '@storybook/addon-docs'; -import { - createComponentTemplate, - createStoryMetaSettings, -} from '../../../storybook/functions/create-component-story'; - -export const argTypes = { - component: AdvancedToolbox, - title: 'Components/AdvancedToolbox', -}; - - - -export const advancedToolboxTemplate = args => ( -
- -
-); - - - -- [Overview](#overview) -- [Props](#props) -- [Usage](#usage) -- [Contribute](#contribute) - -## Overview - -OHIF advanced toolbox which can host set of tools that require more space for customization. - - - console.log('Brush clicked'), - options: [ - { - name: 'Radius (mm)', - type: 'range', - min: 1, - max: 10, - value: 5, - step: 1, - onChange: value => console.log('Brush size changed', value), - }, - { - name: 'Mode', - type: 'radio', - value: 'Circle', - values: [ - { value: 'Circle', label: 'Circle' }, - { value: 'Sphere', label: 'Sphere' }, - { value: 'Rectangle', label: 'Rectangle' }, - ], - onChange: value => console.log('Brush mode changed', value), - }, - ], - }, - { - name: 'Eraser', - icon: 'icon-tool-eraser', - onClick: () => console.log('eraser clicked'), - options: [ - { - name: 'Mode', - type: 'radio', - value: 'EraserSphere', - values: [ - { value: 'EraserCircle', label: 'Circle' }, - { value: 'EraserSphere', label: 'Sphere' }, - ], - onChange: value => console.log('Brush mode changed', value), - }, - ], - }, - { - name: 'Threshold', - icon: 'icon-tool-threshold', - active: true, - onClick: () => console.log('eraser clicked'), - options: [ - { - name: 'Radius (mm)', - type: 'range', - min: 1, - max: 10, - value: 5, - step: 1, - onChange: value => console.log('Brush size changed', value), - }, - { - name: 'Mode', - type: 'radio', - value: 'Circle', - values: [ - { value: 'Circle', label: 'Circle' }, - { value: 'Sphere', label: 'Sphere' }, - { value: 'Rectangle', label: 'Rectangle' }, - ], - onChange: value => console.log('Brush mode changed', value), - }, - { - name: 'custom', - type: 'custom', - children: () => { - return ( -
-
Custom
- -
- ); - }, - }, - ], - }, - ], - }} - > - {advancedToolboxTemplate.bind({})} -
-
- -## Props - - - -## Usage - -## Contribute - -