Aws18 Application Integration Entities

Amazon MQ

Preview

Usage

import { AmazonMq } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<AmazonMq/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_MQ } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.mq;',
  },
  _width: 80,
  _height: 100,
}

Amazon SNS

Preview

Usage

import { AmazonSns } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<AmazonSns/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_SNS } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.sns;',
  },
  _width: 80,
  _height: 100,
}

Amazon SQS

Preview

Usage

import { AmazonSqs } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<AmazonSqs/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_SQS } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.sqs;',
  },
  _width: 80,
  _height: 100,
}

AWS AppSync

Preview

Usage

import { AwsAppsync } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<AwsAppsync/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_APPSYNC } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.appsync;',
  },
  _width: 80,
  _height: 100,
}

AWS Step Functions

Preview

Usage

import { AwsStepFunctions } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<AwsStepFunctions/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_STEP_FUNCTIONS } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.step_functions;',
  },
  _width: 80,
  _height: 110,
}

Email

notification

Preview

Usage

import { EmailNotification } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<EmailNotification/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL_NOTIFICATION } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.email_notification;',
  },
  _original_width: 60,
  _original_height: 60,

}

HTTP

notification

Preview

Usage

import { HttpNotification } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<HttpNotification/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HTTP_NOTIFICATION } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.http_notification;',
  },
  _original_width: 60,
  _original_height: 60,

}

Message

Preview

Usage

import { Message } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<Message/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.message;',
  },
  _original_width: 60,
  _original_height: 60,

}

Queue

Preview

Usage

import { Queue } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<Queue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { QUEUE } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.queue;',
  },
  _original_width: 60,
  _original_height: 60,

}

Topic

Preview

Usage

import { Topic } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

<Topic/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TOPIC } from '@dinghy/diagrams/entitiesAws18ApplicationIntegration'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.topic;',
  },
  _original_width: 60,
  _original_height: 60,

}