TrizTech/ohif-viewer
17
0 Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(ui): move to React 18 and base for using shadcn/ui (#4174)

Browse Source 
Co-authored-by: IbrahimCSAE <ibrahim.mdev@gmail.com>
This commit is contained in:
AlirezaandIbrahimCSAE authored and GitHub committed 2024-05-27 14:30:25 -04:00
1 parent 72b63dcd6a
commit 70f2c797f4
153 files changed
+2973 -2043
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

platform/ui/src/components/SegmentationGroupTable/SegmentationDropDownRow.tsx
+1 -6
View File
@@ -7,7 +7,7 @@ function SegmentationDropDownRow({
segmentations = [],
activeSegmentation,
onActiveSegmentationChange,
disableEditing,
disableEditing = false,
onToggleSegmentationVisibility,
onSegmentationEdit,
onSegmentationDownload,
@@ -180,9 +180,4 @@ SegmentationDropDownRow.propTypes = {
onSegmentationAdd: PropTypes.func,
};
SegmentationDropDownRow.defaultProps = {
segmentations: [],
disableEditing: false,
};
export default SegmentationDropDownRow;
platform/ui/src/components/SegmentationGroupTable/SegmentationGroupSegment.tsx
+1 -5
View File
@@ -8,7 +8,7 @@ const SegmentItem = ({
segmentIndex,
segmentationId,
label,
isActive,
isActive = false,
isVisible,
color,
showDelete,
@@ -236,8 +236,4 @@ SegmentItem.propTypes = {
displayText: PropTypes.string,
};
SegmentItem.defaultProps = {
isActive: false,
};
export default SegmentItem;
platform/ui/src/components/SegmentationGroupTable/SegmentationGroupTable.tsx
+27 -61
View File
@@ -9,39 +9,34 @@ import SegmentationGroupSegment from './SegmentationGroupSegment';
import { useTranslation } from 'react-i18next';
const SegmentationGroupTable = ({
segmentations,
// segmentation initial config
segmentations = [],
segmentationConfig,
// UI show/hide
disableEditing,
showAddSegmentation,
showAddSegment,
showDeleteSegment,
// segmentation/segment handlers
onSegmentationAdd,
onSegmentationEdit,
onSegmentationClick,
onSegmentationDelete,
onSegmentationDownload,
onSegmentationDownloadRTSS,
storeSegmentation,
// segment handlers
onSegmentClick,
onSegmentAdd,
onSegmentDelete,
onSegmentEdit,
onToggleSegmentationVisibility,
onToggleSegmentVisibility,
onToggleSegmentLock,
onSegmentColorClick,
// segmentation config handlers
setFillAlpha,
setFillAlphaInactive,
setOutlineWidthActive,
setOutlineOpacityActive,
setRenderFill,
setRenderInactiveSegmentations,
setRenderOutline,
disableEditing = false,
showAddSegmentation = true,
showAddSegment = true,
showDeleteSegment = true,
onSegmentationAdd = () => {},
onSegmentationEdit = () => {},
onSegmentationClick = () => {},
onSegmentationDelete = () => {},
onSegmentationDownload = () => {},
onSegmentationDownloadRTSS = () => {},
storeSegmentation = () => {},
onSegmentClick = () => {},
onSegmentAdd = () => {},
onSegmentDelete = () => {},
onSegmentEdit = () => {},
onToggleSegmentationVisibility = () => {},
onToggleSegmentVisibility = () => {},
onToggleSegmentLock = () => {},
onSegmentColorClick = () => {},
setFillAlpha = () => {},
setFillAlphaInactive = () => {},
setOutlineWidthActive = () => {},
setOutlineOpacityActive = () => {},
setRenderFill = () => {},
setRenderInactiveSegmentations = () => {},
setRenderOutline = () => {},
addSegmentationClassName,
}) => {
const [isConfigOpen, setIsConfigOpen] = useState(false);
@@ -216,33 +211,4 @@ SegmentationGroupTable.propTypes = {
setRenderOutline: PropTypes.func.isRequired,
};
SegmentationGroupTable.defaultProps = {
segmentations: [],
disableEditing: false,
showAddSegmentation: true,
showAddSegment: true,
showDeleteSegment: true,
onSegmentationAdd: () => {},
onSegmentationEdit: () => {},
onSegmentationClick: () => {},
onSegmentationDelete: () => {},
onSegmentationDownload: () => {},
onSemgnetationDownloadRTSS: () => {},
storeSegmentation: () => {},
onSegmentClick: () => {},
onSegmentAdd: () => {},
onSegmentDelete: () => {},
onSegmentEdit: () => {},
onToggleSegmentationVisibility: () => {},
onToggleSegmentVisibility: () => {},
onToggleSegmentLock: () => {},
onSegmentColorClick: () => {},
setFillAlpha: () => {},
setFillAlphaInactive: () => {},
setOutlineWidthActive: () => {},
setOutlineOpacityActive: () => {},
setRenderFill: () => {},
setRenderInactiveSegmentations: () => {},
setRenderOutline: () => {},
};
export default SegmentationGroupTable;
platform/ui/src/components/SegmentationGroupTable/SegmentationGroupTableExpanded.tsx
+27 -61
View File
@@ -7,39 +7,34 @@ import { useTranslation } from 'react-i18next';
import SegmentationItem from './SegmentationItem';
const SegmentationGroupTableExpanded = ({
segmentations,
// segmentation initial config
segmentations = [],
segmentationConfig,
// UI show/hide
disableEditing,
showAddSegmentation,
showAddSegment,
showDeleteSegment,
// segmentation/segment handlers
onSegmentationAdd,
onSegmentationEdit,
onSegmentationClick,
onSegmentationDelete,
onSegmentationDownload,
onSegmentationDownloadRTSS,
storeSegmentation,
// segment handlers
onSegmentClick,
onSegmentAdd,
onSegmentDelete,
onSegmentEdit,
onToggleSegmentationVisibility,
onToggleSegmentVisibility,
onToggleSegmentLock,
onSegmentColorClick,
// segmentation config handlers
setFillAlpha,
setFillAlphaInactive,
setOutlineWidthActive,
setOutlineOpacityActive,
setRenderFill,
setRenderInactiveSegmentations,
setRenderOutline,
disableEditing = false,
showAddSegmentation = true,
showAddSegment = true,
showDeleteSegment = true,
onSegmentationAdd = () => {},
onSegmentationEdit = () => {},
onSegmentationClick = () => {},
onSegmentationDelete = () => {},
onSegmentationDownload = () => {},
onSegmentationDownloadRTSS = () => {},
storeSegmentation = () => {},
onSegmentClick = () => {},
onSegmentAdd = () => {},
onSegmentDelete = () => {},
onSegmentEdit = () => {},
onToggleSegmentationVisibility = () => {},
onToggleSegmentVisibility = () => {},
onToggleSegmentLock = () => {},
onSegmentColorClick = () => {},
setFillAlpha = () => {},
setFillAlphaInactive = () => {},
setOutlineWidthActive = () => {},
setOutlineOpacityActive = () => {},
setRenderFill = () => {},
setRenderInactiveSegmentations = () => {},
setRenderOutline = () => {},
}) => {
const [isConfigOpen, setIsConfigOpen] = useState(false);
const [activeSegmentationId, setActiveSegmentationId] = useState(null);
@@ -179,33 +174,4 @@ SegmentationGroupTableExpanded.propTypes = {
setRenderOutline: PropTypes.func.isRequired,
};
SegmentationGroupTableExpanded.defaultProps = {
segmentations: [],
disableEditing: false,
showAddSegmentation: true,
showAddSegment: true,
showDeleteSegment: true,
onSegmentationAdd: () => {},
onSegmentationEdit: () => {},
onSegmentationClick: () => {},
onSegmentationDelete: () => {},
onSegmentationDownload: () => {},
onSemgnetationDownloadRTSS: () => {},
storeSegmentation: () => {},
onSegmentClick: () => {},
onSegmentAdd: () => {},
onSegmentDelete: () => {},
onSegmentEdit: () => {},
onToggleSegmentationVisibility: () => {},
onToggleSegmentVisibility: () => {},
onToggleSegmentLock: () => {},
onSegmentColorClick: () => {},
setFillAlpha: () => {},
setFillAlphaInactive: () => {},
setOutlineWidthActive: () => {},
setOutlineOpacityActive: () => {},
setRenderFill: () => {},
setRenderInactiveSegmentations: () => {},
setRenderOutline: () => {},
};
export default SegmentationGroupTableExpanded;
platform/ui/src/components/SegmentationGroupTable/SegmentationItem.tsx
+2 -7
View File
@@ -8,8 +8,8 @@ import SegmentationGroupSegment from './SegmentationGroupSegment';
import { Tooltip } from '../../components';
function SegmentationItem({
segmentation,
disableEditing,
segmentation = {},
disableEditing = false,
onSegmentationEdit,
onSegmentationDownload,
onSegmentationDownloadRTSS,
@@ -203,9 +203,4 @@ SegmentationItem.propTypes = {
activeSegmentationId: PropTypes.string,
};
SegmentationItem.defaultProps = {
segmentation: null,
disableEditing: false,
};
export default SegmentationItem;