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

package/dist/index.mjs

@@ -959,7 +959,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
     }
@@ -982,7 +983,7 @@ var LabelField = ({
   return textField;
 };
 
-// src/components/variables-manager/variable-edit-menu.tsx
+// src/components/variables-manager/utils/variable-edit-menu.tsx
 import * as React6 from "react";
 import { createElement as createElement8 } from "react";
 import { DotsVerticalIcon } from "@elementor/icons";
@@ -1036,11 +1037,35 @@ var VariableEditMenu = ({ menuActions, disabled, itemId }) => {
   ));
 };
 
-// src/components/variables-manager/variable-editable-cell.tsx
+// src/components/variables-manager/utils/variable-table-cell.tsx
 import * as React7 from "react";
+import { TableCell } from "@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__ */ React7.createElement(TableCell, { size: "small", padding: noPadding ? "none" : void 0, align, sx: baseSx }, children);
+};
+
+// src/components/variables-manager/variable-editable-cell.tsx
+import * as React8 from "react";
 import { useCallback as useCallback3, useEffect, useRef as useRef2, useState as useState4 } from "react";
 import { ClickAwayListener, Stack as Stack2 } from "@elementor/ui";
-var VariableEditableCell = React7.memo(
+var VariableEditableCell = React8.memo(
   ({
     initialValue,
     children,
@@ -1106,7 +1131,7 @@ var VariableEditableCell = React7.memo(
       error: currentError
     });
     if (isEditing) {
-      return /* @__PURE__ */ React7.createElement(ClickAwayListener, { onClickAway: handleSave }, /* @__PURE__ */ React7.createElement(
+      return /* @__PURE__ */ React8.createElement(ClickAwayListener, { onClickAway: handleSave }, /* @__PURE__ */ React8.createElement(
         Stack2,
         {
           ref: rowRef,
@@ -1123,7 +1148,7 @@ var VariableEditableCell = React7.memo(
         editableContent
       ));
     }
-    return /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(
       Stack2,
       {
         ref: rowRef,
@@ -1142,30 +1167,6 @@ var VariableEditableCell = React7.memo(
   }
 );
 
-// src/components/variables-manager/variable-table-cell.tsx
-import * as React8 from "react";
-import { TableCell } from "@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(TableCell, { size: "small", padding: noPadding ? "none" : void 0, align, sx: baseSx }, children);
-};
-
 // src/components/variables-manager/variables-manager-table.tsx
 var VariablesManagerTable = ({
   menuActions,