remove relative 'lib', also small radiobutton css fix

Author: aulneau

src/components/containers/Section.js

@@ -2,8 +2,8 @@ import Info from '../fields/Info';
 import MenuPanel from './MenuPanel';
 import React, {Component, cloneElement} from 'react';
 import PropTypes from 'prop-types';
-import unpackPlotProps from '../../lib/unpackPlotProps';
-import {containerConnectedContextTypes} from '../../lib/connectToContainer';
+import unpackPlotProps from 'lib/unpackPlotProps';
+import {containerConnectedContextTypes} from 'lib/connectToContainer';
 
 export default class Section extends Component {
   constructor(props, context) {

src/components/containers/TraceMarkerSection.js

@@ -1,7 +1,7 @@
 import Section from './Section';
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
-import localize from '../../lib/localize';
+import localize from 'lib/localize';
 
 class TraceMarkerSection extends Component {
   constructor(props, context) {

src/components/containers/__tests__/AnnotationAccordion-test.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import {AnnotationAccordion, Panel, Fold} from '..';
 import {Numeric} from '../../fields';
-import {TestEditor, fixtures, mount} from '../../../lib/test-utils';
-import {connectLayoutToPlot} from '../../../lib';
+import {TestEditor, fixtures, mount} from 'lib/test-utils';
+import {connectLayoutToPlot} from 'lib';
 
 const LayoutPanel = connectLayoutToPlot(Panel);
 

src/components/containers/__tests__/Fold-test.js

@@ -1,8 +1,8 @@
 import {Numeric} from '../../fields';
 import {Fold} from '..';
 import React from 'react';
-import {TestEditor, fixtures, mount} from '../../../lib/test-utils';
-import {connectTraceToPlot} from '../../../lib';
+import {TestEditor, fixtures, mount} from 'lib/test-utils';
+import {connectTraceToPlot} from 'lib';
 
 const TraceFold = connectTraceToPlot(Fold);
 

src/components/containers/__tests__/Layout-test.js

@@ -2,8 +2,8 @@ import {Numeric} from '../../fields';
 import {Fold, Panel, Section} from '..';
 import NumericInput from '../../widgets/NumericInput';
 import React from 'react';
-import {TestEditor, fixtures} from '../../../lib/test-utils';
-import {connectLayoutToPlot} from '../../../lib';
+import {TestEditor, fixtures} from 'lib/test-utils';
+import {connectLayoutToPlot} from 'lib';
 import {mount} from 'enzyme';
 
 const Layouts = [Panel, Fold, Section].map(connectLayoutToPlot);

src/components/containers/__tests__/Section-test.js

@@ -2,8 +2,8 @@ import React from 'react';
 import Section from '../Section';
 import MenuPanel from '../MenuPanel';
 import {Flaglist, Info, Numeric} from '../../fields';
-import {TestEditor, fixtures} from '../../../lib/test-utils';
-import {connectTraceToPlot} from '../../../lib';
+import {TestEditor, fixtures} from 'lib/test-utils';
+import {connectTraceToPlot} from 'lib';
 import {mount} from 'enzyme';
 
 const TraceSection = connectTraceToPlot(Section);

src/components/containers/__tests__/TraceAccordion-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import {TraceAccordion, Fold} from '..';
 import {Numeric} from '../../fields';
-import {TestEditor, fixtures, mount} from '../../../lib/test-utils';
+import {TestEditor, fixtures, mount} from 'lib/test-utils';
 
 describe('<TraceAccordion>', () => {
   it('generates trace Folds with name == text', () => {

src/components/fields/Color.js

@@ -2,7 +2,7 @@ import ColorPicker from '../widgets/ColorPicker';
 import Field from './Field';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 class Color extends Component {
   render() {

src/components/fields/DataSelector.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import Field from './Field';
 import nestedProperty from 'plotly.js/src/lib/nested_property';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 function attributeIsData(meta = {}) {
   return meta.valType === 'data_array' || meta.arrayOk;

src/components/fields/Dropdown.js

@@ -2,7 +2,7 @@ import DropdownWidget from '../widgets/Dropdown';
 import Field from './Field';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 export class UnconnectedDropdown extends Component {
   render() {

src/components/fields/Flaglist.js

@@ -2,7 +2,7 @@ import Field from './Field';
 import FlaglistCheckboxGroup from '../widgets/FlaglistCheckboxGroup';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 class Flaglist extends Component {
   render() {

src/components/fields/FontSelector.js

@@ -1,6 +1,6 @@
 import Dropdown from './Dropdown';
 import React from 'react';
-import {DEFAULT_FONTS} from '../../lib/constants';
+import {DEFAULT_FONTS} from 'lib/constants';
 
 /* eslint-disable react/prop-types */
 const styledRenderer = ({value, label}) => (

src/components/fields/MultiFormatTextEditor.js

@@ -2,7 +2,7 @@ import Field from './Field';
 import MultiFormatTextEditor from '../widgets/text_editors/MultiFormatTextEditor';
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 export class UnconnectedMultiFormatTextEditor extends Component {
   render() {

src/components/fields/Numeric.js

@@ -2,7 +2,7 @@ import Field from './Field';
 import NumericInput from '../widgets/NumericInput';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 export class UnconnectedNumeric extends Component {
   render() {

src/components/fields/Radio.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import RadioBlocks from '../widgets/RadioBlocks';
 import Field from './Field';
-import {connectToContainer} from '../../lib';
+import {connectToContainer} from 'lib';
 
 class Radio extends Component {
   render() {

src/components/fields/SymbolSelector.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import SymbolSelectorWidget from '../widgets/SymbolSelector';
 import nestedProperty from 'plotly.js/src/lib/nested_property';
-import {connectToContainer, tooLight} from '../../lib';
+import {connectToContainer, tooLight} from 'lib';
 
 // TODO compute these from plotly.js
 const SYMBOLS = [

src/components/fields/TraceSelector.js

@@ -5,7 +5,7 @@ import {
   connectToContainer,
   customTraceToPlotlyTrace,
   plotlyTraceToCustomTrace,
-} from '../../lib';
+} from 'lib';
 
 function computeTraceOptionsFromSchema(schema) {
   const capitalize = s => s.charAt(0).toUpperCase() + s.substring(1);

src/components/fields/__tests__/AnnotationRef-test.js

@@ -2,8 +2,8 @@ import {AnnotationRef, AnnotationArrowRef} from '../derived';
 import DropdownWidget from '../../widgets/Dropdown';
 import React from 'react';
 import {Panel} from '../../';
-import {TestEditor, fixtures, plotly, mount} from '../../../lib/test-utils';
-import {connectAnnotationToLayout, connectLayoutToPlot} from '../../../lib';
+import {TestEditor, fixtures, plotly, mount} from 'lib/test-utils';
+import {connectAnnotationToLayout, connectLayoutToPlot} from 'lib';
 
 const LayoutAnnoPanel = connectLayoutToPlot(connectAnnotationToLayout(Panel));
 

src/components/fields/__tests__/ArrowSelector-test.js

@@ -1,7 +1,7 @@
 import ArrowSelector from '../ArrowSelector';
 import Dropdown from '../Dropdown';
 import React from 'react';
-import {shallow} from '../../../lib/test-utils';
+import {shallow} from 'lib/test-utils';
 
 describe('<ArrowSelector>', () => {
   // test mostly an insurance policy against plotly.js changing arrow_paths on us.

src/components/fields/__tests__/CanvasSize-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import {connectLayoutToPlot} from '../../../lib';
+import {connectLayoutToPlot} from 'lib';
 import {Panel, Fold} from '../../';
-import {TestEditor, fixtures} from '../../../lib/test-utils';
+import {TestEditor, fixtures} from 'lib/test-utils';
 import {mount} from 'enzyme';
 import {CanvasSize} from '../';
 

src/components/fields/__tests__/DataSelector-test.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-magic-numbers */
 import DropdownWidget from '../../widgets/Dropdown';
 import React from 'react';
-import {TestEditor, fixtures, plotly} from '../../../lib/test-utils';
+import {TestEditor, fixtures, plotly} from 'lib/test-utils';
 import {mount} from 'enzyme';
 
 function render(overrides = {}) {

src/components/fields/__tests__/Radio-test.js

@@ -2,8 +2,8 @@ import React from 'react';
 import Field from '../Field';
 import Radio from '../Radio';
 import {Section} from '../../containers';
-import {TestEditor, fixtures, plotly} from '../../../lib/test-utils';
-import {connectTraceToPlot} from '../../../lib';
+import {TestEditor, fixtures, plotly} from 'lib/test-utils';
+import {connectTraceToPlot} from 'lib';
 import {mount} from 'enzyme';
 
 const Trace = connectTraceToPlot(Section);

src/components/fields/__tests__/TraceSelector-test.js

@@ -3,8 +3,8 @@ import Dropdown from '../../widgets/Dropdown';
 import React from 'react';
 import TraceSelector from '../TraceSelector';
 import {Section} from '../../containers';
-import {TestEditor, fixtures, plotly, mount} from '../../../lib/test-utils';
-import {connectTraceToPlot} from '../../../lib';
+import {TestEditor, fixtures, plotly, mount} from 'lib/test-utils';
+import {connectTraceToPlot} from 'lib';
 
 describe('TraceSelector', () => {
   const TraceSection = connectTraceToPlot(Section);

src/components/fields/derived.js

@@ -6,7 +6,7 @@ import {
   connectToContainer,
   getLayoutContext,
   unpackPlotProps,
-} from '../../lib';
+} from 'lib';
 
 export const CanvasSize = connectToContainer(UnconnectedNumeric, {
   modifyPlotProps: (props, context, plotProps) => {

src/components/fields/lineSelectors.js

@@ -2,7 +2,7 @@ import Dropdown from './Dropdown';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
 import nestedProperty from 'plotly.js/src/lib/nested_property';
-import {tooLight} from '../../lib';
+import {tooLight} from 'lib';
 
 /* eslint-disable react/prop-types */
 const styledRenderer = ({label}) => {

src/components/widgets/ColorPicker.js

@@ -10,7 +10,7 @@ import {
   Checkboard,
 } from 'react-color/lib/components/common';
 import {CustomPicker as customPicker} from 'react-color';
-import {localize} from '../../lib';
+import {localize} from 'lib';
 
 /* eslint-disable no-inline-comments */
 const defaultColors = [

src/components/widgets/text_editors/RichText/LinkEditor.js

@@ -5,8 +5,8 @@
 
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
-import {RETURN_KEY, ESCAPE_KEY} from '../../../../lib/constants';
-import localize from '../../../../lib/localize';
+import {RETURN_KEY, ESCAPE_KEY} from 'lib/constants';
+import localize from 'lib/localize';
 import {findDOMNode} from 'react-dom';
 
 class LinkEditor extends Component {

src/styles/components/widgets/_radio-block.scss

@@ -18,7 +18,7 @@
     &--active {
       background-color: var(--color-button-primary-base-fill);
       color: var(--color-button-primary-base-text);
-      border: var(--color-button-primary-base-border);
+      border: 1px solid var(--color-button-primary-base-border);
       margin-left: -1px;
       cursor: default;
       text-shadow: var(--text-shadow-dark-ui);