@elementor/editor-components 3.35.0-347 → 3.35.0-349

package/dist/index.js

@@ -278,25 +278,9 @@ var componentInstanceTransformer = (0, import_editor_canvas.createTransformer)(
 
 // src/component-overridable-transformer.ts
 var import_editor_canvas2 = require("@elementor/editor-canvas");
-var componentOverridableTransformer = (0, import_editor_canvas2.createTransformer)(
-  async (value, options) => {
-    return await transformOriginValue(value, options);
-  }
-);
-async function transformOriginValue(value, options) {
-  if (!value.origin_value || !value.origin_value.value || !value.origin_value.$$type) {
-    return null;
-  }
-  const transformer = import_editor_canvas2.settingsTransformersRegistry.get(value.origin_value.$$type);
-  if (!transformer) {
-    return null;
-  }
-  try {
-    return await transformer(value.origin_value.value, options);
-  } catch {
-    return null;
-  }
-}
+var componentOverridableTransformer = (0, import_editor_canvas2.createTransformer)((value) => {
+  return value.origin_value;
+});
 
 // src/components/component-panel-header/component-panel-header.tsx
 var React2 = __toESM(require("react"));
@@ -896,21 +880,47 @@ var ComponentItem = ({ component }) => {
     }
     archiveComponent(component.id);
   };
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement(import_ui4.Stack, null, /* @__PURE__ */ React5.createElement(
     import_ui4.ListItemButton,
     {
       draggable: true,
       onDragStart: () => (0, import_editor_canvas4.startDragElementFromPanel)(componentModel),
       onDragEnd: handleDragEnd,
       shape: "rounded",
-      sx: { border: "solid 1px", borderColor: "divider", py: 0.5, px: 1 }
+      sx: {
+        border: "solid 1px",
+        borderColor: "divider",
+        py: 0.5,
+        px: 1,
+        display: "flex",
+        width: "100%",
+        alignItems: "center",
+        gap: 1
+      }
     },
-    /* @__PURE__ */ React5.createElement(import_ui4.Box, { sx: { display: "flex", width: "100%", alignItems: "center", gap: 1 }, onClick: handleClick }, /* @__PURE__ */ React5.createElement(import_ui4.ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React5.createElement(import_icons4.ComponentsIcon, { fontSize: "tiny" })), /* @__PURE__ */ React5.createElement(
-      import_ui4.ListItemText,
+    /* @__PURE__ */ React5.createElement(
+      import_ui4.Box,
       {
-        primary: /* @__PURE__ */ React5.createElement(import_ui4.Typography, { variant: "caption", sx: { color: "text.primary" } }, component.name)
-      }
-    )),
+        onClick: handleClick,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          minWidth: 0,
+          flexGrow: 1
+        }
+      },
+      /* @__PURE__ */ React5.createElement(import_ui4.ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React5.createElement(import_icons4.ComponentsIcon, { fontSize: "tiny" })),
+      /* @__PURE__ */ React5.createElement(import_ui4.Box, { display: "flex", flex: 1, minWidth: 0, flexGrow: 1 }, /* @__PURE__ */ React5.createElement(
+        import_editor_ui.EllipsisWithTooltip,
+        {
+          title: component.name,
+          as: import_ui4.Typography,
+          variant: "caption",
+          color: "text.primary"
+        }
+      ))
+    ),
     /* @__PURE__ */ React5.createElement(import_ui4.IconButton, { size: "tiny", ...(0, import_ui4.bindTrigger)(popupState), "aria-label": "More actions" }, /* @__PURE__ */ React5.createElement(import_icons4.DotsVerticalIcon, { fontSize: "tiny" }))
   ), /* @__PURE__ */ React5.createElement(
     import_ui4.Menu,