@elementor/editor-components 4.2.0-916 → 4.2.0-917

package/dist/index.js

@@ -1404,6 +1404,9 @@ function getOverridableOverride(propValue) {
 }
 
 // src/utils/detach-component-instance/detach-component-instance.ts
+var DETACH_EVENT = "elementor/components/detach-instance";
+var DETACH_UNDO_EVENT = "elementor/components/undo-detach-instance";
+var DETACH_REDO_EVENT = "elementor/components/redo-detach-instance";
 async function detachComponentInstance({
   instanceId,
   componentId,
@@ -1429,9 +1432,16 @@ async function detachComponentInstance({
           rootElement,
           overrides
         );
-        const editedComponentOnDetach = selectCurrentComponentId((0, import_store10.__getState)());
-        const overridablePropsBeforeDetach = editedComponentOnDetach ? selectOverridableProps((0, import_store10.__getState)(), editedComponentOnDetach) ?? null : null;
         const originalInstanceModel = instanceContainer.model.toJSON();
+        const actionId = (/* @__PURE__ */ new Date()).getTime();
+        window.dispatchEvent(
+          new CustomEvent(DETACH_EVENT, {
+            detail: {
+              detachedInstanceId: instanceId,
+              detachActionId: actionId
+            }
+          })
+        );
         const detachedElement = (0, import_editor_elements3.replaceElement)({
           currentElementId: instanceId,
           newElement: detachedInstanceElementData,
@@ -1451,51 +1461,48 @@ async function detachComponentInstance({
         return {
           detachedElement,
           detachedInstanceElementData,
-          editedComponentOnDetach,
-          overridablePropsBeforeDetach,
-          originalInstanceModel
+          originalInstanceModel,
+          actionId
         };
       },
-      undo: (_, {
-        detachedElement,
-        originalInstanceModel,
-        overridablePropsBeforeDetach,
-        editedComponentOnDetach
-      }) => {
+      undo: (_, { detachedElement, originalInstanceModel, actionId }) => {
         const restoredInstance = (0, import_editor_elements3.replaceElement)({
           currentElementId: detachedElement.id,
           newElement: originalInstanceModel,
           withHistory: false
         });
-        const currentComponentId = selectCurrentComponentId((0, import_store10.__getState)());
-        if (currentComponentId && currentComponentId === editedComponentOnDetach && overridablePropsBeforeDetach) {
-          (0, import_store10.__dispatch)(
-            slice.actions.setOverridableProps({
-              componentId: currentComponentId,
-              overridableProps: overridablePropsBeforeDetach
-            })
-          );
-        }
+        window.dispatchEvent(
+          new CustomEvent(DETACH_UNDO_EVENT, {
+            detail: {
+              restoredInstanceId: restoredInstance.id,
+              detachActionId: actionId
+            }
+          })
+        );
         (0, import_editor_canvas4.doAfterRender)([restoredInstance.id], () => {
           (0, import_editor_elements3.selectElement)(restoredInstance.id);
         });
         return restoredInstance;
       },
       redo: (_, doReturn, restoredInstance) => {
-        const { detachedInstanceElementData } = doReturn;
-        const editedComponentOnDetach = selectCurrentComponentId((0, import_store10.__getState)());
-        const overridablePropsBeforeDetach = editedComponentOnDetach ? selectOverridableProps((0, import_store10.__getState)(), editedComponentOnDetach) ?? null : null;
+        const { detachedInstanceElementData, actionId } = doReturn;
         const detachedElement = (0, import_editor_elements3.replaceElement)({
           currentElementId: restoredInstance.id,
           newElement: detachedInstanceElementData,
           withHistory: false
         });
+        window.dispatchEvent(
+          new CustomEvent(DETACH_REDO_EVENT, {
+            detail: {
+              detachedInstanceId: detachedElement.id,
+              detachActionId: actionId
+            }
+          })
+        );
         (0, import_editor_elements3.selectElement)(detachedElement.id);
         return {
           ...doReturn,
-          detachedElement,
-          editedComponentOnDetach,
-          overridablePropsBeforeDetach
+          detachedElement
         };
       }
     },