dmn-js-decision-table/lib/features/type-ref/components/TypeRefCellContextMenu.js

A decision table view for dmn-js

import { createVNode, createComponentVNode, createTextVNode } from "inferno";
import { Component } from 'inferno';
import { is, isInput, isOutput } from 'dmn-js-shared/lib/util/ModelUtil';
import InputSelect from 'dmn-js-shared/lib/components/InputSelect';
export default class TypeRefCellContextMenu extends Component {
  constructor(props, context) {
    super(props);
    this._translate = context.injector.get('translate');
    this._modeling = context.injector.get('modeling');
    this._dataTypes = context.injector.get('dataTypes');
  }
  onTypeChange = value => {
    const element = this.getElement();
    const actualElement = is(element, 'dmn:LiteralExpression') ? element.$parent : element;
    let newProperties;
    if (isInput(actualElement)) {
      newProperties = {
        inputExpression: {
          typeRef: value
        }
      };
    } else if (isOutput(actualElement)) {
      newProperties = {
        typeRef: value
      };
    }
    this._modeling.updateProperties(actualElement, newProperties);
  };
  getElement() {
    return this.props.context.input || this.props.context.output;
  }
  render() {
    const element = this.getElement();
    const typeRef = (is(element, 'dmn:InputClause') ? element.inputExpression : element).typeRef;
    const typeRefOptions = this._dataTypes.getAll().map(t => {
      return {
        label: this._translate(t),
        value: t
      };
    });
    const label = this._translate('Type');
    return createVNode(1, "div", "type-ref-edit context-menu-container", createVNode(1, "div", "dms-form-control", [createVNode(1, "label", "dms-label", [label, createTextVNode(":")], 0), createComponentVNode(2, InputSelect, {
      "className": "type-ref-edit-select",
      "label": label,
      "onChange": this.onTypeChange,
      "options": typeRefOptions,
      "value": typeRef
    })], 4), 2);
  }
}
//# sourceMappingURL=TypeRefCellContextMenu.js.map