Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | 208x 208x 208x 208x 208x 208x 474x 474x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
import React from 'react'
import { DiagramEngine, PortWidget } from '@projectstorm/react-diagrams-core'
import { Button } from '@wings-software/uicore'
import cx from 'classnames'
import type { DefaultPortModel } from './DefaultPortModel'
import css from './DefaultPort.module.scss'
export interface DefaultPortLabelProps {
port: DefaultPortModel
engine: DiagramEngine
className?: string
}
export function DefaultPortLabel(props: DefaultPortLabelProps): JSX.Element {
const { port, engine, className = '' } = props
return (
<div
className={cx(
css.port,
{ [css.portIn]: port.getOptions().in },
{ [css.portOut]: !port.getOptions().in },
className
)}
>
<PortWidget engine={engine} port={port}>
<Button intent="primary" className={css.portBtn} minimal icon="circle" iconProps={{ size: 8 }} />
</PortWidget>
</div>
)
}
|