@elementor/editor-components 3.35.4 → 3.35.6

package/dist/index.js

@@ -572,6 +572,7 @@ var import_store11 = require("@elementor/store");
 var import_utils = require("@elementor/utils");
 var import_i18n = require("@wordpress/i18n");
 function removePropFromAllGroups(groups, propKey) {
+  const propKeys = Array.isArray(propKey) ? propKey : [propKey];
   return {
     ...groups,
     items: Object.fromEntries(
@@ -579,7 +580,7 @@ function removePropFromAllGroups(groups, propKey) {
         groupId,
         {
           ...group,
-          props: group.props.filter((p) => p !== propKey)
+          props: group.props.filter((p) => !propKeys.includes(p))
         }
       ])
     )
@@ -1173,15 +1174,25 @@ function revertElementSettings(element) {
 // src/store/actions/delete-overridable-prop.ts
 function deleteOverridableProp({ componentId, propKey, source }) {
   const overridableProps = selectOverridableProps((0, import_store15.__getState)(), componentId);
-  if (!overridableProps) {
+  if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
     return;
   }
-  const prop = overridableProps.props[propKey];
-  if (!prop) {
+  const propKeysToDelete = Array.isArray(propKey) ? propKey : [propKey];
+  const deletedProps = [];
+  for (const key of propKeysToDelete) {
+    const prop = overridableProps.props[key];
+    if (!prop) {
+      continue;
+    }
+    deletedProps.push(prop);
+    revertElementOverridableSetting(prop.elementId, prop.propKey, prop.originValue, key);
+  }
+  if (deletedProps.length === 0) {
     return;
   }
-  revertElementOverridableSetting(prop.elementId, prop.propKey, prop.originValue, propKey);
-  const { [propKey]: removedProp, ...remainingProps } = overridableProps.props;
+  const remainingProps = Object.fromEntries(
+    Object.entries(overridableProps.props).filter(([key]) => !propKeysToDelete.includes(key))
+  );
   const updatedGroups = removePropFromAllGroups(overridableProps.groups, propKey);
   (0, import_store15.__dispatch)(
     slice.actions.setOverridableProps({
@@ -1194,15 +1205,17 @@ function deleteOverridableProp({ componentId, propKey, source }) {
     })
   );
   const currentComponent = selectCurrentComponent((0, import_store15.__getState)());
-  trackComponentEvent({
-    action: "propertyRemoved",
-    source,
-    component_uid: currentComponent?.uid,
-    property_id: removedProp.overrideKey,
-    property_path: removedProp.propKey,
-    property_name: removedProp.label,
-    element_type: removedProp.widgetType ?? removedProp.elType
-  });
+  for (const prop of deletedProps) {
+    trackComponentEvent({
+      action: "propertyRemoved",
+      source,
+      component_uid: currentComponent?.uid,
+      property_id: prop.overrideKey,
+      property_path: prop.propKey,
+      property_name: prop.label,
+      element_type: prop.widgetType ?? prop.elType
+    });
+  }
 }
 
 // src/store/actions/reorder-group-props.ts
@@ -3448,12 +3461,12 @@ function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch20 = (0, import_store49.__getStore)()?.dispatch;
-  if (!dispatch20) {
+  const dispatch19 = (0, import_store49.__getStore)()?.dispatch;
+  if (!dispatch19) {
     return;
   }
-  dispatch20(slice.actions.setPath(path));
-  dispatch20(slice.actions.setCurrentComponentId(currentComponentId));
+  dispatch19(slice.actions.setPath(path));
+  dispatch19(slice.actions.setCurrentComponentId(currentComponentId));
 }
 
 // src/components/edit-component/component-modal.tsx
@@ -4295,6 +4308,17 @@ function InstanceEditingPanel() {
   ), /* @__PURE__ */ React28.createElement(import_ui22.Divider, null)))))));
 }
 
