@elementor/editor-variables 3.33.0-152 → 3.33.0-154

package/dist/index.js

@@ -972,7 +972,8 @@ var LabelField = ({
       onChange: (e) => handleChange(e.target.value),
       inputProps: {
         maxLength: VARIABLE_LABEL_MAX_LENGTH,
-        ...selectOnShow && { onFocus: (e) => e.target.select() }
+        ...selectOnShow && { onFocus: (e) => e.target.select() },
+        "aria-label": "Name"
       },
       autoFocus: focusOnShow
     }
@@ -995,7 +996,7 @@ var LabelField = ({
   return textField;
 };
 
-// src/components/variables-manager/variable-edit-menu.tsx
+// src/components/variables-manager/utils/variable-edit-menu.tsx
 var React6 = __toESM(require("react"));
 var import_react7 = require("react");
 var import_icons3 = require("@elementor/icons");
@@ -1049,11 +1050,35 @@ var VariableEditMenu = ({ menuActions, disabled, itemId }) => {
   ));
 };
 
-// src/components/variables-manager/variable-editable-cell.tsx
+// src/components/variables-manager/utils/variable-table-cell.tsx
 var React7 = __toESM(require("react"));
-var import_react8 = require("react");
 var import_ui7 = require("@elementor/ui");
-var VariableEditableCell = React7.memo(
+var VariableTableCell = ({
+  children,
+  isHeader,
+  width,
+  maxWidth,
+  align,
+  noPadding,
+  sx
+}) => {
+  const baseSx = {
+    maxWidth: maxWidth ?? 150,
+    cursor: "initial",
+    typography: "caption",
+    ...isHeader && { color: "text.primary", fontWeight: "bold" },
+    ...isHeader && !noPadding && { padding: "10px 16px" },
+    ...width && { width },
+    ...sx
+  };
+  return /* @__PURE__ */ React7.createElement(import_ui7.TableCell, { size: "small", padding: noPadding ? "none" : void 0, align, sx: baseSx }, children);
+};
+
+// src/components/variables-manager/variable-editable-cell.tsx
+var React8 = __toESM(require("react"));
+var import_react8 = require("react");
+var import_ui8 = require("@elementor/ui");
+var VariableEditableCell = React8.memo(
   ({
     initialValue,
     children,
@@ -1119,8 +1144,8 @@ var VariableEditableCell = React7.memo(
       error: currentError
     });
     if (isEditing) {
-      return /* @__PURE__ */ React7.createElement(import_ui7.ClickAwayListener, { onClickAway: handleSave }, /* @__PURE__ */ React7.createElement(
-        import_ui7.Stack,
+      return /* @__PURE__ */ React8.createElement(import_ui8.ClickAwayListener, { onClickAway: handleSave }, /* @__PURE__ */ React8.createElement(
+        import_ui8.Stack,
         {
           ref: rowRef,
           direction: "row",
@@ -1136,8 +1161,8 @@ var VariableEditableCell = React7.memo(
         editableContent
       ));
     }
-    return /* @__PURE__ */ React7.createElement(
-      import_ui7.Stack,
+    return /* @__PURE__ */ React8.createElement(
+      import_ui8.Stack,
       {
         ref: rowRef,
         direction: "row",
@@ -1155,30 +1180,6 @@ var VariableEditableCell = React7.memo(
   }
 );
 
-// src/components/variables-manager/variable-table-cell.tsx
-var React8 = __toESM(require("react"));
-var import_ui8 = require("@elementor/ui");
-var VariableTableCell = ({
-  children,
-  isHeader,
-  width,
-  maxWidth,
-  align,
-  noPadding,
-  sx
-}) => {
-  const baseSx = {
-    maxWidth: maxWidth ?? 150,
-    cursor: "initial",
-    typography: "caption",
-    ...isHeader && { color: "text.primary", fontWeight: "bold" },
-    ...isHeader && !noPadding && { padding: "10px 16px" },
-    ...width && { width },
-    ...sx
-  };
-  return /* @__PURE__ */ React8.createElement(import_ui8.TableCell, { size: "small", padding: noPadding ? "none" : void 0, align, sx: baseSx }, children);
-};
-
 // src/components/variables-manager/variables-manager-table.tsx
 var VariablesManagerTable = ({
   menuActions,