feat: implement variable suggestions for literal expression

Closes #785
bpmn-io · Oct 12, 2023 · cb3e5f9 · cb3e5f9
1 parent 63841af
commit cb3e5f9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/packages/dmn-js-literal-expression/src/Editor.js b/packages/dmn-js-literal-expression/src/Editor.js
@@ -1,3 +1,5 @@
+import { DmnVariableResolverModule } from '@bpmn-io/dmn-variable-resolver';
+
 import ExpressionLanguagesModule from 'dmn-js-shared/lib/features/expression-languages';
 import DataTypesModule from 'dmn-js-shared/lib/features/data-types';
 
@@ -26,7 +28,8 @@ export default class Editor extends Viewer {
       ModelingModule,
       ExpressionLanguagesModule,
       DataTypesModule,
-      TextareaEditorComponent
+      TextareaEditorComponent,
+      DmnVariableResolverModule
     ];
   }
 }
diff --git a/...ges/dmn-js-literal-expression/src/features/textarea/components/TextareaEditorComponent.js b/...ges/dmn-js-literal-expression/src/features/textarea/components/TextareaEditorComponent.js
@@ -12,6 +12,7 @@ export default class TextareaEditorComponent extends Component {
 
     this._viewer = context.injector.get('viewer');
     this._expressionLanguages = context.injector.get('expressionLanguages');
+    this._variableResolver = context.injector.get('variableResolver', false);
 
     this.editLiteralExpressionText = this.editLiteralExpressionText.bind(this);
     this.onElementsChanged = this.onElementsChanged.bind(this);
@@ -49,17 +50,26 @@ export default class TextareaEditorComponent extends Component {
       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 (
       <Editor
         className="textarea editor"
         value={ text }
-        onChange={ this.editLiteralExpressionText } />
+        onChange={ this.editLiteralExpressionText }
+        variables={ variables } />
     );
   }
 }
@@ -70,6 +80,7 @@ class FeelEditor extends Component {
       className={ this.props.className }
       value={ this.props.value }
       onInput={ this.props.onChange }
+      variables={ this.props.variables }
     />;
   }
 }