dmn-js-literal-expression/lib/features/textarea/components/TextareaEditorComponent.js

A literal expression view for dmn-js

import { createVNode, createComponentVNode } from "inferno";
import { Component } from 'inferno';
import EditableComponent from 'dmn-js-shared/lib/components/EditableComponent';
import LiteralExpression from 'dmn-js-shared/lib/components/LiteralExpression';
export default class TextareaEditorComponent extends Component {
  constructor(props, context) {
    super(props, context);
    this._modeling = context.injector.get('modeling');
    this._viewer = context.injector.get('viewer');
    this._expressionLanguages = context.injector.get('expressionLanguages');
    this._variableResolver = context.injector.get('variableResolver', false);
    this._translate = context.injector.get('translate');
    this.editLiteralExpressionText = this.editLiteralExpressionText.bind(this);
    this.onElementsChanged = this.onElementsChanged.bind(this);

    // there is only one single element
    const {
      id
    } = this.getLiteralExpression();
    context.changeSupport.onElementsChanged(id, this.onElementsChanged);
  }
  getLiteralExpression() {
    return this._viewer.getDecision().decisionLogic;
  }
  onElementsChanged() {
    this.forceUpdate();
  }
  editLiteralExpressionText(text) {
    this._modeling.editLiteralExpressionText(text);
  }
  getEditor() {
    return this.isFeel() ? FeelEditor : Editor;
  }
  isFeel() {
    return this.getExpressionLanguage() === 'feel';
  }
  getExpressionLanguage() {
    const businessObject = this.getLiteralExpression();
    return businessObject.expressionLanguage || this._expressionLanguages.getDefault().value;
  }
  _getVariables() {
    const businessObject = this.getLiteralExpression();
    return this._variableResolver && this._variableResolver.getVariables(businessObject);
  }
  render() {
    // there is only one single element
    const {
      text
    } = this.getLiteralExpression();
    const Editor = this.getEditor();
    const variables = this._getVariables();
    return createComponentVNode(2, Editor, {
      "label": this._translate('Literal expression editor'),
      "className": "textarea editor",
      "value": text,
      "onChange": this.editLiteralExpressionText,
      "variables": variables
    });
  }
}
class FeelEditor extends Component {
  render() {
    return createComponentVNode(2, LiteralExpression, {
      "label": this.props.label,
      "className": this.props.className,
      "value": this.props.value,
      "onInput": this.props.onChange,
      "variables": this.props.variables
    });
  }
}
class Editor extends EditableComponent {
  render() {
    return createVNode(1, "div", this.getClassName(), this.getEditor(), 0);
  }
}
//# sourceMappingURL=TextareaEditorComponent.js.map