BPMN 2.0 Tasks Containers

Ad Hoc, Collapsed

Preview

Usage

import { AdHocCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<AdHocCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AD_HOC_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isAdHoc=1;isLoopSub=1;',
    },
}

Ad Hoc, Expanded

Preview

Usage

import { AdHocExpanded } from '@dinghy/diagrams/containersBpmn2Tasks'

<AdHocExpanded/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AD_HOC_EXPANDED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isAdHoc=1;',
    },
}

Business Rule

Preview

Usage

import { BusinessRule } from '@dinghy/diagrams/containersBpmn2Tasks'

<BusinessRule/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_RULE } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=businessRule;',
    },
}

Business Rule Call Activity

Preview

Usage

import { BusinessRuleCallActivity } from '@dinghy/diagrams/containersBpmn2Tasks'

<BusinessRuleCallActivity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_RULE_CALL_ACTIVITY } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;taskMarker=businessRule;',
    },
}

Call Activity

Preview

Usage

import { CallActivity } from '@dinghy/diagrams/containersBpmn2Tasks'

<CallActivity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALL_ACTIVITY } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;',
    },
}

Call Activity, Collapsed

Preview

Usage

import { CallActivityCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<CallActivityCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALL_ACTIVITY_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;isLoopSub=1;',
    },
}

Call Activity, Expanded

Preview

Usage

import { CallActivityExpanded } from '@dinghy/diagrams/containersBpmn2Tasks'

<CallActivityExpanded/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALL_ACTIVITY_EXPANDED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;verticalAlign=top;align=left;spacingLeft=5;',
    },
}

Compensation

Preview

Usage

import { Compensation } from '@dinghy/diagrams/containersBpmn2Tasks'

<Compensation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopComp=1;',
    },
}

Compensation 2

Preview

Usage

import { Compensation2 } from '@dinghy/diagrams/containersBpmn2Tasks'

<Compensation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION_2 } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopSub=1;isLoopComp=1;',
    },
}

Compensation-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { CompensationEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<CompensationEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=compensation;',
    },
}

Conditional-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { ConditionalEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<ConditionalEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=conditional;',
    },
}

Conditional-Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { ConditionalEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<ConditionalEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=conditional;',
    },
}

Error-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { ErrorEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<ErrorEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=error;',
    },
}

Escalation-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { EscalationEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<EscalationEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=escalation;',
    },
}

Escalation-Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { EscalationEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<EscalationEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=escalation;',
    },
}

Generic Task

Preview

Usage

import { GenericTask } from '@dinghy/diagrams/containersBpmn2Tasks'

<GenericTask/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_TASK } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;',
    },
}

Loop and Compensation

Preview

Usage

import { LoopAndCompensation } from '@dinghy/diagrams/containersBpmn2Tasks'

<LoopAndCompensation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOOP_AND_COMPENSATION } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopComp=1;isLoopStandard=1;',
    },
}

Loop and Compensation 2

Preview

Usage

import { LoopAndCompensation2 } from '@dinghy/diagrams/containersBpmn2Tasks'

<LoopAndCompensation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOOP_AND_COMPENSATION_2 } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopComp=1;isLoopStandard=1;isLoopSub=1;',
    },
}

Manual

Preview

Usage

import { Manual } from '@dinghy/diagrams/containersBpmn2Tasks'

<Manual/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANUAL } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=manual;',
    },
}

Manual Call Activity

Preview

Usage

import { ManualCallActivity } from '@dinghy/diagrams/containersBpmn2Tasks'

<ManualCallActivity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANUAL_CALL_ACTIVITY } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;taskMarker=manual;',
    },
}

Message-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { MessageEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<MessageEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=message;',
    },
}

Message-Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { MessageEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<MessageEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=message;',
    },
}

Multi-Instance, Parallel

Preview

Usage

import { MultiInstanceParallel } from '@dinghy/diagrams/containersBpmn2Tasks'

<MultiInstanceParallel/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTI_INSTANCE_PARALLEL } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopMultiParallel=1;',
    },
}

Multi-Instance, Parallel 2

Preview

Usage

import { MultiInstanceParallel2 } from '@dinghy/diagrams/containersBpmn2Tasks'

<MultiInstanceParallel2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTI_INSTANCE_PARALLEL_2 } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopSub=1;isLoopMultiParallel=1;',
    },
}

Multi-Instance, Sequential

Preview

Usage

