8e96d66859
* ci: test docs-publish * Specify to use prod * Babel should transpile with env set by webpack * in-progress * in-progress * Polyfill for ie11 and edge features * Ditch polyfills w/ babel - we'll use a service for now * Bump tools version; shift vtk.js up a layer * Specify we shouldn't target older than IE 11 * ditch babel plugins that should be covered by preset-env * Add a top level build demo command * Let our babel config determine settings * Same babel fixes as PWA * Rebuild deps that don't satisfy our target * Mini helper script for excluding all node_modules, except... * Shift vtk.js dep up a layer * Kill core-js * Export in a node happy way * Updated yarn lock * Set NODE_ENV when launching anything w/ WebPack * docs: updated FAQ * docs: on browser support * Add support for redux browser extension * misc. small clean-up * docs: Remove roadmap page; add browser-support to sidebar * Formatting * Remove roadmap links * Formatting * ci: Remove config syntax error * Simplified bug report template * update community request template * Update question's template * simplify build scripts * specify new script names * fix: for measurement api being pruned by minimizer in prod builds * Use named exports * Simplify config * Let's not do so much heavy lifting for a dev-server build * fix dev build * Add hotkeys to demo * fix: jest babel config and env specific configs * Remove call to non-existant command * Shift experimental proposal plugin up a layer * Use `https` * Try with reduced number of package exceptions * Try to resolve cypress issue * Try to fix cypress issue in CI * Skip https * Set node_env before building with WebPack * Watch command output * ci: no output timeout increase |
||
|---|---|---|
| .. | ||
| .webpack | ||
| public | ||
| src | ||
| .all-contributorsrc | ||
| .env | ||
| app.css | ||
| babel.config.js | ||
| CHANGELOG.md | ||
| doczrc.js | ||
| jest.config.js | ||
| LICENSE | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
@ohif/ui
@ohif/ui is a collection of components and utilities that power OHIF's zero-footprint DICOM viewer.
This set of "Medical Imaging Viewer" React components are maintained separately to:
- Decouple presentation from business logic
- Test and develop components in isolation
- Provide well documented, reusable components
- Aid rapid application development for context specific viewers
Install
This component library is pre- v1.0. All realeases until a v1.0 have the possibility of introducing breaking changes. Please depend on an "exact" version in your projects to prevent issues caused by loose versioning.
For full installation instructions, be sure to check out our getting started guide.
// with npm
npm i @ohif/ui --save-exact
// with yarn
yarn add @ohif/ui --exact
Usage
import React, { Component } from "react";
import { LayoutButton } from "@ohif/ui";
class Example extends Component {
constructor(props) {
super(props);
this.state = {
selectedCell: {
className: "hover",
col: 1,
row: 1
}
};
}
render() {
return (
<LayoutButton
selectedCell={this.state.selectedCell}
onChange={cell => this.setState({ selectedCell: cell })}
/>
);
}
}
Developing Locally
Restore dependencies after cloning:
# Restore workspace dependencies (from repository root)
yarn install
# From project root
yarn run dev:ui
# OR from this project's directory
yarn run dev
Contributors ✨
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
License
MIT © OHIF