Sap App Dev Automation Entities
Application Frontend Service
- Preview
- Usage
- Definition

import { ApplicationFrontendService } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<ApplicationFrontendService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_FRONTEND_SERVICE } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_FRONTEND_SERVICE)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=Application_Frontend_Service',
},
_original_width: 50,
_original_height: 50,
}
Business Application Studio
- Preview
- Usage
- Definition

import { BusinessApplicationStudio } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<BusinessApplicationStudio/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_APPLICATION_STUDIO } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, BUSINESS_APPLICATION_STUDIO)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=Business_Application_Studio',
},
_original_width: 50,
_original_height: 50,
}
Extensibility Services for SAP BTP
- Preview
- Usage
- Definition

import { ExtensibilityServicesForSapBtp } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<ExtensibilityServicesForSapBtp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTENSIBILITY_SERVICES_FOR_SAP_BTP } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, EXTENSIBILITY_SERVICES_FOR_SAP_BTP)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=Extensibility_Service',
},
_original_width: 50,
_original_height: 50,
}
HTML5_App_Repository
- Preview
- Usage
- Definition

import { Html5AppRepository } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Html5AppRepository/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HTML5_APP_REPOSITORY } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, HTML5_APP_REPOSITORY)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=HTML5_App_Repository',
},
_original_width: 50,
_original_height: 50,
}
SAP BTP, ABAP environment
- Preview
- Usage
- Definition

import { SapBtpAbapEnvironment } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBtpAbapEnvironment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BTP_ABAP_ENVIRONMENT } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BTP_ABAP_ENVIRONMENT)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_BTP,_ABAP_environment',
},
_original_width: 50,
_original_height: 50,
}
SAP Build
- Preview
- Usage
- Definition

import { SapBuild } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBuild/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BUILD } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BUILD)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Build',
},
_original_width: 50,
_original_height: 50,
}
SAP Build Apps
- Preview
- Usage
- Definition

import { SapBuildApps } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBuildApps/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BUILD_APPS } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BUILD_APPS)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Build_Apps',
},
_original_width: 50,
_original_height: 50,
}
SAP Build Code
- Preview
- Usage
- Definition

import { SapBuildCode } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBuildCode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BUILD_CODE } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BUILD_CODE)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Build_Code',
},
_original_width: 50,
_original_height: 50,
}
SAP Build Process Automation
- Preview
- Usage
- Definition

import { SapBuildProcessAutomation } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBuildProcessAutomation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BUILD_PROCESS_AUTOMATION } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BUILD_PROCESS_AUTOMATION)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Build_Process_Automation',
},
_original_width: 50,
_original_height: 50,
}
SAP Build Work Zone - Advanced Edition
- Preview
- Usage
- Definition

import { SapBuildWorkZoneAdvancedEdition } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBuildWorkZoneAdvancedEdition/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BUILD_WORK_ZONE_ADVANCED_EDITION } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BUILD_WORK_ZONE_ADVANCED_EDITION)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Build_Work_Zone_-_Advanced_Edition',
},
_original_width: 50,
_original_height: 50,
}
SAP Build Work Zone - Standard Edition
- Preview
- Usage
- Definition

import { SapBuildWorkZoneStandardEdition } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapBuildWorkZoneStandardEdition/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_BUILD_WORK_ZONE_STANDARD_EDITION } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_BUILD_WORK_ZONE_STANDARD_EDITION)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Build_Work_Zone_-_Standard_Edition',
},
_original_width: 50,
_original_height: 50,
}
SAP Cloud Application Programming Model
- Preview
- Usage
- Definition

import { SapCloudApplicationProgrammingModel } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapCloudApplicationProgrammingModel/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_CLOUD_APPLICATION_PROGRAMMING_MODEL } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_CLOUD_APPLICATION_PROGRAMMING_MODEL)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Cloud_Application_Programming_Model',
},
_original_width: 50,
_original_height: 50,
}
SAP Mobile Services
- Preview
- Usage
- Definition

import { SapMobileServices } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapMobileServices/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_MOBILE_SERVICES } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_MOBILE_SERVICES)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Mobile_Services',
},
_original_width: 50,
_original_height: 50,
}
SAP Task Center
- Preview
- Usage
- Definition

import { SapTaskCenter } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<SapTaskCenter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAP_TASK_CENTER } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, SAP_TASK_CENTER)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=SAP_Task_Center',
},
_original_width: 50,
_original_height: 50,
}
UI Theme Designer
- Preview
- Usage
- Definition

import { UiThemeDesigner } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<UiThemeDesigner/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UI_THEME_DESIGNER } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, UI_THEME_DESIGNER)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=UI_Theme_Designer',
},
_original_width: 50,
_original_height: 50,
}
UI5 flexibility for key users
- Preview
- Usage
- Definition

import { Ui5FlexibilityForKeyUsers } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Ui5FlexibilityForKeyUsers/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UI5_FLEXIBILITY_FOR_KEY_USERS } from '@dinghy/diagrams/entitiesSapAppDevAutomation'
<Shape
{...props}
_style={extendStyle(props, UI5_FLEXIBILITY_FOR_KEY_USERS)}
/>
{
_style: {
entity: 'shape=mxgraph.sap.icon;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;strokeWidth=1;strokeColor=#D5DADD;fillColor=#EDEFF0;gradientColor=#FCFCFC;gradientDirection=west;aspect=fixed;SAPIcon=UI5_flexibility_for_key_users',
},
_original_width: 50,
_original_height: 50,
}