import { MultiInstanceSequential } from '@dinghy/diagrams/containersBpmn2Tasks'

<MultiInstanceSequential/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTI_INSTANCE_SEQUENTIAL } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopMultiSeq=1;',
    },
}

Multi-Instance, Sequential 2

Preview

Usage

import { MultiInstanceSequential2 } from '@dinghy/diagrams/containersBpmn2Tasks'

<MultiInstanceSequential2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTI_INSTANCE_SEQUENTIAL_2 } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopSub=1;isLoopMultiSeq=1;',
    },
}

Multiple-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { MultipleEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<MultipleEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=multiple;',
    },
}

Multiple-Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { MultipleEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<MultipleEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=multiple;',
    },
}

Parallel Multiple Event Sub-Process, Interrupting , Collapsed

Preview

Usage

import { ParallelMultipleEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<ParallelMultipleEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=parallelMultiple;',
    },
}

Parallel Multiple Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { ParallelMultipleEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<ParallelMultipleEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=parallelMultiple;',
    },
}

Receive

Preview

Usage

import { Receive } from '@dinghy/diagrams/containersBpmn2Tasks'

<Receive/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RECEIVE } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=receive;',
    },
}

Script

Preview

Usage

import { Script } from '@dinghy/diagrams/containersBpmn2Tasks'

<Script/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCRIPT } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=script;',
    },
}

Script Call Activity

Preview

Usage

import { ScriptCallActivity } from '@dinghy/diagrams/containersBpmn2Tasks'

<ScriptCallActivity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCRIPT_CALL_ACTIVITY } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;taskMarker=script;',
    },
}

Send

Preview

Usage

import { Send } from '@dinghy/diagrams/containersBpmn2Tasks'

<Send/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SEND } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=send;',
    },
}

Service

Preview

Usage

import { Service } from '@dinghy/diagrams/containersBpmn2Tasks'

<Service/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=service;',
    },
}

Signal-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { SignalEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<SignalEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=signal;',
    },
}

Signal-Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { SignalEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<SignalEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=signal;',
    },
}

Standard Loop

Preview

Usage

import { StandardLoop } from '@dinghy/diagrams/containersBpmn2Tasks'

<StandardLoop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STANDARD_LOOP } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopStandard=1;',
    },
}

Standard Loop 2

Preview

Usage

import { StandardLoop2 } from '@dinghy/diagrams/containersBpmn2Tasks'

<StandardLoop2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STANDARD_LOOP_2 } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopStandard=1;isLoopSub=1;',
    },
}

Sub-Process, Collapsed

Preview

Usage

import { SubProcessCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<SubProcessCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUB_PROCESS_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;isLoopSub=1;',
    },
}

Timer-Event Sub-Process, Interrupting, Collapsed

Preview

Usage

import { TimerEventSubProcessInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<TimerEventSubProcessInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TIMER_EVENT_SUB_PROCESS_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventInt;symbol=timer;',
    },
}

Timer-Event Sub-Process, Non-interrupting, Collapsed

Preview

Usage

import { TimerEventSubProcessNonInterruptingCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<TimerEventSubProcessNonInterruptingCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TIMER_EVENT_SUB_PROCESS_NON_INTERRUPTING_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=subprocess;isLoopSub=1;outline=eventNonint;symbol=timer;',
    },
}

Transaction, Collapsed

Preview

Usage

import { TransactionCollapsed } from '@dinghy/diagrams/containersBpmn2Tasks'

<TransactionCollapsed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRANSACTION_COLLAPSED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=transaction;isLoopSub=1;',
    },
}

Transaction, Expanded

Preview

Usage

import { TransactionExpanded } from '@dinghy/diagrams/containersBpmn2Tasks'

<TransactionExpanded/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRANSACTION_EXPANDED } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=abstract;bpmnShapeType=transaction;',
    },
}

User

Preview

Usage

import { User } from '@dinghy/diagrams/containersBpmn2Tasks'

<User/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;taskMarker=user;',
    },
}

User Call Activity

Preview

Usage

import { UserCallActivity } from '@dinghy/diagrams/containersBpmn2Tasks'

<UserCallActivity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_CALL_ACTIVITY } from '@dinghy/diagrams/containersBpmn2Tasks'

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

Definition

{
  _style: {
    container: 'points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shape=mxgraph.bpmn.task2;whiteSpace=wrap;rectStyle=rounded;size=10;html=1;container=1;expand=0;collapsible=0;bpmnShapeType=call;taskMarker=user;',
    },
}