feat: implement script component (editor)

Related to #1102

packages/form-js-editor/src/render/components/editor-form-fields/EditorJSFunctionField.js

@@ -0,0 +1,30 @@
+import { JSFunctionField, iconsByType } from '@bpmn-io/form-js-viewer';
+import { editorFormFieldClasses } from '../Util';
+
+const type = 'script';
+
+export function EditorJSFunctionField(props) {
+  const { field } = props;
+  const { jsFunction = '' } = field;
+
+  const Icon = iconsByType(type);
+
+  let placeholderContent = 'JS function is empty';
+
+  if (jsFunction.trim()) {
+    placeholderContent = 'JS function';
+  }
+
+  return (
+    <div class={ editorFormFieldClasses(type) }>
+      <div class="fjs-form-field-placeholder">
+        <Icon viewBox="0 0 54 54" />{placeholderContent}
+      </div>
+    </div>
+  );
+}
+
+EditorJSFunctionField.config = {
+  ...JSFunctionField.config,
+  escapeGridRender: false
+};

packages/form-js-editor/src/render/components/editor-form-fields/index.js

@@ -3,11 +3,13 @@ import { EditorText } from './EditorText';
 import { EditorHtml } from './EditorHtml';
 import { EditorTable } from './EditorTable';
 import { EditorExpressionField } from './EditorExpressionField';
+import { EditorJSFunctionField } from './EditorJSFunctionField';
 
 export const editorFormFields = [
   EditorIFrame,
   EditorText,
   EditorHtml,
   EditorTable,
-  EditorExpressionField
+  EditorExpressionField,
+  EditorJSFunctionField
 ];