Gcp2 Zones Entities

colo / dc / on-premises

Preview

Usage

import { ColoDcOnPremises } from '@dinghy/diagrams/entitiesGcp2Zones'

<ColoDcOnPremises/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLO_DC_ON_PREMISES } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#EFEBE9;',
  },
  _width: 120,
  _height: 200,
}

External Data Sources

Preview

Usage

import { ExternalDataSources } from '@dinghy/diagrams/entitiesGcp2Zones'

<ExternalDataSources/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_DATA_SOURCES } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#FFF8E1;',
  },
  _width: 120,
  _height: 70,
}

External Infrastructure 1st party

Preview

Usage

import { ExternalInfrastructure1stParty } from '@dinghy/diagrams/entitiesGcp2Zones'

<ExternalInfrastructure1stParty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_INFRASTRUCTURE_1ST_PARTY } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#E1F5FE;',
  },
  _width: 120,
  _height: 75,
}

External Infrastructure 3rd party

Preview

Usage

import { ExternalInfrastructure3rdParty } from '@dinghy/diagrams/entitiesGcp2Zones'

<ExternalInfrastructure3rdParty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_INFRASTRUCTURE_3RD_PARTY } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#E0F2F1;',
  },
  _width: 120,
  _height: 75,
}

External SaaS Providers

Preview

Usage

import { ExternalSaasProviders } from '@dinghy/diagrams/entitiesGcp2Zones'

<ExternalSaasProviders/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_SAAS_PROVIDERS } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#FFEBEE;',
  },
  _width: 120,
  _height: 70,
}

Infrastructure System

Preview

Usage

import { InfrastructureSystem } from '@dinghy/diagrams/entitiesGcp2Zones'

<InfrastructureSystem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFRASTRUCTURE_SYSTEM } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#F3E5F5;',
  },
  _width: 120,
  _height: 150,
}

Markers

Preview

Usage

import { Markers } from '@dinghy/diagrams/entitiesGcp2Zones'

<Markers/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MARKERS } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'shape=ellipse;perimeter=ellipsePerimeter;fillColor=#ffffff;strokeColor=#BDBDBD;strokeWidth=2;shadow=0;gradientColor=none;fontColor=#757575;align=center;html=1;fontStyle=1;spacingTop=-1;',
  },
  _width: 0,
  _height: 50,
}

Markers 2

Preview

Usage

import { Markers2 } from '@dinghy/diagrams/entitiesGcp2Zones'

<Markers2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MARKERS_2 } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'strokeColor=none;fillColor=none;fontColor=#757575;align=left;html=1;fontStyle=0;fontSize=11;',
  },
  _width: 7,
  _height: 50,
}

Markers 3

Preview

Usage

import { Markers3 } from '@dinghy/diagrams/entitiesGcp2Zones'

<Markers3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MARKERS_3 } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'fillColor=#ffffff;strokeColor=#BDBDBD;strokeWidth=1;shadow=0;gradientColor=none;',
  },
  _width: 0,
  _height: 70,
}

Note

Preview

Usage

import { Note } from '@dinghy/diagrams/entitiesGcp2Zones'

<Note/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NOTE } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'strokeColor=none;shadow=0;gradientColor=none;fontSize=11;align=left;spacing=10;fontColor=#;9E9E9E;verticalAlign=top;spacingTop=100;whiteSpace=wrap;html=1;fillColor=#ffffff;',
  },
  _width: 300,
  _height: 350,
}

Project Zone

Preview

Usage

import { ProjectZone } from '@dinghy/diagrams/entitiesGcp2Zones'

<ProjectZone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROJECT_ZONE } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'fillColor=#F6F6F6;strokeColor=none;shadow=0;gradientColor=none;fontSize=14;align=left;spacing=10;fontColor=#717171;9E9E9E;verticalAlign=top;spacingTop=-4;fontStyle=0;spacingLeft=40;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 350,
}

Project Zone / Cloud Service Provider

Preview

Usage

import { ProjectZoneCloudServiceProvider } from '@dinghy/diagrams/entitiesGcp2Zones'

<ProjectZoneCloudServiceProvider/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROJECT_ZONE_CLOUD_SERVICE_PROVIDER } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'shape=rect;strokeColor=none;strokeWidth=2;shadow=0;gradientColor=none;fontColor=#757575;align=left;html=1;fontStyle=0;spacingTop=3;fillColor=#F6F6F6;verticalAlign=top;fontSize=10;spacingLeft=10;spacing=0;',
  },
  _width: 530,
  _height: 490,
}

System 1

Preview

Usage

import { System1 } from '@dinghy/diagrams/entitiesGcp2Zones'

<System1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SYSTEM_1 } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#F1F8E9;',
  },
  _width: 120,
  _height: 70,
}

Title bar

Preview

Usage

import { TitleBar } from '@dinghy/diagrams/entitiesGcp2Zones'

<TitleBar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TITLE_BAR } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'fillColor=#4DA1F5;strokeColor=none;shadow=1;gradientColor=none;fontSize=14;align=left;spacingLeft=50;fontColor=#ffffff;whiteSpace=wrap;html=1;',
  },
  _width: 1000,
  _height: 40,
}

User 1 (Default)

Preview

Usage

import { User1Default } from '@dinghy/diagrams/entitiesGcp2Zones'

<User1Default/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_1_DEFAULT } from '@dinghy/diagrams/entitiesGcp2Zones'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#ffffff;',
  },
  _width: 120,
  _height: 70,
}