Eip Message Construction Entities

Command Message

Preview

Usage

import { CommandMessage } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<CommandMessage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMAND_MESSAGE } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, COMMAND_MESSAGE)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;exitX=0;exitY=0.5;endArrow=none;dashed=0;html=1;strokeColor=#808080;strokeWidth=2;',
  },
  _width: 0,
  _height: 30,
}

Command Message 2

Preview

Usage

import { CommandMessage2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<CommandMessage2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMAND_MESSAGE_2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, COMMAND_MESSAGE_2)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=ellipse;fillColor=#808080;strokeColor=none;',
  },
  _width: 1,
  _height: 30,
}

Command Message 3

Preview

Usage

import { CommandMessage3 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<CommandMessage3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMAND_MESSAGE_3 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, COMMAND_MESSAGE_3)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FF8080;fontStyle=1;whiteSpace=wrap;html=1;',
  },
  _width: 2,
  _height: 30,
}

Correlation Identifier

Preview

Usage

import { CorrelationIdentifier } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<CorrelationIdentifier/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CORRELATION_IDENTIFIER } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, CORRELATION_IDENTIFIER)}
  />

Definition

{
  _style: {
    entity: 'endArrow=block;html=1;endFill=1;strokeWidth=2;strokeColor=#FF9238;rounded=0;',
  },
  _width: 2,
  _height: 30,
}

Correlation Identifier 2

Preview

Usage

import { CorrelationIdentifier2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<CorrelationIdentifier2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CORRELATION_IDENTIFIER_2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, CORRELATION_IDENTIFIER_2)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FF9238;strokeColor=#000000;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;html=1;',
  },
  _width: 4,
  _height: 30,
}

Document Message

Preview

Usage

import { DocumentMessage } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<DocumentMessage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_MESSAGE } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, DOCUMENT_MESSAGE)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#C7A0FF;fontStyle=1;whiteSpace=wrap;html=1;',
  },
  _width: 2,
  _height: 30,
}

Event Message

Preview

Usage

import { EventMessage } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<EventMessage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVENT_MESSAGE } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, EVENT_MESSAGE)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#83BEFF;fontStyle=1;whiteSpace=wrap;html=1;',
  },
  _width: 2,
  _height: 30,
}

Filter

Preview

Usage

import { Filter } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Filter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FILTER } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, FILTER)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#c0f5a9;verticalLabelPosition=bottom;verticalAlign=top;html=1;',
  },
  _width: 150,
  _height: 90,
}

Message Expiration

Preview

Usage

import { MessageExpiration } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<MessageExpiration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_EXPIRATION } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, MESSAGE_EXPIRATION)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=3;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.messExp;html=1;verticalLabelPosition=bottom;verticalAlign=top',
  },
  _original_width: 48,
  _original_height: 48,

}

Message Sequence

Preview

Usage

import { MessageSequence } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<MessageSequence/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_SEQUENCE } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, MESSAGE_SEQUENCE)}
  />

Definition

{
  _style: {
    entity: 'curved=1;endArrow=block;html=1;strokeColor=#1CCF00;strokeWidth=2;endSize=3;rounded=0;',
  },
  _width: 60,
  _height: 24,
}

Message Sequence 2

Preview

Usage

import { MessageSequence2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<MessageSequence2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_SEQUENCE_2 } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, MESSAGE_SEQUENCE_2)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#80FF6C;strokeColor=#000000;fontStyle=1;whiteSpace=wrap;html=1;',
  },
  _width: 2,
  _height: 24,
}

Return Address

Preview

Usage

import { ReturnAddress } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<ReturnAddress/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RETURN_ADDRESS } from '@dinghy/diagrams/entitiesEipMessageConstruction'

<Shape 
  {...props}
  _style={extendStyle(props, RETURN_ADDRESS)}
  />

Definition

{
  _style: {
    entity: 'strokeWidth=3;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.retAddr;html=1;verticalLabelPosition=bottom;fillColor=#FFE040;verticalAlign=top;',
  },
  _width: 78,
  _height: 48,
}