+// src/components/load-template-components.tsx
+var import_react16 = require("react");
+var import_editor_templates = require("@elementor/editor-templates");
+var LoadTemplateComponents = () => {
+  const templates = (0, import_editor_templates.useLoadedTemplates)();
+  (0, import_react16.useEffect)(() => {
+    loadComponentsAssets(templates.flatMap((elements) => elements ?? []));
+  }, [templates]);
+  return null;
+};
+
 // src/components/overridable-props/overridable-prop-control.tsx
 var React29 = __toESM(require("react"));
 var import_editor_controls5 = require("@elementor/editor-controls");
@@ -4455,7 +4479,7 @@ function setOverridableProp({
 
 // src/components/overridable-props/indicator.tsx
 var React30 = __toESM(require("react"));
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_icons15 = require("@elementor/icons");
 var import_ui23 = require("@elementor/ui");
 var import_i18n28 = require("@wordpress/i18n");
@@ -4514,7 +4538,7 @@ var Content = (0, import_ui23.styled)(import_ui23.Box)`
 		}
 	}
 `;
-var Indicator2 = (0, import_react16.forwardRef)(({ isOpen, isOverridable, ...props }, ref) => /* @__PURE__ */ React30.createElement(Content, { ref, ...props, className: isOpen || isOverridable ? "enlarged" : "" }, /* @__PURE__ */ React30.createElement(
+var Indicator2 = (0, import_react17.forwardRef)(({ isOpen, isOverridable, ...props }, ref) => /* @__PURE__ */ React30.createElement(Content, { ref, ...props, className: isOpen || isOverridable ? "enlarged" : "" }, /* @__PURE__ */ React30.createElement(
   IconContainer,
   {
     className: "icon",
@@ -4968,10 +4992,10 @@ function initMcp() {
 }
 
 // src/populate-store.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_store65 = require("@elementor/store");
 function PopulateStore() {
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     (0, import_store65.__dispatch)(loadComponents());
   }, []);
   return null;
@@ -5311,7 +5335,10 @@ var import_editor_elements21 = require("@elementor/editor-elements");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_store80 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
-  (0, import_editor_v1_adapters8.registerDataHook)("dependency", "document/elements/delete", (args) => {
+  (0, import_editor_v1_adapters8.registerDataHook)("dependency", "document/elements/delete", (args, options) => {
+    if (isPartOfMoveCommand(options)) {
+      return true;
+    }
     const state = (0, import_store80.__getState)();
     if (!state) {
       return true;
@@ -5336,23 +5363,7 @@ function initCleanupOverridablePropsOnDelete() {
     if (propKeysToDelete.length === 0) {
       return true;
     }
-    const remainingProps = Object.fromEntries(
-      Object.entries(overridableProps.props).filter(([propKey]) => !propKeysToDelete.includes(propKey))
-    );
-    let updatedGroups = overridableProps.groups;
-    for (const propKey of propKeysToDelete) {
-      updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
-    }
-    (0, import_store80.__dispatch)(
-      slice.actions.setOverridableProps({
-        componentId: currentComponentId,
-        overridableProps: {
-          ...overridableProps,
-          props: remainingProps,
-          groups: updatedGroups
-        }
-      })
-    );
+    deleteOverridableProp({ componentId: currentComponentId, propKey: propKeysToDelete, source: "system" });
     return true;
   });
 }
@@ -5360,6 +5371,10 @@ function collectDeletedElementIds(containers) {
   const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements21.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
   return elementIds;
 }
+function isPartOfMoveCommand(options) {
+  const isMoveCommandInTrace = options?.commandsCurrentTrace?.includes("document/elements/move") || options?.commandsCurrentTrace?.includes("document/repeater/move");
+  return Boolean(isMoveCommandInTrace);
+}
 
 // src/sync/handle-component-edit-mode-container.ts
 var import_editor_elements22 = require("@elementor/editor-elements");
@@ -5533,6 +5548,10 @@ function init() {
     }
     await loadComponentsAssets(config?.elements ?? []);
   });
+  (0, import_editor.injectIntoLogic)({
+    id: "templates",
+    component: LoadTemplateComponents
+  });
   (0, import_editor_editing_panel8.registerFieldIndicator)({
     fieldType: import_editor_editing_panel8.FIELD_TYPE.SETTINGS,
     id: "component-overridable-prop",