@elementor/editor-variables 3.35.0-441 → 3.35.0-442

package/dist/index.mjs

@@ -1215,7 +1215,8 @@ var LabelField = ({
   focusOnShow = false,
   selectOnShow = false,
   showWarningInfotip = false,
-  variables
+  variables,
+  onKeyDown
 }) => {
   const [label, setLabel] = useState4(value);
   const [errorMessage, setErrorMessage] = useState4("");
@@ -1245,7 +1246,8 @@ var LabelField = ({
       inputProps: {
         maxLength: VARIABLE_LABEL_MAX_LENGTH,
         ...selectOnShow && { onFocus: (e) => e.target.select() },
-        "aria-label": "Name"
+        "aria-label": "Name",
+        onKeyDown
       },
       autoFocus: focusOnShow
     }
@@ -2165,6 +2167,12 @@ var VariableCreation = ({ onGoBack, onClose }) => {
     return !!errorMessage;
   };
   const isSubmitDisabled = hasEmptyFields() || hasErrors();
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" && !isSubmitDisabled) {
+      event.preventDefault();
+      handleCreateAndTrack();
+    }
+  };
   return /* @__PURE__ */ React15.createElement(PopoverBody, { height: "auto" }, /* @__PURE__ */ React15.createElement(
     PopoverHeader,
     {
@@ -2195,7 +2203,8 @@ var VariableCreation = ({ onGoBack, onClose }) => {
             value: label,
             message: errorMsg
           });
-        }
+        },
+        onKeyDown: handleKeyDown
       }
     )
   ), ValueField && /* @__PURE__ */ React15.createElement(FormField, { errorMsg: valueFieldError, label: __10("Value", "elementor") }, /* @__PURE__ */ React15.createElement(Typography6, { variant: "h5", id: "variable-value-wrapper" }, /* @__PURE__ */ React15.createElement(
@@ -2209,7 +2218,8 @@ var VariableCreation = ({ onGoBack, onClose }) => {
         setValueFieldError("");
       },
       onValidationChange: setValueFieldError,
-      propType
+      propType,
+      onKeyDown: handleKeyDown
     }
   ))), errorMessage && /* @__PURE__ */ React15.createElement(FormHelperText2, { error: true }, errorMessage)), /* @__PURE__ */ React15.createElement(CardActions, { sx: { pt: 0.5, pb: 1 } }, /* @__PURE__ */ React15.createElement(
     Button3,
@@ -2385,6 +2395,12 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
     return !!errorMessage;
   };
   const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" && !isSubmitDisabled) {
+      event.preventDefault();
+      handleUpdate();
+    }
+  };
   return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(PopoverBody2, { height: "auto" }, /* @__PURE__ */ React17.createElement(
     PopoverHeader2,
     {
@@ -2424,7 +2440,8 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
             value: label,
             message: errorMsg
           });
-        }
+        },
+        onKeyDown: handleKeyDown
       }
     )
   ), ValueField && /* @__PURE__ */ React17.createElement(FormField, { errorMsg: valueFieldError, label: __12("Value", "elementor") }, /* @__PURE__ */ React17.createElement(Typography8, { variant: "h5" }, /* @__PURE__ */ React17.createElement(
@@ -2438,6 +2455,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
         setErrorMessage("");
         setValueFieldError("");
       },
+      onKeyDown: handleKeyDown,
       onValidationChange: setValueFieldError,
       propType
     }
@@ -2944,6 +2962,12 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
     return !!errorMessage;
   };
   const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" && !isSubmitDisabled) {
+      event.preventDefault();
+      handleRestore();
+    }
+  };
   return /* @__PURE__ */ React23.createElement(PopoverContentRefContextProvider, null, /* @__PURE__ */ React23.createElement(PopoverBody4, { height: "auto" }, /* @__PURE__ */ React23.createElement(
     PopoverHeader4,
     {
@@ -2974,7 +2998,8 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
             value: label,
             message: errorMsg
           });
-        }
+        },
+        onKeyDown: handleKeyDown
       }
     )
   ), ValueField && /* @__PURE__ */ React23.createElement(FormField, { errorMsg: valueFieldError, label: __16("Value", "elementor") }, /* @__PURE__ */ React23.createElement(Typography11, { variant: "h5" }, /* @__PURE__ */ React23.createElement(
@@ -2989,7 +3014,8 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
         setValueFieldError("");
       },
       onValidationChange: setValueFieldError,
-      propType
+      propType,
+      onKeyDown: handleKeyDown
     }
   ))), errorMessage && /* @__PURE__ */ React23.createElement(FormHelperText4, { error: true }, errorMessage)), /* @__PURE__ */ React23.createElement(CardActions3, { sx: { pt: 0.5, pb: 1 } }, /* @__PURE__ */ React23.createElement(Button6, { size: "small", variant: "contained", disabled: isSubmitDisabled, onClick: handleRestore }, __16("Restore", "elementor")))));
 };