Sap Default Connectors Entities

Default firewall

Preview

Usage

import { DefaultFirewall } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<DefaultFirewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_FIREWALL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=0;endSize=3;strokeWidth=3;',
  },
  _width: 120,
  _height: 0,
}

Direct bidirectional

Preview

Usage

import { DirectBidirectional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<DirectBidirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_BIDIRECTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Direct elbow

Preview

Usage

import { DirectElbow } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<DirectElbow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_ELBOW } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#475E75;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Direct one-directional

Preview

Usage

import { DirectOneDirectional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<DirectOneDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_ONE_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Indirect bidirectional

Preview

Usage

import { IndirectBidirectional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<IndirectBidirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDIRECT_BIDIRECTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Indirect elbow

Preview

Usage

import { IndirectElbow } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<IndirectElbow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDIRECT_ELBOW } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#475E75;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Indirect one-directional

Preview

Usage

import { IndirectOneDirectional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<IndirectOneDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDIRECT_ONE_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Optional bidirectional

Preview

Usage

import { OptionalBidirectional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<OptionalBidirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL_BIDIRECTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Optional elbow

Preview

Usage

import { OptionalElbow } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<OptionalElbow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL_ELBOW } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#475E75;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Optional one-directional

Preview

Usage

import { OptionalOneDirectional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<OptionalOneDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL_ONE_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Plain direct

Preview

Usage

import { PlainDirect } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<PlainDirect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAIN_DIRECT } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Plain indirect

Preview

Usage

import { PlainIndirect } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<PlainIndirect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAIN_INDIRECT } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Plain optional

Preview

Usage

import { PlainOptional } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

<PlainOptional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAIN_OPTIONAL } from '@dinghy/diagrams/entitiesSapDefaultConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}