diff --git a/src/components/shared/wizard/RenderField.tsx b/src/components/shared/wizard/RenderField.tsx index 05c1f2b439..d02545f4e2 100644 --- a/src/components/shared/wizard/RenderField.tsx +++ b/src/components/shared/wizard/RenderField.tsx @@ -33,9 +33,9 @@ const RenderField = ({ const handleKeyDown = (event, type) => { const { key } = event; // keys pressable for leaving edit mode - const keys = ["Escape", "Enter"]; + const keys = ["Escape", "Tab", "Enter"]; - if ((type !== "textarea" || type !== "select") && keys.indexOf(key) > -1) { + if (type !== "textarea" && keys.indexOf(key) > -1) { setEditMode(false); } }; @@ -209,7 +209,7 @@ const EditableDateValue = ({ /> ) : ( -
setEditMode(true)} className="show-edit" tabIndex={0}> +
setEditMode(true)} className="show-edit"> @@ -263,13 +263,13 @@ const EditableSingleSelect = ({ // @ts-expect-error TS(7006): Parameter 'element' implicitly has an 'any' type. handleChange={(element) => setFieldValue(field.name, element.value)} placeholder={`-- ${t("SELECT_NO_OPTION_SELECTED")} --`} - tabIndex={-1} + tabIndex={10} autoFocus={true} defaultOpen={true} />
) : ( -
setEditMode(true)} className="show-edit" tabIndex={0}> +
setEditMode(true)} className="show-edit"> {text || t("SELECT_NO_OPTION_SELECTED")} @@ -317,7 +317,7 @@ const EditableSingleValueTextArea = ({ />
) : ( -
setEditMode(true)} className="show-edit" tabIndex={0}> +
setEditMode(true)} className="show-edit"> {text || ""}
@@ -359,7 +359,7 @@ const EditableSingleValue = ({
) : ( -
setEditMode(true)} className="show-edit" tabIndex={0}> +
setEditMode(true)} className="show-edit"> {text || ""}
@@ -417,7 +417,7 @@ const EditableSingleValueTime = ({ />
) : ( -
setEditMode(true)} className="show-edit" tabIndex={0}> +
setEditMode(true)} className="show-edit"> {t("dateFormats.dateTime.short", { dateTime: new Date(text) }) || ""} diff --git a/src/components/shared/wizard/RenderMultiField.tsx b/src/components/shared/wizard/RenderMultiField.tsx index b7cf2ae617..be0d4955b9 100644 --- a/src/components/shared/wizard/RenderMultiField.tsx +++ b/src/components/shared/wizard/RenderMultiField.tsx @@ -91,7 +91,6 @@ const RenderMultiField = ({ collection={fieldInfo.collection} field={field} fieldValue={fieldValue} - setEditMode={setEditMode} inputValue={inputValue} removeItem={removeItem} handleChange={handleChange} @@ -125,8 +124,6 @@ const RenderMultiField = ({ // Renders multi select const EditMultiSelect = ({ -// @ts-expect-error TS(7031): Binding element 'setEditMode' implicitly has an 'a... Remove this comment to see the full error message - setEditMode, // @ts-expect-error TS(7031): Binding element 'collection' implicitly has an 'an... Remove this comment to see the full error message collection, // @ts-expect-error TS(7031): Binding element 'handleKeyDown' implicitly has an ... Remove this comment to see the full error message @@ -159,7 +156,7 @@ const EditMultiSelect = ({ return ( <> -
setEditMode(false)} ref={childRef}> +
{ return ( -
setEditMode(true)} className="show-edit" tabIndex={0}> +
setEditMode(true)} className="show-edit"> {field.value instanceof Array && field.value.length !== 0 ? (
    {/* @ts-expect-error TS(7006): Parameter 'item' implicitly has an 'any' type. */}