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,