@elementor/editor-components 3.35.5 → 3.35.7

package/dist/index.mjs

@@ -549,6 +549,7 @@ import { __dispatch as dispatch2, __getState as getState4 } from "@elementor/sto
 import { generateUniqueId } from "@elementor/utils";
 import { __ } from "@wordpress/i18n";
 function removePropFromAllGroups(groups, propKey) {
+  const propKeys = Array.isArray(propKey) ? propKey : [propKey];
   return {
     ...groups,
     items: Object.fromEntries(
@@ -556,7 +557,7 @@ function removePropFromAllGroups(groups, propKey) {
         groupId,
         {
           ...group,
-          props: group.props.filter((p) => p !== propKey)
+          props: group.props.filter((p) => !propKeys.includes(p))
         }
       ])
     )
@@ -1157,15 +1158,25 @@ function revertElementSettings(element) {
 // src/store/actions/delete-overridable-prop.ts
 function deleteOverridableProp({ componentId, propKey, source }) {
   const overridableProps = selectOverridableProps(getState6(), 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);
   dispatch3(
     slice.actions.setOverridableProps({
@@ -1178,15 +1189,17 @@ function deleteOverridableProp({ componentId, propKey, source }) {
     })
   );
   const currentComponent = selectCurrentComponent(getState6());
-  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
@@ -3464,12 +3477,12 @@ function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch20 = getStore2()?.dispatch;
-  if (!dispatch20) {
+  const dispatch19 = getStore2()?.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
@@ -4324,6 +4337,17 @@ function InstanceEditingPanel() {
   ), /* @__PURE__ */ React28.createElement(Divider4, null)))))));
 }
 
+// src/components/load-template-components.tsx
+import { useEffect as useEffect6 } from "react";
+import { useLoadedTemplates } from "@elementor/editor-templates";
+var LoadTemplateComponents = () => {
+  const templates = useLoadedTemplates();
+  useEffect6(() => {
+    loadComponentsAssets(templates.flatMap((elements) => elements ?? []));
+  }, [templates]);
+  return null;
+};
+
 // src/components/overridable-props/overridable-prop-control.tsx
 import * as React29 from "react";
 import {
@@ -5003,10 +5027,10 @@ function initMcp() {
 }
 
 // src/populate-store.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { __dispatch as dispatch15 } from "@elementor/store";
 function PopulateStore() {
-  useEffect6(() => {
+  useEffect7(() => {
     dispatch15(loadComponents());
   }, []);
   return null;
@@ -5344,9 +5368,12 @@ var updateExistingComponentsBeforeSave = async ({
 // src/sync/cleanup-overridable-props-on-delete.ts
 import { getAllDescendants as getAllDescendants5 } from "@elementor/editor-elements";
 import { registerDataHook } from "@elementor/editor-v1-adapters";
-import { __dispatch as dispatch19, __getState as getState25 } from "@elementor/store";
+import { __getState as getState25 } from "@elementor/store";
 function initCleanupOverridablePropsOnDelete() {
-  registerDataHook("dependency", "document/elements/delete", (args) => {
+  registerDataHook("dependency", "document/elements/delete", (args, options) => {
+    if (isPartOfMoveCommand(options)) {
+      return true;
+    }
     const state = getState25();
     if (!state) {
       return true;
@@ -5371,23 +5398,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);
-    }
-    dispatch19(
-      slice.actions.setOverridableProps({
-        componentId: currentComponentId,
-        overridableProps: {
-          ...overridableProps,
-          props: remainingProps,
-          groups: updatedGroups
-        }
-      })
-    );
+    deleteOverridableProp({ componentId: currentComponentId, propKey: propKeysToDelete, source: "system" });
     return true;
   });
 }
@@ -5395,6 +5406,10 @@ function collectDeletedElementIds(containers) {
   const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...getAllDescendants5(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
 import { createElement as createElement32, selectElement as selectElement2 } from "@elementor/editor-elements";
@@ -5568,6 +5583,10 @@ function init() {
     }
     await loadComponentsAssets(config?.elements ?? []);
   });
+  injectIntoLogic({
+    id: "templates",
+    component: LoadTemplateComponents
+  });
   registerFieldIndicator({
     fieldType: FIELD_TYPE.SETTINGS,
     id: "component-overridable-prop",