1
0
mirror of https://github.com/yldio/copilot.git synced 2024-11-15 07:40:07 +02:00

feat(ui-toolkit, cp-frontend): Ensure correct update of topology view

This commit is contained in:
JUDIT GRESKOVITS 2017-07-06 11:10:10 +01:00 committed by Sérgio Ramos
parent 28699d0061
commit 1bf7913ac3
18 changed files with 452 additions and 239 deletions

View File

@ -96,8 +96,6 @@ const ServiceListItem = ({
</CardDescription> </CardDescription>
<CardOptions onClick={handleCardOptionsClick} /> <CardOptions onClick={handleCardOptionsClick} />
</StyledCardHeader>; </StyledCardHeader>;
console.log('*** service = ', service);
console.log('*** service.instanceStatuses = ', service.instanceStatuses);
const view = children const view = children
? <CardGroupView> ? <CardGroupView>
{children} {children}

View File

@ -92,12 +92,12 @@ class ServiceList extends Component {
const handleScaleClick = (evt, service) => { const handleScaleClick = (evt, service) => {
toggleServicesQuickActions({ show: false }); toggleServicesQuickActions({ show: false });
push(`${url}/${service.slug}/delete`); push(`${url}/${service.slug}/scale`);
}; };
const handleDeleteClick = (evt, service) => { const handleDeleteClick = (evt, service) => {
toggleServicesQuickActions({ show: false }); toggleServicesQuickActions({ show: false });
push(`${url}/${service.slug}/scale`); push(`${url}/${service.slug}/delete`);
}; };
const handleQuickActionsBlur = o => { const handleQuickActionsBlur = o => {

View File

@ -72,8 +72,8 @@ const ServicesMenu = ({ location, history: { push } }) => {
<FormGroup name="service-view" value={toggleValue}> <FormGroup name="service-view" value={toggleValue}>
<StyledLegend>View</StyledLegend> <StyledLegend>View</StyledLegend>
<ToggleList> <ToggleList>
<Toggle value="topology" onChange={handleToggle}>Topology</Toggle>
<Toggle value="list" onChange={handleToggle}>List</Toggle> <Toggle value="list" onChange={handleToggle}>List</Toggle>
<Toggle value="topology" onChange={handleToggle}>Topology</Toggle>
</ToggleList> </ToggleList>
</FormGroup> </FormGroup>
</Col> </Col>

View File

@ -2,13 +2,13 @@ import React from 'react';
import { compose, graphql } from 'react-apollo'; import { compose, graphql } from 'react-apollo';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import styled from 'styled-components'; import styled from 'styled-components';
import ServicesQuery from '@graphql/ServicesTopology.gql'; import ServicesQuery from '@graphql/Services.gql';
import ServicesRestartMutation from '@graphql/ServicesRestartMutation.gql'; import ServicesRestartMutation from '@graphql/ServicesRestartMutation.gql';
import ServicesStopMutation from '@graphql/ServicesStopMutation.gql'; import ServicesStopMutation from '@graphql/ServicesStopMutation.gql';
import ServicesStartMutation from '@graphql/ServicesStartMutation.gql'; import ServicesStartMutation from '@graphql/ServicesStartMutation.gql';
import unitcalc from 'unitcalc'; import unitcalc from 'unitcalc';
import { processServices } from '@root/state/selectors'; import { processServicesForTopology } from '@root/state/selectors';
import { toggleServicesQuickActions } from '@root/state/actions'; import { toggleServicesQuickActions } from '@root/state/actions';
import { LayoutContainer } from '@components/layout'; import { LayoutContainer } from '@components/layout';
@ -75,18 +75,18 @@ const ServicesTopology = ({
const handleScaleClick = (evt, service) => { const handleScaleClick = (evt, service) => {
toggleServicesQuickActions({ show: false }); toggleServicesQuickActions({ show: false });
push(`${url}/${service.slug}/delete`); push(`${url}/${service.slug}/scale`);
}; };
const handleDeleteClick = (evt, service) => { const handleDeleteClick = (evt, service) => {
toggleServicesQuickActions({ show: false }); toggleServicesQuickActions({ show: false });
push(`${url}/${service.slug}/scale`); push(`${url}/${service.slug}/delete`);
}; };
const handleNodeTitleClick = (evt, { service }) => { const handleNodeTitleClick = (evt, { service }) => {
push(`${url.split('/').slice(0, 3).join('/')}/services/${service.slug}`); push(`${url.split('/').slice(0, 3).join('/')}/services/${service.slug}`);
}; };
console.log('ServicesTopology services = ', services);
return ( return (
<StyledBackground> <StyledBackground>
<StyledContainer> <StyledContainer>
@ -133,7 +133,7 @@ const ServicesGql = graphql(ServicesQuery, {
}, },
props: ({ data: { deploymentGroup, loading, error } }) => ({ props: ({ data: { deploymentGroup, loading, error } }) => ({
services: deploymentGroup services: deploymentGroup
? processServices(deploymentGroup.services, null) ? processServicesForTopology(deploymentGroup.services)
: null, : null,
loading, loading,
error error

View File

@ -7,6 +7,7 @@ query Services($deploymentGroupSlug: String!){
services { services {
...ServiceInfo ...ServiceInfo
parent parent
connections
instances { instances {
id id
status status

View File

@ -1,17 +0,0 @@
#import "./DeploymentGroupInfo.gql"
#import "./ServiceInfo.gql"
query Instances($deploymentGroupSlug: String!){
deploymentGroup(slug: $deploymentGroupSlug) {
...DeploymentGroupInfo
services {
...ServiceInfo
parent
connections
instances {
id
status
}
}
}
}

View File

@ -59,16 +59,25 @@ const instancesByServiceId = serviceId =>
const findService = (services, uuid) => const findService = (services, uuid) =>
services.reduce((service, s) => (s.uuid === uuid ? s : service), null); services.reduce((service, s) => (s.uuid === uuid ? s : service), null);
const activeInstanceStatuses = [
'PROVISIONING',
'READY',
'ACTIVE',
'RUNNING',
'STOPPING',
'INCOMPLETE'
];
const getInstanceStatuses = (service) => { const getInstanceStatuses = (service) => {
const instanceStatuses = service.instances.reduce((statuses, instance) => { const instanceStatuses = service.instances.reduce((statuses, instance) => {
if (instance.status !== 'RUNNING') { // if (instance.status !== 'RUNNING') {
if (statuses[instance.status]) { if (statuses[instance.status]) {
statuses[instance.status]++; statuses[instance.status]++;
} else { } else {
statuses[instance.status] = 1; statuses[instance.status] = 1;
} }
} // }
return statuses; return statuses;
}, {}); }, {});
@ -78,15 +87,29 @@ const getInstanceStatuses = (service) => {
})); }));
} }
const getService = (service, index, datacenter) => ({ const getInstancesActive = (instanceStatuses) => {
return instanceStatuses.reduce((active, instanceStatus) =>
activeInstanceStatuses.indexOf(instanceStatus.status) === -1 ?
active : true, false);
}
const getService = (service, index) => {
const statuses = getInstanceStatuses(service);
const instancesActive = getInstancesActive(statuses);
const instanceStatuses = statuses.length === 1 && statuses[0].status === 'RUNNING' ?
[] : statuses;
return ({
index, index,
...service, ...service,
datacenter, instanceStatuses,
instanceStatuses: getInstanceStatuses(service), instancesActive,
isConsul: service.slug === 'consul' isConsul: service.slug === 'consul'
}); });
};
const processServices = (services) => {
const processServices = (services, datacenter) => {
return forceArray(services).reduce((ss, s, i) => { return forceArray(services).reduce((ss, s, i) => {
if (s.parent) { if (s.parent) {
const parents = ss.filter(parentS => parentS.id === s.parent); const parents = ss.filter(parentS => parentS.id === s.parent);
@ -100,15 +123,17 @@ const processServices = (services, datacenter) => {
if (!parent.children) { if (!parent.children) {
parent.children = []; parent.children = [];
} }
parent.children.push(getService(s, i, datacenter)); const child = getService(s, i);
parent.instancesActive = parent.instancesActive ? true : child.instancesActive;
parent.children.push(child);
} else { } else {
const serviceIndex = ss.findIndex(existingS => existingS.id === s.id); const serviceIndex = ss.findIndex(existingS => existingS.id === s.id);
if (serviceIndex === -1) { if (serviceIndex === -1) {
ss.push(getService(s, i, datacenter)); ss.push(getService(s, i));
} else { } else {
ss.splice(serviceIndex, 1, { ss.splice(serviceIndex, 1, {
...ss[serviceIndex], ...ss[serviceIndex],
...getService(s, i, datacenter) ...getService(s, i)
}); });
} }
} }
@ -116,9 +141,24 @@ const processServices = (services, datacenter) => {
}, []); }, []);
}; };
const processServicesForTopology = (services) => {
const processedServices = processServices(services);
const connectedServices = processedServices.reduce((connections, service) =>
service.connections && service.connections.length ?
connections.concat(service.connections).concat(service.id) : connections, []);
return processedServices.map(service => ({
...service,
connected: connectedServices.indexOf(service.id) !== -1
}));
}
export { export {
deploymentGroupBySlug as deploymentGroupBySlugSelector, deploymentGroupBySlug as deploymentGroupBySlugSelector,
serviceBySlug as serviceBySlugSelector, serviceBySlug as serviceBySlugSelector,
processServices, processServices,
processServicesForTopology,
instancesByServiceId instancesByServiceId
}; };

View File

@ -194,14 +194,24 @@ const updateInstancesStatus = (is, status) => {
instance.status = status; instance.status = status;
}); });
return Promise.resolve(instances); return null;
}; };
const updateServiceStatus = (serviceId, status) => { const updateServiceStatus = (serviceId, status) => {
return getServices({ id: serviceId }) return Promise.all([getServices({ id: serviceId }), getServices({ parentId: serviceId })])
.then(services => services.shift().instances()) .then(services => services.reduce((services, service) =>
.then(instances => updateInstancesStatus(instances, status)) services.concat(service), []))
.then(instances => getServices({ id: serviceId })); .then(services => Promise.all(
services.reduce((instances, service) =>
service.instances ? instances.concat(service.instances()) : instances, [])))
.then(instances => updateInstancesStatus(instances.reduce((is, i) =>
is.concat(i), []), status))
.then(() => Promise.all([
getServices({ id: serviceId }),
getServices({ parentId: serviceId })
]))
.then(services => services.reduce((services, service) =>
services.concat(service), []));
}; };
const deleteServices = options => { const deleteServices = options => {

View File

@ -31,6 +31,10 @@
"camel-case": "^3.0.0", "camel-case": "^3.0.0",
"d3": "^4.9.1", "d3": "^4.9.1",
"disable-scroll": "^0.3.0", "disable-scroll": "^0.3.0",
"lodash.difference": "^4.5.0",
"lodash.differenceby": "^4.8.0",
"lodash.isequal": "^4.5.0",
"lodash.isequalwith": "^4.4.0",
"lodash.isstring": "^4.0.1", "lodash.isstring": "^4.0.1",
"normalized-styled-components": "^1.0.8", "normalized-styled-components": "^1.0.8",
"polished": "^1.1.3", "polished": "^1.1.3",

View File

@ -1,6 +1,7 @@
import Constants from './constants'; import Constants from './constants';
const getAngleFromPoints = (source, target) => { const getAngleFromPoints = (source, target) => {
const lineAngle = Math.atan2(target.y - source.y, target.x - source.x); const lineAngle = Math.atan2(target.y - source.y, target.x - source.x);
const lineAngleDeg = lineAngle * 180 / Math.PI; const lineAngleDeg = lineAngle * 180 / Math.PI;
const zeroToThreeSixty = lineAngleDeg < 0 ? 360 + lineAngleDeg : lineAngleDeg; const zeroToThreeSixty = lineAngleDeg < 0 ? 360 + lineAngleDeg : lineAngleDeg;

View File

@ -1,6 +1,8 @@
import React from 'react'; import React from 'react';
import { Svg } from 'normalized-styled-components'; import { Svg } from 'normalized-styled-components';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import difference from 'lodash.difference';
import differenceBy from 'lodash.differenceby';
import Baseline from '../baseline'; import Baseline from '../baseline';
import Constants from './constants'; import Constants from './constants';
@ -20,7 +22,7 @@ const StyledSvg = Svg.extend`
*/ */
class Topology extends React.Component { class Topology extends React.Component {
componentWillMount() { componentWillMount() {
this.create(); this.create(this.props);
} }
componentDidMount() { componentDidMount() {
@ -33,15 +35,116 @@ class Topology extends React.Component {
} }
shouldComponentUpdate() { shouldComponentUpdate() {
return true; return false;
}
getChangedConnections(services, nextServices) {
return nextServices.reduce((changed, nextService) => {
if(changed.added || changed.removed) {
return changed;
}
const service = services.filter(service => service.id === nextService.id).shift();
const connectionsAdded = difference(nextService.connections, service.connections).length;
// there's a new connection, we need to redraw
if(connectionsAdded) {
return ({ added: true });
}
const connectionsRemoved = difference(service.connections, nextService.connections).length;
// we'll need to remove the offending connections from links
if(connectionsRemoved) {
return ({ removed: true});
}
return changed;
}, {});
}
getNextLinks(nextServices) {
const links = this.state.links;
return links.reduce((nextLinks, link) => {
const sourceExists = nextServices.filter(nextService =>
nextService.id === link.source.id);
if(sourceExists.length) {
const source = sourceExists.shift();
const targetExists = nextServices.filter(nextService =>
nextService.id === link.target.id).length;
const connectionExists = source.connections.filter(connection =>
connection === link.target.id).length;
if(targetExists && connectionExists) {
nextLinks.push(link);
}
}
return nextLinks;
}, []);
}
getNextNodes(nextServices) {
const nodes = this.state.nodes;
return nodes.reduce((nextNodes, node) => {
const keep = nextServices.filter(nextService => nextService.id === node.id).length;
if(keep) {
nextNodes.push(node);
}
return nextNodes;
}, []);
}
componentWillReceiveProps(nextProps) {
// if we remove a node, it should just be removed from the simulation nodes and links
// if we add a node, then we should recreate the damn thing
// on other updates, we should update the services on the state and that's it
// we should forceUpdate once the state has been updated
const nextServices = nextProps.services.sort();
const { services, nodes } = this.state;
if(nextServices.length > services.length) {
// new service added, we need to redraw
this.create(nextProps);
}
else if(nextServices.length <= services.length) {
const servicesRemoved = differenceBy(services, nextServices, 'id');
const servicesChanged = differenceBy(nextServices, services, 'id');
if(servicesChanged.length ||
servicesRemoved.length !== services.length - nextServices.length) {
this.create(nextProps);
}
else {
// check whether there are new connections. if so, we need to redraw
// if we just dropped one, we need to remove it from links
// comparison to yield 3 possible outcomes; no change, added, dropped
const changedConnections = this.getChangedConnections(services, nextServices);
// if connections are added, we'll need to redraw
if(changedConnections.added) {
this.create(nextProps);
}
else if(servicesRemoved.length || changedConnections.removed) {
const nextNodes = servicesRemoved.length
? this.getNextNodes(nextServices)
: nodes;
const nextLinks = this.getNextLinks(nextServices);
this.setState({
services: nextServices,
links: nextLinks,
nodes: nextNodes,
}, () => this.forceUpdate());
}
else {
// we've got the same services, no links changed, so we just need to set them to the state
this.setState({ services: nextServices }, () => this.forceUpdate());
}
}
}
} }
handleResize(evt) { handleResize(evt) {
this.create(); this.create(this.props);
// resize should just rejig the positions
} }
create() { create(props) {
const services = this.getServicesWithoutConsul(); // other updates should also just update the services rather than recreate the simulation
const services = props.services.sort();
const connectedServices = services.filter(service => service.connected);
const notConnectedServices = services.filter(service => !service.connected && !service.isConsul);
const svgSize = this.getSvgSize(); const svgSize = this.getSvgSize();
const { nodes, links, simulation } = createSimulation(services, svgSize); const { nodes, links, simulation } = createSimulation(services, svgSize);
@ -49,17 +152,13 @@ class Topology extends React.Component {
this.setState({ this.setState({
nodes, nodes,
links, links,
simulation simulation,
services
}, () => {
this.forceUpdate();
}); });
} }
getServicesWithoutConsul() {
return this.props.services.reduce((acc, service, index) => {
if (!service.isConsul) acc.push(service);
return acc;
}, []);
}
getSvgSize() { getSvgSize() {
if (document.getElementById('topology-svg')) { if (document.getElementById('topology-svg')) {
return document.getElementById('topology-svg').getBoundingClientRect(); return document.getElementById('topology-svg').getBoundingClientRect();
@ -136,9 +235,9 @@ class Topology extends React.Component {
} }
render() { render() {
const { onQuickActionsClick, onNodeTitleClick, services } = this.props; const { onQuickActionsClick, onNodeTitleClick } = this.props;
const { nodes, links } = this.state; const { nodes, links, services } = this.state;
const nodesData = services.map((service, index) => { const nodesData = services.map((service, index) => {
const nodePosition = service.isConsul const nodePosition = service.isConsul
@ -156,12 +255,15 @@ class Topology extends React.Component {
// TODO links will need to know whether a service has children // TODO links will need to know whether a service has children
// if it does, the height of it will be different // if it does, the height of it will be different
const linksData = links const t = links
.map((link, index) => ({ .map((link, index) => ({
source: this.findNodeData(nodesData, link.source.id), source: this.findNodeData(nodesData, link.source.id),
target: this.findNodeData(nodesData, link.target.id) target: this.findNodeData(nodesData, link.target.id)
})) }));
.map((linkData, index) => calculateLineLayout(linkData, index)); const linksData = t
.map((linkData, index) => {
return calculateLineLayout(linkData, index)
});
const onDragStart = (evt, nodeId) => { const onDragStart = (evt, nodeId) => {
// It's this node's position that we'll need to update // It's this node's position that we'll need to update
@ -204,7 +306,7 @@ class Topology extends React.Component {
this.setState({ this.setState({
nodes: dragNodes nodes: dragNodes
}); }, () => this.forceUpdate());
this.setDragInfo(true, this.dragInfo.nodeId, { this.setDragInfo(true, this.dragInfo.nodeId, {
x, x,
@ -225,7 +327,6 @@ class Topology extends React.Component {
onDragStart={onDragStart} onDragStart={onDragStart}
onNodeTitleClick={onNodeTitleClick} onNodeTitleClick={onNodeTitleClick}
onQuickActions={onQuickActionsClick} onQuickActions={onQuickActionsClick}
connected={!n.isConsul}
/>; />;
const renderedLink = (l, index) => const renderedLink = (l, index) =>

View File

@ -4,7 +4,7 @@ import Baseline from '../../baseline';
import Constants from '../constants'; import Constants from '../constants';
import { GraphLine, GraphButtonRect, GraphButtonCircle } from './shapes'; import { GraphLine, GraphButtonRect, GraphButtonCircle } from './shapes';
const NodeButton = ({ connected, onButtonClick, index }) => { const NodeButton = ({ onButtonClick, index, isConsul, instancesActive }) => {
const { x, y, width, height } = Constants.buttonRect; const { x, y, width, height } = Constants.buttonRect;
const buttonCircleRadius = 2; const buttonCircleRadius = 2;
@ -20,13 +20,15 @@ const NodeButton = ({ connected, onButtonClick, index }) => {
} }
key={index} key={index}
r={2} r={2}
connected={connected} consul={isConsul}
active={instancesActive}
/> />
); );
return ( return (
<g transform={`translate(${x}, ${y})`}> <g transform={`translate(${x}, ${y})`}>
<GraphLine x1={0} y1={0} x2={0} y2={height} connected={connected} /> <GraphLine x1={0} y1={0} x2={0} y2={height}
consul={isConsul} active={instancesActive} />
{buttonCircles} {buttonCircles}
<GraphButtonRect <GraphButtonRect
height={height} height={height}
@ -41,9 +43,10 @@ const NodeButton = ({ connected, onButtonClick, index }) => {
}; };
NodeButton.propTypes = { NodeButton.propTypes = {
connected: PropTypes.bool,
index: PropTypes.number.isRequired, index: PropTypes.number.isRequired,
onButtonClick: PropTypes.func.isRequired onButtonClick: PropTypes.func.isRequired,
isConsul: PropTypes.bool,
instancesActive: PropTypes.bool
}; };
export default Baseline(NodeButton); export default Baseline(NodeButton);

View File

@ -6,7 +6,7 @@ import { GraphLine, GraphSubtitle, GraphText } from './shapes';
import GraphNodeInfo from './info'; import GraphNodeInfo from './info';
import GraphNodeMetrics from './metrics'; import GraphNodeMetrics from './metrics';
const GraphNodeContent = ({ connected, child = false, data, index = 0 }) => { const GraphNodeContent = ({ child = false, data, index = 0 }) => {
let { x, y, width, height } = Constants.contentRect; let { x, y, width, height } = Constants.contentRect;
if(child) height = Constants.childContentSize.height; if(child) height = Constants.childContentSize.height;
@ -29,7 +29,11 @@ const GraphNodeContent = ({ connected, child = false, data, index = 0 }) => {
: Constants.metricsPosition; */ : Constants.metricsPosition; */
const nodeSubtitle = child const nodeSubtitle = child
? <GraphSubtitle {...Constants.subtitlePosition} connected={connected}> ? <GraphSubtitle
{...Constants.subtitlePosition}
consul={data.isConsul}
active={data.instancesActive}
>
{data.name} {data.name}
</GraphSubtitle> </GraphSubtitle>
: null; : null;
@ -50,13 +54,15 @@ const GraphNodeContent = ({ connected, child = false, data, index = 0 }) => {
instances={data.instances} instances={data.instances}
instanceStatuses={data.instanceStatuses} instanceStatuses={data.instanceStatuses}
healthy healthy
connected={connected}
pos={nodeInfoPos} pos={nodeInfoPos}
isConsul={data.isConsul}
instancesActive={data.instancesActive}
/>; />;
return ( return (
<g transform={`translate(${x}, ${contentY})`}> <g transform={`translate(${x}, ${contentY})`}>
<GraphLine x1={0} y1={0} x2={width} y2={0} connected={connected} /> <GraphLine x1={0} y1={0} x2={width} y2={0}
consul={data.isConsul} active={data.instancesActive} />
{nodeSubtitle} {nodeSubtitle}
{nodeInfo} {nodeInfo}
{/* <GraphNodeMetrics {/* <GraphNodeMetrics
@ -70,7 +76,6 @@ const GraphNodeContent = ({ connected, child = false, data, index = 0 }) => {
GraphNodeContent.propTypes = { GraphNodeContent.propTypes = {
child: PropTypes.bool, child: PropTypes.bool,
connected: PropTypes.bool,
data: PropTypes.object.isRequired, data: PropTypes.object.isRequired,
index: PropTypes.number index: PropTypes.number
}; };

View File

@ -8,7 +8,6 @@ import { GraphNodeRect, GraphShadowRect } from './shapes';
import Baseline from '../../baseline'; import Baseline from '../../baseline';
const GraphNode = ({ const GraphNode = ({
connected,
data, data,
index, index,
onDragStart, onDragStart,
@ -19,7 +18,7 @@ const GraphNode = ({
let x = data.x; let x = data.x;
let y = data.y; let y = data.y;
if (connected) { if (data.connected) {
x = data.x + left; x = data.x + left;
y = data.y + top; y = data.y + top;
} }
@ -30,7 +29,7 @@ const GraphNode = ({
y: data.y + Constants.buttonRect.y + Constants.buttonRect.height y: data.y + Constants.buttonRect.y + Constants.buttonRect.height
}; };
if (connected) { if (data.connected) {
tooltipPosition.x += left; tooltipPosition.x += left;
tooltipPosition.y += top; tooltipPosition.y += top;
} }
@ -53,7 +52,7 @@ const GraphNode = ({
onDragStart(evt, data.id); onDragStart(evt, data.id);
}; };
const nodeRectEvents = connected const nodeRectEvents = data.connected
? { ? {
onMouseDown: onStart, onMouseDown: onStart,
onTouchStart: onStart onTouchStart: onStart
@ -65,39 +64,44 @@ const GraphNode = ({
<GraphNodeContent <GraphNodeContent
key={i} key={i}
child child
connected={connected}
data={d} data={d}
index={i} index={i}
/> />
) )
: <GraphNodeContent connected={connected} data={data} />; : <GraphNodeContent data={data} />;
return ( const nodeShadow = data.instancesActive ?
<g transform={`translate(${x}, ${y})`}>
<GraphShadowRect <GraphShadowRect
x={0} x={0}
y={3} y={3}
width={width} width={width}
height={height} height={height}
connected={connected} consul={data.isConsul}
/> active={data.instancesActive}
/> : null;
return (
<g transform={`translate(${x}, ${y})`}>
{ nodeShadow }
<GraphNodeRect <GraphNodeRect
x={0} x={0}
y={0} y={0}
width={width} width={width}
height={height} height={height}
connected={connected} consul={data.isConsul}
active={data.instancesActive}
connected={data.connected}
{...nodeRectEvents} {...nodeRectEvents}
/> />
<GraphNodeTitle <GraphNodeTitle
connected={connected}
data={data} data={data}
onNodeTitleClick={onTitleClick} onNodeTitleClick={onTitleClick}
/> />
<GraphNodeButton <GraphNodeButton
connected={connected}
index={index} index={index}
onButtonClick={onButtonClick} onButtonClick={onButtonClick}
isConsul={data.isConsul}
instancesActive={data.instancesActive}
/> />
{nodeContent} {nodeContent}
</g> </g>
@ -105,7 +109,6 @@ const GraphNode = ({
}; };
GraphNode.propTypes = { GraphNode.propTypes = {
connected: PropTypes.bool,
data: PropTypes.object.isRequired, data: PropTypes.object.isRequired,
index: PropTypes.number.isRequired, index: PropTypes.number.isRequired,
onDragStart: PropTypes.func, onDragStart: PropTypes.func,

View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import is from 'styled-is'; import is, { isNot } from 'styled-is';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Baseline from '../../baseline'; import Baseline from '../../baseline';
import DataCentresIcon from './icon-data-centers.svg'; import DataCentresIcon from './icon-data-centers.svg';
@ -10,26 +10,34 @@ import { GraphText, GraphHealthyCircle } from './shapes';
import HeartIcon from './icon-heart.svg'; import HeartIcon from './icon-heart.svg';
const StyledInstancesIcon = styled(InstancesIcon)` const StyledInstancesIcon = styled(InstancesIcon)`
fill: ${props => props.theme.secondary};
${is('connected')`
fill: ${props => props.theme.white}; fill: ${props => props.theme.white};
${is('consul')`
fill: ${props => props.theme.secondary};
`};
${isNot('active')`
fill: ${props => props.theme.secondary};
`}; `};
`; `;
const StyledDataCentresIcon = styled(DataCentresIcon)` const StyledDataCentresIcon = styled(DataCentresIcon)`
fill: ${props => props.theme.secondary};
${is('connected')`
fill: ${props => props.theme.white}; fill: ${props => props.theme.white};
${is('consul')`
fill: ${props => props.theme.secondary};
`};
${isNot('active')`
fill: ${props => props.theme.secondary};
`}; `};
`; `;
const GraphNodeInfo = ({ connected, datacenter, instances, instanceStatuses, healthy, pos }) => { const GraphNodeInfo = ({ datacenter, instances, instanceStatuses, healthy, pos, isConsul, instancesActive }) => {
const { x, y } = pos; const { x, y } = pos;
const statuses = instanceStatuses.map((instanceStatus, index) => const statuses = instanceStatuses.map((instanceStatus, index) =>
<GraphText key={index} connected={connected}> <GraphText key={index} consul={isConsul} active={instancesActive}>
{`${instanceStatus.count} {`${instanceStatus.count}
${instanceStatus.status.toLowerCase()}`} ${instanceStatus.status.toLowerCase()}`}
</GraphText> </GraphText>
@ -42,9 +50,9 @@ const GraphNodeInfo = ({ connected, datacenter, instances, instanceStatuses, hea
<HeartIcon /> <HeartIcon />
</g> </g>
<g transform={'translate(30, 4.5)'}> <g transform={'translate(30, 4.5)'}>
<StyledInstancesIcon connected={connected} /> <StyledInstancesIcon consul={isConsul} active={instancesActive} />
</g> </g>
<GraphText x={54} y={14} connected={connected}> <GraphText x={54} y={14} consul={isConsul} active={instancesActive}>
{`${instances.length} inst.`} {`${instances.length} inst.`}
</GraphText> </GraphText>
<g transform={'translate(54, 36)'}> <g transform={'translate(54, 36)'}>
@ -61,12 +69,13 @@ const GraphNodeInfo = ({ connected, datacenter, instances, instanceStatuses, hea
}; };
GraphNodeInfo.propTypes = { GraphNodeInfo.propTypes = {
connected: PropTypes.bool,
datacenter: PropTypes.string, datacenter: PropTypes.string,
healthy: PropTypes.bool, healthy: PropTypes.bool,
instances: PropTypes.array, instances: PropTypes.array,
instanceStatuses: PropTypes.array, instanceStatuses: PropTypes.array,
pos: Point.isRequired pos: Point.isRequired,
isConsul: PropTypes.bool,
instancesActive: PropTypes.bool
}; };
export default Baseline(GraphNodeInfo); export default Baseline(GraphNodeInfo);

View File

@ -1,38 +1,50 @@
import styled from 'styled-components'; import styled from 'styled-components';
import is from 'styled-is'; import is, {isNot} from 'styled-is';
import typography from '../../typography'; import typography from '../../typography';
export const GraphLine = styled.line` export const GraphLine = styled.line`
stroke: ${props => props.theme.grey}; stroke: ${props => props.theme.secondaryActive};
stroke-width: 1.5; stroke-width: 1.5;
${is('connected')` ${is('consul')`
stroke: ${props => props.theme.secondaryActive}; stroke: ${props => props.theme.grey};
`};
${isNot('active')`
stroke: ${props => props.theme.grey};
`}; `};
`; `;
export const GraphNodeRect = styled.rect` export const GraphNodeRect = styled.rect`
stroke: ${props => props.theme.grey}; stroke: ${props => props.theme.secondaryActive};
fill: ${props => props.theme.white}; fill: ${props => props.theme.secondary};
stroke-width: 1.5; stroke-width: 1.5;
rx: 4; rx: 4;
ry: 4; ry: 4;
${is('connected')` ${is('consul')`
stroke: ${props => props.theme.secondaryActive}; stroke: ${props => props.theme.grey};
fill: ${props => props.theme.secondary}; fill: ${props => props.theme.white};
`}; `};
${isNot('active')`
stroke: ${props => props.theme.grey};
fill: ${props => props.theme.whiteActive};
`};
${is('connected')`
cursor: move; cursor: move;
`};
`; `;
export const GraphShadowRect = styled.rect` export const GraphShadowRect = styled.rect`
fill: ${props => props.theme.grey}; fill: ${props => props.theme.secondary};
opacity: 0.33; opacity: 0.33;
rx: 4; rx: 4;
ry: 4; ry: 4;
${is('connected')` ${is('consul')`
fill: ${props => props.theme.secondary}; fill: ${props => props.theme.grey};
`}; `};
`; `;
@ -40,13 +52,18 @@ export const GraphTitle = styled.text`
${typography.fontFamily}; ${typography.fontFamily};
${typography.normal}; ${typography.normal};
fill: ${props => props.theme.secondary}; fill: ${props => props.theme.white};
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
${is('connected')` ${is('consul')`
fill: ${props => props.theme.white}; fill: ${props => props.theme.secondary};
`}; `};
${isNot('active')`
fill: ${props => props.theme.secondary};
`};
cursor: pointer; cursor: pointer;
`; `;
@ -54,25 +71,33 @@ export const GraphSubtitle = styled.text`
${typography.fontFamily}; ${typography.fontFamily};
${typography.normal}; ${typography.normal};
fill: ${props => props.theme.secondary}; fill: ${props => props.theme.white};
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
${is('connected')` ${is('consul')`
fill: ${props => props.theme.white}; fill: ${props => props.theme.secondary};
`};
${isNot('active')`
fill: ${props => props.theme.secondary};
`}; `};
`; `;
export const GraphText = styled.text` export const GraphText = styled.text`
${typography.fontFamily}; ${typography.fontFamily};
${typography.normal}; ${typography.normal};
fill: ${props => props.theme.white};
fill: ${props => props.theme.secondary};
font-size: 12px; font-size: 12px;
opacity: 0.8; opacity: 0.8;
${is('connected')` ${is('consul')`
fill: ${props => props.theme.white}; fill: ${props => props.theme.secondary};
`};
${isNot('active')`
fill: ${props => props.theme.secondary};
`}; `};
`; `;
@ -86,10 +111,14 @@ export const GraphButtonRect = styled.rect`
`; `;
export const GraphButtonCircle = styled.circle` export const GraphButtonCircle = styled.circle`
fill: ${props => props.theme.secondary};
${is('connected')`
fill: ${props => props.theme.white}; fill: ${props => props.theme.white};
${is('consul')`
fill: ${props => props.theme.secondary};
`};
${isNot('active')`
fill: ${props => props.theme.secondary};
`}; `};
`; `;

View File

@ -5,14 +5,15 @@ import Constants from '../constants';
import { GraphTitle, GraphHealthyCircle } from './shapes'; import { GraphTitle, GraphHealthyCircle } from './shapes';
import HeartIcon from './icon-heart.svg'; import HeartIcon from './icon-heart.svg';
const GraphNodeTitle = ({ connected, data, onNodeTitleClick }) => const GraphNodeTitle = ({ data, onNodeTitleClick }) =>
<g> <g>
<GraphTitle <GraphTitle
x={Constants.paddingLeft} x={Constants.paddingLeft}
y={30} y={30}
connected={connected}
onClick={onNodeTitleClick} onClick={onNodeTitleClick}
onKeyDown={onNodeTitleClick} onKeyDown={onNodeTitleClick}
consul={data.isConsul}
active={data.instancesActive}
> >
{data.name} {data.name}
</GraphTitle> </GraphTitle>
@ -23,7 +24,6 @@ const GraphNodeTitle = ({ connected, data, onNodeTitleClick }) =>
</g>; </g>;
GraphNodeTitle.propTypes = { GraphNodeTitle.propTypes = {
connected: PropTypes.bool,
data: PropTypes.object.isRequired, data: PropTypes.object.isRequired,
onNodeTitleClick: PropTypes.func onNodeTitleClick: PropTypes.func
}; };

236
yarn.lock
View File

@ -220,8 +220,8 @@ anymatch@^1.3.0:
micromatch "^2.1.5" micromatch "^2.1.5"
apollo-client@^1.4.0: apollo-client@^1.4.0:
version "1.6.1" version "1.7.0"
resolved "https://registry.yarnpkg.com/apollo-client/-/apollo-client-1.6.1.tgz#1b82e02ae5082c5e43b09daffdeced5a56e7128f" resolved "https://registry.yarnpkg.com/apollo-client/-/apollo-client-1.7.0.tgz#3d6fdf6ead0a07d3e02d32d9191f26cbcfb6e4f6"
dependencies: dependencies:
graphql "^0.10.0" graphql "^0.10.0"
graphql-anywhere "^3.0.1" graphql-anywhere "^3.0.1"
@ -386,9 +386,9 @@ argparse@^1.0.7:
dependencies: dependencies:
sprintf-js "~1.0.2" sprintf-js "~1.0.2"
aria-query@^0.5.0: aria-query@^0.7.0:
version "0.5.0" version "0.7.0"
resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-0.5.0.tgz#85e3152cd8cc5bab18dbed61cd9c4fce54fa79c3" resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-0.7.0.tgz#4af10a1e61573ddea0cf3b99b51c52c05b424d24"
dependencies: dependencies:
ast-types-flow "0.0.7" ast-types-flow "0.0.7"
@ -497,10 +497,6 @@ ast-types@0.9.0:
version "0.9.0" version "0.9.0"
resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.9.0.tgz#c8721c8747ae4d5b29b929e99c5317b4e8745623" resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.9.0.tgz#c8721c8747ae4d5b29b929e99c5317b4e8745623"
ast-types@0.9.6:
version "0.9.6"
resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.9.6.tgz#102c9e9e9005d3e7e3829bf0c4fa24ee862ee9b9"
async-each@^1.0.0: async-each@^1.0.0:
version "1.0.1" version "1.0.1"
resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d" resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
@ -895,10 +891,10 @@ babel-plugin-istanbul@^4.1.4:
test-exclude "^4.1.1" test-exclude "^4.1.1"
babel-plugin-styled-components@^1.1.4: babel-plugin-styled-components@^1.1.4:
version "1.1.6" version "1.1.7"
resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.1.6.tgz#72ffdc1be310f0521af3b574bffedd730405cda9" resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.1.7.tgz#a92c239779cc80e7838b645c12865c61c4ca71ce"
dependencies: dependencies:
stylis "^3.0.19" stylis "^3.2.1"
babel-plugin-syntax-async-functions@^6.8.0: babel-plugin-syntax-async-functions@^6.8.0:
version "6.13.0" version "6.13.0"
@ -1208,7 +1204,7 @@ babel-polyfill@^6.23.0:
core-js "^2.4.0" core-js "^2.4.0"
regenerator-runtime "^0.10.0" regenerator-runtime "^0.10.0"
babel-preset-env@1.5.2, babel-preset-env@^1.5.2: babel-preset-env@1.5.2:
version "1.5.2" version "1.5.2"
resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.5.2.tgz#cd4ae90a6e94b709f97374b33e5f8b983556adef" resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.5.2.tgz#cd4ae90a6e94b709f97374b33e5f8b983556adef"
dependencies: dependencies:
@ -1243,6 +1239,41 @@ babel-preset-env@1.5.2, babel-preset-env@^1.5.2:
invariant "^2.2.2" invariant "^2.2.2"
semver "^5.3.0" semver "^5.3.0"
babel-preset-env@^1.5.2:
version "1.6.0"
resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.6.0.tgz#2de1c782a780a0a5d605d199c957596da43c44e4"
dependencies:
babel-plugin-check-es2015-constants "^6.22.0"
babel-plugin-syntax-trailing-function-commas "^6.22.0"
babel-plugin-transform-async-to-generator "^6.22.0"
babel-plugin-transform-es2015-arrow-functions "^6.22.0"
babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
babel-plugin-transform-es2015-block-scoping "^6.23.0"
babel-plugin-transform-es2015-classes "^6.23.0"
babel-plugin-transform-es2015-computed-properties "^6.22.0"
babel-plugin-transform-es2015-destructuring "^6.23.0"
babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
babel-plugin-transform-es2015-for-of "^6.23.0"
babel-plugin-transform-es2015-function-name "^6.22.0"
babel-plugin-transform-es2015-literals "^6.22.0"
babel-plugin-transform-es2015-modules-amd "^6.22.0"
babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
babel-plugin-transform-es2015-modules-umd "^6.23.0"
babel-plugin-transform-es2015-object-super "^6.22.0"
babel-plugin-transform-es2015-parameters "^6.23.0"
babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
babel-plugin-transform-es2015-spread "^6.22.0"
babel-plugin-transform-es2015-sticky-regex "^6.22.0"
babel-plugin-transform-es2015-template-literals "^6.22.0"
babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
babel-plugin-transform-es2015-unicode-regex "^6.22.0"
babel-plugin-transform-exponentiation-operator "^6.22.0"
babel-plugin-transform-regenerator "^6.22.0"
browserslist "^2.1.2"
invariant "^2.2.2"
semver "^5.3.0"
babel-preset-flow@^6.23.0: babel-preset-flow@^6.23.0:
version "6.23.0" version "6.23.0"
resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d" resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d"
@ -1731,12 +1762,12 @@ camelcase@^4.0.0, camelcase@^4.1.0:
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
caniuse-db@^1.0.30000187, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639: caniuse-db@^1.0.30000187, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
version "1.0.30000696" version "1.0.30000697"
resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000696.tgz#e71f5c61e1f96c7a3af4e791ac5db55e11737604" resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000697.tgz#20ce6a9ceeef4ef4a15dc8e80f2e8fb9049e8d77"
caniuse-lite@^1.0.30000684: caniuse-lite@^1.0.30000684:
version "1.0.30000696" version "1.0.30000697"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000696.tgz#30f2695d2a01a0dfd779a26ab83f4d134b3da5cc" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000697.tgz#125fb00604b63fbb188db96a667ce2922dcd6cdd"
capture-stack-trace@^1.0.0: capture-stack-trace@^1.0.0:
version "1.0.0" version "1.0.0"
@ -1984,12 +2015,12 @@ code@4.1.x, code@^4.1.0:
hoek "4.x.x" hoek "4.x.x"
codemirror@^5.18.2: codemirror@^5.18.2:
version "5.27.2" version "5.27.4"
resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.27.2.tgz#a292d42f079d5b98c68c3146fab99844f3d8776c" resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.27.4.tgz#0e817c839bfea9959dd16cd48ae14acc0e43c3b6"
coleman-liau@^1.0.0: coleman-liau@^1.0.0:
version "1.0.0" version "1.0.1"
resolved "https://registry.yarnpkg.com/coleman-liau/-/coleman-liau-1.0.0.tgz#de1f39901e164f49eff2a6ec88f3a9dbbb6686c1" resolved "https://registry.yarnpkg.com/coleman-liau/-/coleman-liau-1.0.1.tgz#43c89d57e74fc29ab3e463d110e7d5defd9cc019"
collapse-white-space@^1.0.2: collapse-white-space@^1.0.2:
version "1.0.3" version "1.0.3"
@ -2046,10 +2077,8 @@ command-join@^2.0.0:
resolved "https://registry.yarnpkg.com/command-join/-/command-join-2.0.0.tgz#52e8b984f4872d952ff1bdc8b98397d27c7144cf" resolved "https://registry.yarnpkg.com/command-join/-/command-join-2.0.0.tgz#52e8b984f4872d952ff1bdc8b98397d27c7144cf"
commander@2, commander@^2.7.1, commander@^2.8.1, commander@^2.9.0: commander@2, commander@^2.7.1, commander@^2.8.1, commander@^2.9.0:
version "2.10.0" version "2.11.0"
resolved "https://registry.yarnpkg.com/commander/-/commander-2.10.0.tgz#e1f5d3245de246d1a5ca04702fa1ad1bd7e405fe" resolved "https://registry.yarnpkg.com/commander/-/commander-2.11.0.tgz#157152fd1e7a6c8d98a5b715cf376df928004563"
dependencies:
graceful-readlink ">= 1.0.0"
common-path-prefix@^1.0.0: common-path-prefix@^1.0.0:
version "1.0.0" version "1.0.0"
@ -2774,8 +2803,8 @@ d@1:
es5-ext "^0.10.9" es5-ext "^0.10.9"
dale-chall-formula@^1.0.0: dale-chall-formula@^1.0.0:
version "1.0.0" version "1.0.1"
resolved "https://registry.yarnpkg.com/dale-chall-formula/-/dale-chall-formula-1.0.0.tgz#a00df0a1c161ce4bd9a30422e41e953103a4ecc9" resolved "https://registry.yarnpkg.com/dale-chall-formula/-/dale-chall-formula-1.0.1.tgz#de3a82d485c7ab7b64c2c9c046f7f3cb75e177fd"
dale-chall@^1.0.0: dale-chall@^1.0.0:
version "1.0.0" version "1.0.0"
@ -3107,8 +3136,8 @@ elliptic@^6.0.0:
minimalistic-crypto-utils "^1.0.0" minimalistic-crypto-utils "^1.0.0"
emoji-regex@^6.1.0: emoji-regex@^6.1.0:
version "6.4.2" version "6.4.3"
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.4.2.tgz#a30b6fee353d406d96cfb9fa765bdc82897eff6e" resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.4.3.tgz#6ac2ac58d4b78def5e39b33fcbf395688af3076c"
emojis-list@^2.0.0: emojis-list@^2.0.0:
version "2.1.0" version "2.1.0"
@ -3144,8 +3173,8 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
once "^1.4.0" once "^1.4.0"
enhanced-resolve@^3.0.0: enhanced-resolve@^3.0.0:
version "3.1.0" version "3.3.0"
resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.1.0.tgz#9f4b626f577245edcf4b2ad83d86e17f4f421dec" resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.3.0.tgz#950964ecc7f0332a42321b673b38dc8ff15535b3"
dependencies: dependencies:
graceful-fs "^4.1.2" graceful-fs "^4.1.2"
memory-fs "^0.4.0" memory-fs "^0.4.0"
@ -3267,8 +3296,8 @@ eslint-config-hapi@10.x.x:
resolved "https://registry.yarnpkg.com/eslint-config-hapi/-/eslint-config-hapi-10.0.0.tgz#9980affd76103ebc1fec92b45638345db19348f5" resolved "https://registry.yarnpkg.com/eslint-config-hapi/-/eslint-config-hapi-10.0.0.tgz#9980affd76103ebc1fec92b45638345db19348f5"
eslint-config-prettier@^2.2.0: eslint-config-prettier@^2.2.0:
version "2.2.0" version "2.3.0"
resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-2.2.0.tgz#ca47663852789a75c10feba673e802cc1eff085f" resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-2.3.0.tgz#b75b1eabea0c8b97b34403647ee25db349b9d8a0"
dependencies: dependencies:
get-stdin "^5.0.1" get-stdin "^5.0.1"
@ -3286,13 +3315,12 @@ eslint-config-xo@^0.18.0:
version "0.18.2" version "0.18.2"
resolved "https://registry.yarnpkg.com/eslint-config-xo/-/eslint-config-xo-0.18.2.tgz#0a157120875619929e735ffd6b185c41e8a187af" resolved "https://registry.yarnpkg.com/eslint-config-xo/-/eslint-config-xo-0.18.2.tgz#0a157120875619929e735ffd6b185c41e8a187af"
eslint-import-resolver-node@^0.2.0: eslint-import-resolver-node@^0.3.1:
version "0.2.3" version "0.3.1"
resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.2.3.tgz#5add8106e8c928db2cba232bcd9efa846e3da16c" resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.1.tgz#4422574cde66a9a7b099938ee4d508a199e0e3cc"
dependencies: dependencies:
debug "^2.2.0" debug "^2.6.8"
object-assign "^4.0.1" resolve "^1.2.0"
resolve "^1.1.6"
eslint-module-utils@^2.0.0: eslint-module-utils@^2.0.0:
version "2.1.1" version "2.1.1"
@ -3317,14 +3345,14 @@ eslint-plugin-hapi@4.x.x:
no-arrowception "1.x.x" no-arrowception "1.x.x"
eslint-plugin-import@^2.3.0: eslint-plugin-import@^2.3.0:
version "2.6.0" version "2.6.1"
resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.6.0.tgz#2a4bbad36a078e052a3c830ce3dfbd6b8a12c6e5" resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.6.1.tgz#f580be62bb809421d46e338372764afcc9f59bf6"
dependencies: dependencies:
builtin-modules "^1.1.1" builtin-modules "^1.1.1"
contains-path "^0.1.0" contains-path "^0.1.0"
debug "^2.6.8" debug "^2.6.8"
doctrine "1.5.0" doctrine "1.5.0"
eslint-import-resolver-node "^0.2.0" eslint-import-resolver-node "^0.3.1"
eslint-module-utils "^2.0.0" eslint-module-utils "^2.0.0"
has "^1.0.1" has "^1.0.1"
lodash.cond "^4.3.0" lodash.cond "^4.3.0"
@ -3332,10 +3360,10 @@ eslint-plugin-import@^2.3.0:
read-pkg-up "^2.0.0" read-pkg-up "^2.0.0"
eslint-plugin-jsx-a11y@^5.0.3: eslint-plugin-jsx-a11y@^5.0.3:
version "5.1.0" version "5.1.1"
resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-5.1.0.tgz#4a829634344e7a90391a9fb0fbd19810737d79c5" resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-5.1.1.tgz#5c96bb5186ca14e94db1095ff59b3e2bd94069b1"
dependencies: dependencies:
aria-query "^0.5.0" aria-query "^0.7.0"
array-includes "^3.0.3" array-includes "^3.0.3"
ast-types-flow "0.0.7" ast-types-flow "0.0.7"
axobject-query "^0.1.0" axobject-query "^0.1.0"
@ -3463,7 +3491,7 @@ esprima@^2.6.0, esprima@~2.7.1:
version "2.7.3" version "2.7.3"
resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581" resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
esprima@^3.1.1, esprima@~3.1.0: esprima@^3.1.1:
version "3.1.3" version "3.1.3"
resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633" resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
@ -3807,8 +3835,8 @@ flatten@^1.0.2:
resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782" resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
flesch@^1.0.0: flesch@^1.0.0:
version "1.0.0" version "1.0.1"
resolved "https://registry.yarnpkg.com/flesch/-/flesch-1.0.0.tgz#96bfaee5e208264ff63c4447c4f124b5d4361cd5" resolved "https://registry.yarnpkg.com/flesch/-/flesch-1.0.1.tgz#75253fdcb0786c2da13e87c10c8dd0eb468f7236"
fn-name@^2.0.0: fn-name@^2.0.0:
version "2.0.1" version "2.0.1"
@ -4178,8 +4206,8 @@ got@^6.7.1:
url-parse-lax "^1.0.0" url-parse-lax "^1.0.0"
got@^7.0.0: got@^7.0.0:
version "7.0.0" version "7.1.0"
resolved "https://registry.yarnpkg.com/got/-/got-7.0.0.tgz#82d439f6763cdb1c8821b7a3aae2784c88c3b8d3" resolved "https://registry.yarnpkg.com/got/-/got-7.1.0.tgz#05450fd84094e6bbea56f451a43a9c289166385a"
dependencies: dependencies:
decompress-response "^3.2.0" decompress-response "^3.2.0"
duplexer3 "^0.1.4" duplexer3 "^0.1.4"
@ -4189,20 +4217,17 @@ got@^7.0.0:
is-stream "^1.0.0" is-stream "^1.0.0"
isurl "^1.0.0-alpha5" isurl "^1.0.0-alpha5"
lowercase-keys "^1.0.0" lowercase-keys "^1.0.0"
p-cancelable "^0.2.0" p-cancelable "^0.3.0"
p-timeout "^1.1.1" p-timeout "^1.1.1"
safe-buffer "^5.0.1" safe-buffer "^5.0.1"
timed-out "^4.0.0" timed-out "^4.0.0"
url-parse-lax "^1.0.0" url-parse-lax "^1.0.0"
url-to-options "^1.0.1"
graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.4, graceful-fs@^4.1.6: graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.4, graceful-fs@^4.1.6:
version "4.1.11" version "4.1.11"
resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
"graceful-readlink@>= 1.0.0":
version "1.0.1"
resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
graphql-anywhere@^3.0.0, graphql-anywhere@^3.0.1: graphql-anywhere@^3.0.0, graphql-anywhere@^3.0.1:
version "3.1.0" version "3.1.0"
resolved "https://registry.yarnpkg.com/graphql-anywhere/-/graphql-anywhere-3.1.0.tgz#3ea0d8e8646b5cee68035016a9a7557c15c21e96" resolved "https://registry.yarnpkg.com/graphql-anywhere/-/graphql-anywhere-3.1.0.tgz#3ea0d8e8646b5cee68035016a9a7557c15c21e96"
@ -4317,15 +4342,15 @@ has-own-prop@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/has-own-prop/-/has-own-prop-1.0.0.tgz#7b5e04505ee55896ba32e5018098b481a2f8a0e5" resolved "https://registry.yarnpkg.com/has-own-prop/-/has-own-prop-1.0.0.tgz#7b5e04505ee55896ba32e5018098b481a2f8a0e5"
has-symbol-support-x@^1.2.0: has-symbol-support-x@^1.3.0:
version "1.2.0" version "1.3.0"
resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.2.0.tgz#e624ead5190c35b34e4e299344dff6437db02ce2" resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.3.0.tgz#588bd6927eaa0e296afae24160659167fc2be4f8"
has-to-string-tag-x@^1.2.0: has-to-string-tag-x@^1.2.0:
version "1.2.0" version "1.3.0"
resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.2.0.tgz#c536dc4dbbebe1be9d28f624fd320f793129fd53" resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.3.0.tgz#78e3d98c3c0ec9413e970eb8d766249a1e13058f"
dependencies: dependencies:
has-symbol-support-x "^1.2.0" has-symbol-support-x "^1.3.0"
has-unicode@^2.0.0: has-unicode@^2.0.0:
version "2.0.1" version "2.0.1"
@ -4348,8 +4373,8 @@ hash-base@^2.0.0:
inherits "^2.0.1" inherits "^2.0.1"
hash.js@^1.0.0, hash.js@^1.0.3: hash.js@^1.0.0, hash.js@^1.0.3:
version "1.1.2" version "1.1.3"
resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.2.tgz#bf5c887825cfe40b9efde7bf11bd2db26e6bf01b" resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.3.tgz#340dedbe6290187151c1ea1d777a3448935df846"
dependencies: dependencies:
inherits "^2.0.3" inherits "^2.0.3"
minimalistic-assert "^1.0.0" minimalistic-assert "^1.0.0"
@ -4633,8 +4658,8 @@ iron@4.x.x:
hoek "4.x.x" hoek "4.x.x"
irregular-plurals@^1.0.0: irregular-plurals@^1.0.0:
version "1.2.0" version "1.3.0"
resolved "https://registry.yarnpkg.com/irregular-plurals/-/irregular-plurals-1.2.0.tgz#38f299834ba8c00c30be9c554e137269752ff3ac" resolved "https://registry.yarnpkg.com/irregular-plurals/-/irregular-plurals-1.3.0.tgz#7af06931bdf74be33dcf585a13e06fccc16caecf"
is-absolute@^0.1.7: is-absolute@^0.1.7:
version "0.1.7" version "0.1.7"
@ -4945,8 +4970,8 @@ isobject@^2.0.0:
isarray "1.0.0" isarray "1.0.0"
isobject@^3.0.0: isobject@^3.0.0:
version "3.0.0" version "3.0.1"
resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.0.tgz#39565217f3661789e8a0a0c080d5f7e6bc46e1a0" resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
isomorphic-fetch@^2.1.1: isomorphic-fetch@^2.1.1:
version "2.2.1" version "2.2.1"
@ -5011,8 +5036,8 @@ istanbul-reports@^1.1.1:
handlebars "^4.0.3" handlebars "^4.0.3"
isurl@^1.0.0-alpha5: isurl@^1.0.0-alpha5:
version "1.0.0-alpha6" version "1.0.0"
resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0-alpha6.tgz#9df0b8477866aa425d046be8fbb429e64b5b8915" resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0.tgz#b27f4f49f3cdaa3ea44a0a5b7f3462e6edc39d67"
dependencies: dependencies:
has-to-string-tag-x "^1.2.0" has-to-string-tag-x "^1.2.0"
is-object "^1.0.1" is-object "^1.0.1"
@ -5714,6 +5739,10 @@ lodash.isequal@^4.1.1, lodash.isequal@^4.4.0, lodash.isequal@^4.5.0:
version "4.5.0" version "4.5.0"
resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0" resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
lodash.isequalwith@^4.4.0:
version "4.4.0"
resolved "https://registry.yarnpkg.com/lodash.isequalwith/-/lodash.isequalwith-4.4.0.tgz#266726ddd528f854f21f4ea98a065606e0fbc6b0"
lodash.isfinite@^3.3.2: lodash.isfinite@^3.3.2:
version "3.3.2" version "3.3.2"
resolved "https://registry.yarnpkg.com/lodash.isfinite/-/lodash.isfinite-3.3.2.tgz#fb89b65a9a80281833f0b7478b3a5104f898ebb3" resolved "https://registry.yarnpkg.com/lodash.isfinite/-/lodash.isfinite-3.3.2.tgz#fb89b65a9a80281833f0b7478b3a5104f898ebb3"
@ -6568,9 +6597,9 @@ output-file-sync@^1.1.0:
mkdirp "^0.5.1" mkdirp "^0.5.1"
object-assign "^4.1.0" object-assign "^4.1.0"
p-cancelable@^0.2.0: p-cancelable@^0.3.0:
version "0.2.0" version "0.3.0"
resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.2.0.tgz#3152f4f30be7606b60ebfe8bb93b3fdf69085e46" resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.3.0.tgz#b9e123800bcebb7ac13a479be195b507b98d30fa"
p-finally@^1.0.0: p-finally@^1.0.0:
version "1.0.0" version "1.0.0"
@ -6587,8 +6616,10 @@ p-locate@^2.0.0:
p-limit "^1.1.0" p-limit "^1.1.0"
p-timeout@^1.1.1: p-timeout@^1.1.1:
version "1.1.1" version "1.2.0"
resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-1.1.1.tgz#d28e9fdf96e328886fbff078f886ad158c53bf6d" resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-1.2.0.tgz#9820f99434c5817868b4f34809ee5291660d5b6c"
dependencies:
p-finally "^1.0.0"
package-hash@^1.2.0: package-hash@^1.2.0:
version "1.2.0" version "1.2.0"
@ -7001,8 +7032,8 @@ pretty-ms@^2.0.0:
plur "^1.0.0" plur "^1.0.0"
primer-support@*: primer-support@*:
version "4.0.5" version "4.0.6"
resolved "https://registry.yarnpkg.com/primer-support/-/primer-support-4.0.5.tgz#f2177c8eda81ba658a7fc39525016f5c245684d3" resolved "https://registry.yarnpkg.com/primer-support/-/primer-support-4.0.6.tgz#80f3bf1ceb63fda1cf2fdbcea09b632c812e1d54"
primer-utilities@^3.0.0: primer-utilities@^3.0.0:
version "3.5.0" version "3.5.0"
@ -7419,15 +7450,15 @@ read@1.0.7:
mute-stream "~0.0.4" mute-stream "~0.0.4"
"readable-stream@>= 1.0.2", readable-stream@^2, readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.4, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.2.6: "readable-stream@>= 1.0.2", readable-stream@^2, readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.4, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.2.6:
version "2.3.2" version "2.3.3"
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.2.tgz#5a04df05e4f57fe3f0dc68fdd11dc5c97c7e6f4d" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.3.tgz#368f2512d79f9d46fdfc71349ae7878bbc1eb95c"
dependencies: dependencies:
core-util-is "~1.0.0" core-util-is "~1.0.0"
inherits "~2.0.3" inherits "~2.0.3"
isarray "~1.0.0" isarray "~1.0.0"
process-nextick-args "~1.0.6" process-nextick-args "~1.0.6"
safe-buffer "~5.1.0" safe-buffer "~5.1.1"
string_decoder "~1.0.0" string_decoder "~1.0.3"
util-deprecate "~1.0.1" util-deprecate "~1.0.1"
"readable-stream@>=1.0.33-1 <1.1.0-0", readable-stream@~1.0.26-4: "readable-stream@>=1.0.33-1 <1.1.0-0", readable-stream@~1.0.26-4:
@ -7491,7 +7522,7 @@ readline2@^1.0.1:
is-fullwidth-code-point "^1.0.0" is-fullwidth-code-point "^1.0.0"
mute-stream "0.0.5" mute-stream "0.0.5"
recast@0.11.12: recast@0.11.12, recast@^0.11.5:
version "0.11.12" version "0.11.12"
resolved "https://registry.yarnpkg.com/recast/-/recast-0.11.12.tgz#a79e4d3f82d5d72a82ee177aeaa791e793bbe5d6" resolved "https://registry.yarnpkg.com/recast/-/recast-0.11.12.tgz#a79e4d3f82d5d72a82ee177aeaa791e793bbe5d6"
dependencies: dependencies:
@ -7500,15 +7531,6 @@ recast@0.11.12:
private "~0.1.5" private "~0.1.5"
source-map "~0.5.0" source-map "~0.5.0"
recast@^0.11.5:
version "0.11.23"
resolved "https://registry.yarnpkg.com/recast/-/recast-0.11.23.tgz#451fd3004ab1e4df9b4e4b66376b2a21912462d3"
dependencies:
ast-types "0.9.6"
esprima "~3.1.0"
private "~0.1.5"
source-map "~0.5.0"
rechoir@^0.6.2: rechoir@^0.6.2:
version "0.6.2" version "0.6.2"
resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384" resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@ -7549,8 +7571,8 @@ reduce-reducers@^0.1.0:
resolved "https://registry.yarnpkg.com/reduce-reducers/-/reduce-reducers-0.1.2.tgz#fa1b4718bc5292a71ddd1e5d839c9bea9770f14b" resolved "https://registry.yarnpkg.com/reduce-reducers/-/reduce-reducers-0.1.2.tgz#fa1b4718bc5292a71ddd1e5d839c9bea9770f14b"
redux-actions@^2.0.3: redux-actions@^2.0.3:
version "2.0.3" version "2.2.1"
resolved "https://registry.yarnpkg.com/redux-actions/-/redux-actions-2.0.3.tgz#1550aba9def179166ccd234d07672104a736d889" resolved "https://registry.yarnpkg.com/redux-actions/-/redux-actions-2.2.1.tgz#d64186b25649a13c05478547d7cd7537b892410d"
dependencies: dependencies:
invariant "^2.2.1" invariant "^2.2.1"
lodash "^4.13.1" lodash "^4.13.1"
@ -7820,7 +7842,7 @@ resolve-url@~0.2.1:
version "0.2.1" version "0.2.1"
resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a" resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
resolve@^1.1.6, resolve@^1.1.7: resolve@^1.1.6, resolve@^1.1.7, resolve@^1.2.0:
version "1.3.3" version "1.3.3"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.3.3.tgz#655907c3469a8680dc2de3a275a8fdd69691f0e5" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.3.3.tgz#655907c3469a8680dc2de3a275a8fdd69691f0e5"
dependencies: dependencies:
@ -8045,7 +8067,7 @@ rx-lite@^3.1.2:
version "3.1.2" version "3.1.2"
resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102" resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102"
safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.1.0: safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
version "5.1.1" version "5.1.1"
resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
@ -8319,8 +8341,8 @@ spdx-license-ids@^1.0.2:
resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57" resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57"
specificity@^0.3.0: specificity@^0.3.0:
version "0.3.0" version "0.3.1"
resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.3.0.tgz#332472d4e5eb5af20821171933998a6bc3b1ce6f" resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.3.1.tgz#f1b068424ce317ae07478d95de3c21cf85e8d567"
split-ca@^1.0.0: split-ca@^1.0.0:
version "1.0.1" version "1.0.1"
@ -8491,7 +8513,7 @@ string_decoder@^0.10.25, string_decoder@~0.10.x:
version "0.10.31" version "0.10.31"
resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
string_decoder@~1.0.0: string_decoder@~1.0.3:
version "1.0.3" version "1.0.3"
resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
dependencies: dependencies:
@ -8581,8 +8603,8 @@ style-search@^0.1.0:
resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902" resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
styled-components@^2.1.0: styled-components@^2.1.0:
version "2.1.0" version "2.1.1"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.1.0.tgz#425805fca7efa5880aad2171f986bfd8a2f0808f" resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.1.1.tgz#7e9b5bc319ee3963b47aebb74f4658119ea9d484"
dependencies: dependencies:
buffer "^5.0.3" buffer "^5.0.3"
css-to-react-native "^2.0.3" css-to-react-native "^2.0.3"
@ -8591,7 +8613,7 @@ styled-components@^2.1.0:
is-function "^1.0.1" is-function "^1.0.1"
is-plain-object "^2.0.1" is-plain-object "^2.0.1"
prop-types "^15.5.4" prop-types "^15.5.4"
stylis "^3.0.19" stylis "^3.2.1"
supports-color "^3.2.3" supports-color "^3.2.3"
styled-is@^1.0.11: styled-is@^1.0.11:
@ -8700,9 +8722,9 @@ stylelint@^7.0.0, stylelint@^7.0.3, stylelint@^7.11.1:
svg-tags "^1.0.0" svg-tags "^1.0.0"
table "^4.0.1" table "^4.0.1"
stylis@^3.0.19: stylis@^3.2.1:
version "3.1.9" version "3.2.2"
resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.1.9.tgz#638370451f980437f57c59e58d2e296be29fafb7" resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.2.2.tgz#9be4b4e18d9969a7cee9d4439e24437e5bb7a764"
subtext@4.x.x: subtext@4.x.x:
version "4.4.1" version "4.4.1"
@ -9121,8 +9143,8 @@ triton-watch@^1.1.0:
triton "5.2.x" triton "5.2.x"
triton@5.2.x, triton@^5.2.0: triton@5.2.x, triton@^5.2.0:
version "5.2.0" version "5.2.1"
resolved "https://registry.yarnpkg.com/triton/-/triton-5.2.0.tgz#16ce8cb155c37785b6818e403f5cf83934921d41" resolved "https://registry.yarnpkg.com/triton/-/triton-5.2.1.tgz#5e950ca68a5aaf18d766f02bc87c5da2663c71cb"
dependencies: dependencies:
assert-plus "0.2.0" assert-plus "0.2.0"
backoff "2.4.1" backoff "2.4.1"
@ -9353,6 +9375,10 @@ url-parse-lax@^1.0.0:
dependencies: dependencies:
prepend-http "^1.0.1" prepend-http "^1.0.1"
url-to-options@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/url-to-options/-/url-to-options-1.0.1.tgz#1505a03a289a48cbd7a434efbaeec5055f5633a9"
url@^0.11.0: url@^0.11.0:
version "0.11.0" version "0.11.0"
resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1" resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"