Sap Annotations and Interfaces Entities

Authenticate

Preview

Usage

import { Authenticate } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Authenticate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTHENTICATE } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#188918;fillColor=#f5fae5;fontColor=#266f3a;strokeWidth=1.5;',
  },
  _width: 125,
  _height: 16,
}

Authenticate 2

Preview

Usage

import { Authenticate2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Authenticate2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTHENTICATE_2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#178b1b;strokeWidth=1.5;',
  },
  _width: 1,
  _height: 16,
}

Authenticate 3

Preview

Usage

import { Authenticate3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Authenticate3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTHENTICATE_3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#178b1b;strokeWidth=1.5;exitX=1.015;exitY=0.505;exitDx=0;exitDy=0;exitPerimeter=0;endFill=1;endSize=4;startSize=4;',
  },
  _width: 2,
  _height: 16,
}

Authorize

Preview

Usage

import { Authorize } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Authorize/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTHORIZE } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#470bed;fillColor=#f1edff;fontColor=#266f3a;strokeWidth=1.5;',
  },
  _width: 125,
  _height: 16,
}

Authorize 2

Preview

Usage

import { Authorize2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Authorize2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTHORIZE_2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#470bed;strokeWidth=1.5;',
  },
  _width: 1,
  _height: 16,
}

Authorize 3

Preview

Usage

import { Authorize3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Authorize3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTHORIZE_3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#470bed;strokeWidth=1.5;exitX=1.015;exitY=0.505;exitDx=0;exitDy=0;exitPerimeter=0;endFill=1;endSize=4;startSize=4;',
  },
  _width: 2,
  _height: 16,
}

Generic Protocol

Preview

Usage

import { GenericProtocol } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<GenericProtocol/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_PROTOCOL } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#475f75;fillColor=#f5f6f7;fontColor=#266f3a;strokeWidth=1.5;',
  },
  _width: 125,
  _height: 16,
}

Generic Protocol 2

Preview

Usage

import { GenericProtocol2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<GenericProtocol2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_PROTOCOL_2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#475f75;strokeWidth=1.5;',
  },
  _width: 1,
  _height: 16,
}

Generic Protocol 3

Preview

Usage

import { GenericProtocol3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<GenericProtocol3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_PROTOCOL_3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#475f75;strokeWidth=1.5;exitX=1.015;exitY=0.505;exitDx=0;exitDy=0;exitPerimeter=0;endFill=1;endSize=4;startSize=4;',
  },
  _width: 2,
  _height: 16,
}

Interface

Preview

Usage

import { Interface } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Interface/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERFACE } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#0070f3;fillColor=default;strokeWidth=1.5;',
  },
  _width: 57,
  _height: 16,
}

Interface 2

Preview

Usage

import { Interface2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Interface2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERFACE_2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#475f75;fillColor=default;strokeWidth=1.5;',
  },
  _width: 57,
  _height: 16,
}

Protocol

Preview

Usage

import { Protocol } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Protocol/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOCOL } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#0070F2;fillColor=#EBF8FF;fontColor=#266f3a;strokeWidth=1.5;',
  },
  _width: 125,
  _height: 16,
}

Protocol 2

Preview

Usage

import { Protocol2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Protocol2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOCOL_2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#0070F2;strokeWidth=1.5;',
  },
  _width: 1,
  _height: 16,
}

Protocol 3

Preview

Usage

import { Protocol3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Protocol3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOCOL_3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#0070F2;strokeWidth=1.5;exitX=1.015;exitY=0.505;exitDx=0;exitDy=0;exitPerimeter=0;endFill=1;endSize=4;startSize=4;',
  },
  _width: 2,
  _height: 16,
}

Protocol 4

Preview

Usage

import { Protocol4 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Protocol4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOCOL_4 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#07838f;fillColor=#dafdf5;fontColor=#266f3a;strokeWidth=1.5;',
  },
  _width: 125,
  _height: 16,
}

Protocol 5

Preview

Usage

import { Protocol5 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Protocol5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOCOL_5 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#07838f;strokeWidth=1.5;',
  },
  _width: 1,
  _height: 16,
}

Protocol 6

Preview

Usage

import { Protocol6 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Protocol6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOCOL_6 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#07838f;strokeWidth=1.5;exitX=1.015;exitY=0.505;exitDx=0;exitDy=0;exitPerimeter=0;endFill=1;endSize=4;startSize=4;',
  },
  _width: 2,
  _height: 16,
}

Trust

Preview

Usage

import { Trust } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Trust/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRUST } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=#CC00DC;fillColor=#fff0fa;fontColor=#266f3a;strokeWidth=1.5;',
  },
  _width: 125,
  _height: 16,
}

Trust 2

Preview

Usage

import { Trust2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Trust2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRUST_2 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#cc00dc;strokeWidth=1.5;',
  },
  _width: 1,
  _height: 16,
}

Trust 3

Preview

Usage

import { Trust3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

<Trust3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRUST_3 } from '@dinghy/diagrams/entitiesSapAnnotationsAndInterfaces'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#cc00dc;strokeWidth=1.5;exitX=1.015;exitY=0.505;exitDx=0;exitDy=0;exitPerimeter=0;endFill=1;endSize=4;startSize=4;',
  },
  _width: 2,
  _height: 16,
}