docs: Remove UI components for now, we will use Storybook instead later. Clean up links and introduction. (#2520)

platform/viewer/cypress/integration/measurement-tracking/OHIFCornerstoneToolbar.spec.js

@@ -10,7 +10,9 @@ describe('OHIF Cornerstone Toolbar', () => {
     cy.initCornerstoneToolsAliases();
     cy.initCommonElementsAliases();
 
-    cy.get('[data-cy="study-browser-thumbnail"]').eq(1).click();
+    cy.get('[data-cy="study-browser-thumbnail"]')
+      .eq(1)
+      .click();
 
     //const expectedText = 'Ser: 1';
     //cy.get('@viewportInfoBottomLeft').should('contains.text', expectedText);
@@ -19,24 +21,15 @@ describe('OHIF Cornerstone Toolbar', () => {
   });
 
   it('checks if all primary buttons are being displayed', () => {
-    cy.get('@zoomBtn')
-      .should('be.visible');
-    cy.get('@wwwcBtnPrimary')
-      .should('be.visible');
-    cy.get('@wwwcBtnSecondary')
-      .should('be.visible');
-    cy.get('@panBtn')
-      .should('be.visible');
-    cy.get('@measurementToolsBtnPrimary')
-      .should('be.visible');
-    cy.get('@measurementToolsBtnSecondary')
-      .should('be.visible');
-    cy.get('@moreBtnPrimary')
-      .should('be.visible');
-    cy.get('@moreBtnSecondary')
-      .should('be.visible');
-    cy.get('@layoutBtn')
-      .should('be.visible');
+    cy.get('@zoomBtn').should('be.visible');
+    cy.get('@wwwcBtnPrimary').should('be.visible');
+    cy.get('@wwwcBtnSecondary').should('be.visible');
+    cy.get('@panBtn').should('be.visible');
+    cy.get('@measurementToolsBtnPrimary').should('be.visible');
+    cy.get('@measurementToolsBtnSecondary').should('be.visible');
+    cy.get('@moreBtnPrimary').should('be.visible');
+    cy.get('@moreBtnSecondary').should('be.visible');
+    cy.get('@layoutBtn').should('be.visible');
   });
 
   /*it('checks if Stack Scroll tool will navigate across all series in the viewport', () => {
@@ -113,8 +106,12 @@ describe('OHIF Cornerstone Toolbar', () => {
   it('checks if Length annotation can be added to viewport and shows up in the measurements panel', () => {
     //Click on button and verify if icon is active on toolbar
     cy.addLengthMeasurement();
-    cy.get('[data-cy="measurement-tracking-prompt-begin-tracking"]').should('exist')
-    cy.get('[data-cy="measurement-tracking-prompt-begin-tracking"]').should('be.visible')
+    cy.get('[data-cy="measurement-tracking-prompt-begin-tracking"]').should(
+      'exist'
+    );
+    cy.get('[data-cy="measurement-tracking-prompt-begin-tracking"]').should(
+      'be.visible'
+    );
     cy.get('[data-cy="prompt-begin-tracking-yes"]').click();
 
     //Verify the measurement exists in the table
@@ -235,21 +232,19 @@ describe('OHIF Cornerstone Toolbar', () => {
       .should('be.visible');
 
     // Click on one of the secondary tools from the overlay
-    cy.get('[data-cy="Magnify"]').click()
+    cy.get('[data-cy="Magnify"]').click();
 
     // Check if More button is active and if it has same icon as the secondary tool selected
-    cy.get('@moreBtnPrimary')
-      .then($moreBtn => {
-        cy.wrap($moreBtn)
-          .should('have.class', 'active')
-          .should('have.attr', 'data-tool', 'Magnify')
-      });
+    cy.get('@moreBtnPrimary').then($moreBtn => {
+      cy.wrap($moreBtn)
+        .should('have.class', 'active')
+        .should('have.attr', 'data-tool', 'Magnify');
+    });
 
     // Verify if overlay is hidden
     cy.get('@toolbarOverlay').should('not.be.visible');
   });
 
-
   /*it('checks if Layout tool will multiply the number of viewports displayed', () => {
     //Click on Layout button and verify if overlay is displayed
     cy.get('@layoutBtn')
@@ -371,9 +366,6 @@ describe('OHIF Cornerstone Toolbar', () => {
 
     //Verify if measurements were removed from the measurements panel
 
-    // TODO: We need a seperate test server for this to work.
-    // As anyone can save measurements on a different slice.
-
     //cy.get('.measurementItem'); //.should('not.exist');
 
     //Close More button overlay

platform/viewer/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@ohif/viewer",
   "version": "4.0.0",
+  "productVersion": "3.0-dev",
   "description": "OHIF Viewer",
   "author": "OHIF Contributors",
   "license": "MIT",
@@ -90,6 +91,7 @@
     "lodash": "4.17.15",
     "terser-webpack-plugin": "^5.1.1",
     "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-merge": "^5.7.3"
+    "webpack-merge": "^5.7.3",
+    "tailwindcss": "2.2.4"
   }
 }

platform/viewer/src/index.js

@@ -1,6 +1,5 @@
 /**
  * Entry point for development and production PWA builds.
- * Packaged (NPM) builds go through `index-umd.js`
  */
 import 'regenerator-runtime/runtime';
 import App from './App.jsx';

platform/viewer/src/routes/WorkList/WorkList.jsx

@@ -372,12 +372,14 @@ function WorkList({
   });
 
   const hasStudies = numOfStudies > 0;
+  const versionNumber = process.env.VERSION_NUMBER;
+  const buildNumber = process.env.BUILD_NUM;
 
   const menuOptions = [
     {
       title: t('Header:About'),
       icon: 'info',
-      onClick: () => show({ content: AboutModal, title: 'About OHIF Viewer' }),
+      onClick: () => show({ content: AboutModal, title: 'About OHIF Viewer', contentProps: { versionNumber, buildNumber } }),
     },
     {
       title: t('Header:Preferences'),