@elementor/editor-components 4.0.0-541 → 4.0.0-543

package/dist/index.mjs

@@ -445,7 +445,7 @@ function useNavigateBack() {
 }
 
 // src/utils/tracking.ts
-import { getMixpanel } from "@elementor/mixpanel";
+import { getMixpanel } from "@elementor/events";
 import { __getState as getState2 } from "@elementor/store";
 var FEATURE_NAME = "Components";
 var trackComponentEvent = ({ action, source, ...data }) => {
@@ -3001,7 +3001,7 @@ import * as React19 from "react";
 import { useEffect as useEffect2, useMemo as useMemo3, useRef as useRef5, useState as useState8 } from "react";
 import { getElementLabel } from "@elementor/editor-elements";
 import { notify as notify3 } from "@elementor/editor-notifications";
-import { Form as FormElement, ThemeProvider as ThemeProvider3 } from "@elementor/editor-ui";
+import { Form as FormElement, ThemeProvider as ThemeProvider3, useTextFieldAutoSelect } from "@elementor/editor-ui";
 import { ComponentsIcon as ComponentsIcon3 } from "@elementor/icons";
 import { __getState as getState15 } from "@elementor/store";
 import { Button as Button3, FormLabel as FormLabel2, Grid as Grid2, Popover as Popover3, Stack as Stack10, TextField as TextField3, Typography as Typography10 } from "@elementor/ui";
@@ -3398,6 +3398,7 @@ var Form2 = ({
   closePopup
 }) => {
   const { values, errors, isValid, handleChange, validateForm: validateForm2 } = useForm(initialValues);
+  const nameInputRef = useTextFieldAutoSelect();
   const { components } = useComponents();
   const existingComponentNames = useMemo3(() => {
     return components?.map((component) => component.name) ?? [];
@@ -3444,7 +3445,8 @@ var Form2 = ({
       onChange: (e) => handleChange(e, "componentName", changeValidationSchema),
       inputProps: { style: { color: "text.primary", fontWeight: "600" } },
       error: Boolean(errors.componentName),
-      helperText: errors.componentName
+      helperText: errors.componentName,
+      inputRef: nameInputRef
     }
   ))), /* @__PURE__ */ React19.createElement(Stack10, { direction: "row", justifyContent: "flex-end", alignSelf: "end", py: 1, px: 1.5 }, /* @__PURE__ */ React19.createElement(Button3, { onClick: closePopup, color: "secondary", variant: "text", size: "small" }, texts.cancel), /* @__PURE__ */ React19.createElement(Button3, { type: "submit", disabled: !isValid, variant: "contained", color: "primary", size: "small" }, texts.create))));
 };