@elementor/editor-components 3.35.0-346 → 3.35.0-348
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +33 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +58 -32
- package/dist/index.mjs.map +1 -1
- package/package.json +21 -21
- package/src/components/components-tab/components-item.tsx +32 -13
package/dist/index.js
CHANGED
|
@@ -896,21 +896,47 @@ var ComponentItem = ({ component }) => {
|
|
|
896
896
|
}
|
|
897
897
|
archiveComponent(component.id);
|
|
898
898
|
};
|
|
899
|
-
return /* @__PURE__ */ React5.createElement(
|
|
899
|
+
return /* @__PURE__ */ React5.createElement(import_ui4.Stack, null, /* @__PURE__ */ React5.createElement(
|
|
900
900
|
import_ui4.ListItemButton,
|
|
901
901
|
{
|
|
902
902
|
draggable: true,
|
|
903
903
|
onDragStart: () => (0, import_editor_canvas4.startDragElementFromPanel)(componentModel),
|
|
904
904
|
onDragEnd: handleDragEnd,
|
|
905
905
|
shape: "rounded",
|
|
906
|
-
sx: {
|
|
906
|
+
sx: {
|
|
907
|
+
border: "solid 1px",
|
|
908
|
+
borderColor: "divider",
|
|
909
|
+
py: 0.5,
|
|
910
|
+
px: 1,
|
|
911
|
+
display: "flex",
|
|
912
|
+
width: "100%",
|
|
913
|
+
alignItems: "center",
|
|
914
|
+
gap: 1
|
|
915
|
+
}
|
|
907
916
|
},
|
|
908
|
-
/* @__PURE__ */ React5.createElement(
|
|
909
|
-
import_ui4.
|
|
917
|
+
/* @__PURE__ */ React5.createElement(
|
|
918
|
+
import_ui4.Box,
|
|
910
919
|
{
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
920
|
+
onClick: handleClick,
|
|
921
|
+
sx: {
|
|
922
|
+
display: "flex",
|
|
923
|
+
alignItems: "center",
|
|
924
|
+
gap: 1,
|
|
925
|
+
minWidth: 0,
|
|
926
|
+
flexGrow: 1
|
|
927
|
+
}
|
|
928
|
+
},
|
|
929
|
+
/* @__PURE__ */ React5.createElement(import_ui4.ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React5.createElement(import_icons4.ComponentsIcon, { fontSize: "tiny" })),
|
|
930
|
+
/* @__PURE__ */ React5.createElement(import_ui4.Box, { display: "flex", flex: 1, minWidth: 0, flexGrow: 1 }, /* @__PURE__ */ React5.createElement(
|
|
931
|
+
import_editor_ui.EllipsisWithTooltip,
|
|
932
|
+
{
|
|
933
|
+
title: component.name,
|
|
934
|
+
as: import_ui4.Typography,
|
|
935
|
+
variant: "caption",
|
|
936
|
+
color: "text.primary"
|
|
937
|
+
}
|
|
938
|
+
))
|
|
939
|
+
),
|
|
914
940
|
/* @__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" }))
|
|
915
941
|
), /* @__PURE__ */ React5.createElement(
|
|
916
942
|
import_ui4.Menu,
|