Chore/kill yalc with fire (#629)

* init * more shifting * Move @babel dependencies up to workspace root * Begin updating dependent libraries to use sync'd webpack builds w/ watches * Commit changes before a long weekend * Split packages into platform and extensions * Consolidate how/where we specify file/module type entrypoints * Make it possible to pass in extensions as App props * Resolve viewer's modules * Target for UMD bundle * Add Webpack Stylus loader * Provide WebPack build options for microscopy, vtk, and ui * Better entrypoint for extensions * Push changes up to switch PCs * Fix ESM symlink build for Viewers * Shift docs to root * Specify additional lerna config props * Begin providing basic readme info * Rename example extension folder * Shift links to bottom of doc * First attempt at a netlify deploy preview * Attempt to fix deploy preview build * push workspace enabled to initial command; remove second yarn install; use npx to call gitbook cli commands * Try to use global gitbook-cli * Export node_modules path * More agressive with modifying PATH * Follow deploy log output advice * try again to set bin path * Try swapping bash with a new shell * Try bash -l instead of exec bash * Annd let's try again * and again * We may have figured it out johnny, boy * We need to pull cornerstone-wado-image-loader files from hoisted node_modules * Attempt to fix ticks/escapes * Change copy syntax; try running tests on viewers from root for circleci * Lower version to match circleci image * Try alternative jest-canvas-mock location and version file syntax * Run version command instead of calling node directly * Try alternative jest transform * Set path and enable workspaces * Add codecov flags * Use cpx so our copying finishes? * Get all platform unit tests to run * Run and report individually and in parallel * Try once relying on codecov yaml to split w/ flags * Add projects to split by flags * Generate separate reports * Trigger codecov after everything has finished running; these may not support flags * Use recommended flags from issue comments for codecov * Fix typo * Remove clear flag * Shift back to calling codecov from root * Generate example for codecov issue * Try fixing paths * Simplify * Try using codecov orb * Bump circleci version * Upload core and viewer * Use full string paths * Remove individual codecov calls * Fix dir * Combine files before upload * Escape anchors * tryfix syntax * Escape string literal * Combine lines to reduce path * long paths * Use home alias * Fix filename * Try to see the contents of our cat'd file * Also upload `core` * Try running with aliased folder * Fix path; split PR and Merge unit tests into separate jobs * Set default threshold * Fix typo * Changing to scoped package names * Adding note * Catch more updates * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.0 - @ohif/extension-dicom-html@0.0.4-alpha.0 - @ohif/extension-dicom-microscopy@0.0.9-alpha.0 - @ohif/extension-dicom-pdf@0.0.8-alpha.0 - @ohif/extension-vtk@0.1.4-alpha.0 - @ohif/core@0.11.1-alpha.0 - @ohif/i18n@0.2.3-alpha.0 - @ohif/ui@0.2.18-alpha.0 - @ohif/viewer@0.0.22-alpha.0 * Clean up primary readme * Support for dev and dev:* commands * Shift build command; satisfy default PWA build * Remove old scripts * Clean up UI to set webpack scripts * Tidy up project links * Clean duplicate code in UI project * Update UI project's docs * Clean up ui and i18n config * Reduce duplicate code in `@ohif/core` * Fix @ohif/ui versions * bump @ohif/core versions * Redux testkit dep * Remove unused/duplicate config files for projects/packages * ohif-core --> @ohif/core * Safer publish command * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.1 - @ohif/extension-dicom-html@0.0.4-alpha.1 - @ohif/extension-dicom-microscopy@0.0.9-alpha.1 - @ohif/extension-dicom-pdf@0.0.8-alpha.1 - @ohif/extension-vtk@0.1.4-alpha.1 - @ohif/core@0.11.1-alpha.1 - @ohif/i18n@0.2.3-alpha.1 - @ohif/ui@0.2.18-alpha.1 - @ohif/viewer@0.0.22-alpha.1 * test version bump * Add global prettier config * chore(release): publish %s [skip ci] - @ohif/viewer@0.0.22-alpha.2 * test lerna publish * Update package.jsons * Fix build scripts * catch changes * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.2 - @ohif/extension-dicom-html@0.0.4-alpha.2 - @ohif/extension-dicom-microscopy@0.0.9-alpha.2 - @ohif/extension-dicom-pdf@0.0.8-alpha.2 - @ohif/extension-vtk@0.1.4-alpha.2 - @ohif/core@0.11.1-alpha.2 - @ohif/i18n@0.2.3-alpha.2 - @ohif/ui@0.2.18-alpha.2 - @ohif/viewer@0.0.22-alpha.3 * fix eslint issues caused by eslint 6 and our react-app config * Publish with canary tag * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.3 - @ohif/extension-dicom-html@0.0.4-alpha.3 - @ohif/extension-dicom-microscopy@0.0.9-alpha.3 - @ohif/extension-dicom-pdf@0.0.8-alpha.3 - @ohif/extension-vtk@0.1.4-alpha.3 - @ohif/core@0.11.1-alpha.3 - @ohif/i18n@0.2.3-alpha.3 - @ohif/ui@0.2.18-alpha.3 - @ohif/viewer@0.0.22-alpha.4 * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.4 - @ohif/extension-dicom-html@0.0.4-alpha.4 - @ohif/extension-dicom-microscopy@0.0.9-alpha.4 - @ohif/extension-dicom-pdf@0.0.8-alpha.4 - @ohif/extension-vtk@0.1.4-alpha.4 - @ohif/core@0.11.1-alpha.4 - @ohif/i18n@0.2.3-alpha.4 - @ohif/ui@0.2.18-alpha.4 - @ohif/viewer@0.0.22-alpha.5 * Simplify build * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.5 - @ohif/extension-dicom-html@0.0.4-alpha.5 - @ohif/extension-dicom-microscopy@0.0.9-alpha.5 - @ohif/extension-dicom-pdf@0.0.8-alpha.5 - @ohif/extension-vtk@0.1.4-alpha.5 - @ohif/core@0.11.1-alpha.5 - @ohif/i18n@0.2.3-alpha.5 - @ohif/ui@0.2.18-alpha.5 - @ohif/viewer@0.0.22-alpha.6 * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.6 - @ohif/extension-dicom-html@0.0.4-alpha.6 - @ohif/extension-dicom-microscopy@0.0.9-alpha.6 - @ohif/extension-dicom-pdf@0.0.8-alpha.6 - @ohif/extension-vtk@0.1.4-alpha.6 - @ohif/core@0.11.1-alpha.6 - @ohif/i18n@0.2.3-alpha.6 - @ohif/ui@0.2.18-alpha.6 - @ohif/viewer@0.0.22-alpha.7 * Split version and publish * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.7 - @ohif/extension-dicom-html@0.0.4-alpha.7 - @ohif/extension-dicom-microscopy@0.0.9-alpha.7 - @ohif/extension-dicom-pdf@0.0.8-alpha.7 - @ohif/extension-vtk@0.1.4-alpha.7 - @ohif/core@0.11.1-alpha.7 - @ohif/i18n@0.2.3-alpha.7 - @ohif/ui@0.2.18-alpha.7 - @ohif/viewer@0.0.22-alpha.8 * Try simplify netlify build * react-viewerbase --> @ohif/ui * add test for stylus loader * Try new way to specify publish path * Use an output folder that won't be ignored * Try move command * fiddle with paths * Dig for some information * Make sure we're in root for our commands * Remove discovery * Setup script-tag example * Fix typo * Move config folder * Update cornerstone extension to use shared/root webpack configs * capture changes * Update extension webpack configs * Don't check in docz output * Fix babel runtime resolution issue * Simplify ui build steps * Push in progress * Shift directories * Get viewer dev path to work * Fix viewer commonjs build * Fix build pwa config for viewers * Make sure our package specific command can be called from root * Update notes * Fix imports and misc. merge notes * Bump wado-image-loader version * Switch up commands to remove webworkers copy * Fix CI config * Fix more broken package references * Add react-dropzone * Persist so e2e test can use * Fix lockfile * Use cypress orb to simplify CI * Fix config * Try again * Install yarn latest for orb * Install yarn a different way * Wait on correct port * Run tests in viewer project * Fix cypress config * Make Cypress happier - use default location * Simplify e2e testing * Capture UI changes since fork * Catch core up * Grab latest deps after merge * Fix broken import * Make sure cornerstone-wado-image-loader resolves to 3+ * Note regarding orbs * Fix refresh on 404 routes * Fix odd error for cornerstone-wado-image-loader * Different target for UMD * Simplify dev script * Try to get fancy with netlify output * Let's do it again * Try to fix measurementTools issue * See if we can get our lerna magic to work on merge to monorepo branch
2019-08-13 15:36:46 -04:00
1 parent cac911f08e
commit 08ff214ea6
@@ -0,0 +1,86 @@
+.RoundedButtonGroup {
+  --height: 25px;
+
+  position: relative;
+  z-index: 0;
+}
+
+.roundedButtonWrapper {
+  cursor: pointer;
+  display: inline-block;
+  float: left;
+  margin-left: -2px;
+  text-decoration: none;
+  text-align: center;
+}
+
+.roundedButtonWrapper.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.RoundedButtonGroup .roundedButtonWrapper .roundedButton {
+  align-items: center;
+  background-color: var(--ui-gray-dark);
+  border: 2px solid var(--ui-border-color-dark);
+  color: var(--text-secondary-color);
+  display: flex;
+  font-size: 15px;
+  font-weight: 500;
+  justify-content: center;
+  height: var(--height);
+  line-height: var(--height);
+  padding: 0 22px;
+  position: relative;
+  text-transform: uppercase;
+  transition: var(--sidebar-transition);
+  z-index: 1;
+}
+
+.roundedButtonWrapper
+  .roundedButton
+  svg
+  .roundedButtonWrapper
+  .roundedButton
+  span {
+  margin: 0 2px;
+}
+
+.roundedButtonWrapper .roundedButton i {
+  line-height: 15px;
+  font-size: 15px;
+}
+
+.bottomLabel {
+  color: var(--text-secondary-color);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 12px;
+  margin-top: 8px;
+}
+
+.roundedButtonWrapper:first-child {
+  margin-left: 0;
+}
+
+.RoundedButtonGroup .roundedButtonWrapper:first-child .roundedButton {
+  border-bottom-left-radius: var(--height);
+  border-top-left-radius: var(--height);
+}
+
+.RoundedButtonGroup .roundedButtonWrapper:last-child .roundedButton {
+  border-bottom-right-radius: var(--height);
+  border-top-right-radius: var(--height);
+}
+
+.roundedButtonWrapper:hover .roundedButton {
+  background-color: var(--box-background-color);
+  color: var(--ui-gray-dark);
+}
+
+.roundedButtonWrapper.active .roundedButton {
+  background-color: var(--active-color);
+  border-color: var(--ui-border-color-active);
+  color: var(--ui-gray-dark);
+  z-index: 2;
+}
@@ -0,0 +1,84 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { Icon } from './../../elements/Icon';
+import './RoundedButtonGroup.css';
+
+// TODO: Rename to Toggle?
+class RoundedButtonGroup extends Component {
+  static className = 'RoundedButtonGroup';
+
+  static propTypes = {
+    options: PropTypes.arrayOf(
+      PropTypes.shape({
+        value: PropTypes.any,
+        label: PropTypes.string,
+        icon: PropTypes.oneOfType([
+          PropTypes.string,
+          PropTypes.shape({
+            name: PropTypes.string.isRequired,
+          }),
+        ]),
+      })
+    ),
+    value: PropTypes.string,
+    onValueChanged: PropTypes.func,
+  };
+
+  static defaultProps = {
+    options: [],
+    value: null,
+  };
+
+  onClickOption = value => {
+    let newValue = value;
+    if (this.props.value === value) {
+      newValue = null;
+    }
+
+    if (this.props.onValueChanged) {
+      this.props.onValueChanged(newValue);
+    }
+  };
+
+  render() {
+    let className = classnames(
+      RoundedButtonGroup.className,
+      'clearfix center-table'
+    );
+
+    const buttons = this.props.options.map((option, index) => {
+      const className = classnames({
+        roundedButtonWrapper: true,
+        noselect: true,
+        active: this.props.value === option.value,
+      });
+
+      const optionText = option.label && <span>{option.label}</span>;
+      const iconProps =
+        typeof option.icon === 'string' ? { name: option.icon } : option.icon;
+
+      const bottomLabel = option.bottomLabel && (
+        <div className="bottomLabel">{option.bottomLabel}</div>
+      );
+
+      return (
+        <div
+          key={index}
+          className={className}
+          onClick={() => this.onClickOption(option.value)}
+        >
+          <div className="roundedButton">
+            {optionText}
+            {iconProps && <Icon {...iconProps} />}
+          </div>
+          {bottomLabel}
+        </div>
+      );
+    });
+
+    return <div className={className}>{buttons}</div>;
+  }
+}
+
+export { RoundedButtonGroup };
@@ -0,0 +1,51 @@
+---
+name: Rounded Button Group
+menu: Components
+route: /components/rounded-button-group
+---
+
+import { Playground, Props } from 'docz';
+import { State } from 'react-powerplug';
+import { RoundedButtonGroup } from './../index.js';
+
+# Rounded Button Group
+
+A basic styled toggle switch
+
+## Basic usage
+
+<Playground>
+  <State
+    initial={{
+      value: null,
+      options: [
+        {
+          value: 'studies',
+          icon: 'th',
+          bottomLabel: 'Series',
+        },
+        {
+          value: 'measurements',
+          icon: 'th-list',
+          bottomLabel: 'Measurements',
+        },
+      ],
+    }}
+  >
+    {({ state, setState }) => (
+      <React.Fragment>
+        <div>
+          <pre>value: {JSON.stringify(state.value, null, 2)}</pre>
+        </div>
+        <RoundedButtonGroup
+          {...state}
+          onValueChanged={value => setState({ value })}
+        />
+      </React.Fragment>
+    )}
+  </State>
+</Playground>
+
+## API
+
+<Props of={RoundedButtonGroup} />
@@ -0,0 +1 @@
+export { RoundedButtonGroup } from './RoundedButtonGroup.js';
				`@@ -0,0 +1 @@`
				`export { RoundedButtonGroup } from './RoundedButtonGroup.js';`