ohif-viewer/platform/ui
Joe Boccanfuso 35d0787211
feat(ViewportActionBar and CinePlayer): Add new design for action bar and cine player (#3204)
* feat(ViewportActionBar): OHIF issue #3123 (#3186)

* feat(ViewportActionBar): OHIF issue #3123

- Renamed previous viewport action bar to be LegacyViewportActionBar
- Components LegacyViewportActionBar depends on also renamed: LegacyCinePlayer and LegacyPatientInfo
- New Viewport coded to specs in issue
- added React hook useResizeObserver
- added some tailwind classes

* Updated tailwind to 3.2.7.
Put external imports like React at the top of the import list.

* feat(CinePlayer and ViewportActionBar) (#3198)

* feat(CinePlayer and ViewportActionBar)
- OHIF issue 3123

- new look cine control implemented
- new custom blue color in tailwind config for various hover backgrounds in the cine control
- new icons added for cine

- Tooltip component now can be placed top (center) on hover
- Tooltip component border colour now consistent with specs

- fixed NPE in ViewportActionBar

- upgraded tailwind to 3.2.7 in platform/ui
- fixed issues in various button components brought by tailwind 3.2.7 where classes now need important flag

- fixed issue with InputRange component so that the tracked value property can change externally
- InputRange component can now optionally show its label

- added new measurement tracking state service to hydrate SR without prompting
- segmentation can also now be hydrated without prompting

* PR feedback:
- cine centralized to OHIFCornerstoneViewport
- introduced a type for the CinePlayer properties

* Addressed PR comments and concerns...

The DOM ref for the root component of the ViewportActionBar is now added to state
so that the various callbacks and ResizeObserver are updated with it.
The CinePlayer FPS slider tooltip was moved up so that its arrow does not
intersect the FPS text.
The hover area for the CinePlayer slider tooltip is now the FPS < > buttons and text.
The tracked measurements are now filtered to only include those of the active
viewport series when the tracked measurement navigation arrows are used.

* Addressed PR comments...

The update to tailwind 3.2.7 caused several look-and-feel, UI regressions,
so we are rolling back to 3.2.4.
2023-02-28 15:57:19 -05:00
..
.storybook fix: storybook with typescript (#2926) 2022-09-13 08:57:22 -04:00
.webpack feat: cornerstone3D stack and volume viewports (#2787) 2022-07-27 12:39:04 -04:00
src feat(ViewportActionBar and CinePlayer): Add new design for action bar and cine player (#3204) 2023-02-28 15:57:19 -05:00
static feat: OHIF-v3 UI Component Library (#2653) 2022-02-10 14:08:34 -05:00
.gitignore feat: Update to WADO Image Loader 4.0.3 to add dynamically imported WebAssembly codec support 🚀 (#2538) 2021-09-24 09:06:52 +02:00
babel.config.js feat: OHIF-v3 UI Component Library (#2653) 2022-02-10 14:08:34 -05:00
CHANGELOG.md chore(release): publish [skip ci] 2020-05-04 14:15:22 +00:00
package.json fix(misc): Update the data source name, provide a /datasources example customization for debug (#3036) 2023-02-03 16:56:27 -05:00
README.md feat: OHIF-v3 UI Component Library (#2653) 2022-02-10 14:08:34 -05:00
tailwind.config.js feat(ViewportActionBar and CinePlayer): Add new design for action bar and cine player (#3204) 2023-02-28 15:57:19 -05:00

@ohif/ui

For Running Storybook

cd platform/ui

yarn install

yarn storybook

Stories are available default at http://localhost:6006/