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 39 | 207x 207x 207x 207x 20x 20x 40x 20x 20x 20x | /*
* 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 * as React from 'react'
import type { DiagramEngine } from '@projectstorm/react-diagrams-core'
import type { EmptyNodeModel } from './EmptyNodeModel'
import { DefaultPortLabel } from '../../port/DefaultPortLabelWidget'
import type { DefaultPortModel } from '../../port/DefaultPortModel'
import css from './EmptyNode.module.scss'
export interface EmptyNodeWidgetProps {
node: EmptyNodeModel
engine: DiagramEngine
}
export function EmptyNodeWidget(props: EmptyNodeWidgetProps): React.ReactElement {
const options = props.node.getOptions()
const generatePort = (port: DefaultPortModel): JSX.Element => {
return <DefaultPortLabel engine={props.engine} port={port} key={port.getID()} />
}
return (
<div className={css.emptyNode}>
<div style={{ visibility: options.showPorts && !options.hideInPort ? 'visible' : 'hidden' }} className={css.port}>
{props.node.getInPorts().map(port => generatePort(port))}
</div>
<div
style={{ visibility: options.showPorts && !options.hideOutPort ? 'visible' : 'hidden' }}
className={css.port}
>
{props.node.getOutPorts().map(port => generatePort(port))}
</div>
</div>
)
}
|