diff --git a/packages/form-js-editor/src/features/properties-panel/entries/InputKeyValuesSourceEntry.js b/packages/form-js-editor/src/features/properties-panel/entries/InputKeyValuesSourceEntry.js
index 3685deb0d..0bd3ba9a9 100644
--- a/packages/form-js-editor/src/features/properties-panel/entries/InputKeyValuesSourceEntry.js
+++ b/packages/form-js-editor/src/features/properties-panel/entries/InputKeyValuesSourceEntry.js
@@ -11,20 +11,10 @@ export default function InputKeyValuesSourceEntry(props) {
id
} = props;
- const schema = '[\n {\n "label": "dollar",\n "value": "$"\n }\n]';
-
- const description =
- Define which input property to populate the values from.
-
The input property may be an array of simple values or alternatively follow this schema:
-
{schema}
-
;
-
return [
{
id: id + '-key',
component: InputValuesKey,
- label: 'Input values key',
- description,
isEdited: isTextFieldEntryEdited,
editField,
field,
@@ -36,15 +26,20 @@ function InputValuesKey(props) {
const {
editField,
field,
- id,
- label,
- description
+ id
} = props;
const debounce = useService('debounce');
const path = VALUES_SOURCES_PATHS[VALUES_SOURCES.INPUT];
+ const schema = '[\n {\n "label": "dollar",\n "value": "$"\n }\n]';
+
+ const tooltip =
+ The input property may be an array of simple values or alternatively follow this schema:
+
{schema}
+
;
+
const getValue = () => get(field, path, '');
const setValue = (value, error) => {
@@ -69,11 +64,12 @@ function InputValuesKey(props) {
return TextFieldEntry({
debounce,
- description,
+ description: 'Define which input property to populate the values from',
+ tooltip,
element: field,
getValue,
id,
- label,
+ label: 'Input values key',
setValue,
validate
});
diff --git a/packages/form-js-editor/src/features/properties-panel/entries/ValuesExpressionEntry.js b/packages/form-js-editor/src/features/properties-panel/entries/ValuesExpressionEntry.js
index 786118e01..c5b1a4972 100644
--- a/packages/form-js-editor/src/features/properties-panel/entries/ValuesExpressionEntry.js
+++ b/packages/form-js-editor/src/features/properties-panel/entries/ValuesExpressionEntry.js
@@ -15,7 +15,6 @@ export default function ValuesExpressionEntry(props) {
{
id: id + '-expression',
component: ValuesExpression,
- label: 'Values expression',
isEdited: isFeelEntryEdited,
editField,
field
@@ -38,9 +37,8 @@ function ValuesExpression(props) {
const schema = '[\n {\n "label": "dollar",\n "value": "$"\n }\n]';
- const description =
- Define an expression to populate the options from.
-
The expression may result in an array of simple values or alternatively follow this schema:
+ const tooltip =
+ The expression may result in an array of simple values or alternatively follow this schema:
{schema}
;
@@ -50,7 +48,8 @@ function ValuesExpression(props) {
return FeelEntry({
debounce,
- description,
+ description: 'Define an expression to populate the options from.',
+ tooltip,
element: field,
feel: 'required',
getValue,