@elementor/editor-elements 3.33.0-272 → 3.33.0-274

package/dist/index.d.mts

@@ -52,6 +52,26 @@ type ElementControl = {
 type ControlItem = ControlsSection | Control | ElementControl;
 type ControlLayout = 'full' | 'two-columns' | 'custom';
 
+type ExtendedWindow = Window & {
+    elementor?: {
+        selection?: {
+            getElements: () => V1Element[];
+        };
+        widgetsCache?: Record<string, V1ElementConfig>;
+        documents?: {
+            getCurrent?: () => {
+                container: V1Element;
+            } | undefined;
+            getCurrentId?: () => number;
+        };
+        getContainer?: (id: string) => V1Element | undefined;
+    };
+    elementorCommon?: {
+        helpers?: {
+            getUniqueId?: () => string;
+        };
+    };
+};
 type V1Element = {
     id: string;
     model: V1Model<V1ElementModelProps>;
@@ -69,6 +89,16 @@ type V1Element = {
     };
     parent?: V1Element;
 };
+type ElementInteractions = {
+    version: number;
+    items: InteractionItem[];
+};
+type InteractionItem = {
+    animation: {
+        animation_type: string;
+        animation_id: string;
+    };
+};
 type V1ElementModelProps = {
     widgetType?: string;
     elType: string;
@@ -77,7 +107,7 @@ type V1ElementModelProps = {
     elements?: V1Model<V1ElementModelProps>[];
     settings?: V1ElementSettingsProps;
     editor_settings?: V1ElementEditorSettingsProps;
-    interactions?: string | Record<string, unknown>;
+    interactions?: string | ElementInteractions;
 };
 type V1ElementData = Omit<V1ElementModelProps, 'elements'> & {
     elements?: V1ElementData[];
@@ -258,6 +288,8 @@ type MoveElementsParams = {
     moves: MoveElementParams[];
     title: string;
     subtitle?: string;
+    onMoveElements?: () => void;
+    onRestoreElements?: () => void;
 };
 type OriginalPosition = {
     elementId: string;
@@ -274,7 +306,7 @@ type MovedElementsResult = {
     movedElements: MovedElement[];
 };
 
-declare const moveElements: ({ moves: movesToMake, title, subtitle, }: MoveElementsParams) => MovedElementsResult;
+declare const moveElements: ({ moves: movesToMake, title, subtitle, onMoveElements, onRestoreElements, }: MoveElementsParams) => MovedElementsResult;
 
 type RemoveNestedElementsParams = {
     elementIds: string[];
@@ -359,9 +391,9 @@ type UpdateElementStyleArgs = {
 };
 declare function updateElementStyle(args: UpdateElementStyleArgs): void;
 
-declare const useElementInteractions: (elementId: ElementID) => string;
+declare const useElementInteractions: (elementId: ElementID) => ElementInteractions;
 
-declare function getElementInteractions(elementId: ElementID): string;
+declare function getElementInteractions(elementId: ElementID): ElementInteractions | undefined;
 
 declare const updateElementInteractions: ({ elementId, interactions, }: {
     elementId: string;
@@ -371,4 +403,4 @@ declare const playElementInteractions: (elementId: string) => void;
 
 declare function initMcp(): void;
 
-export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementModel, type ElementType, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };
+export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExtendedWindow, type InteractionItem, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };

package/dist/index.d.ts

@@ -52,6 +52,26 @@ type ElementControl = {
 type ControlItem = ControlsSection | Control | ElementControl;
 type ControlLayout = 'full' | 'two-columns' | 'custom';
 
+type ExtendedWindow = Window & {
+    elementor?: {
+        selection?: {
+            getElements: () => V1Element[];
+        };
+        widgetsCache?: Record<string, V1ElementConfig>;
+        documents?: {
+            getCurrent?: () => {
+                container: V1Element;
+            } | undefined;
+            getCurrentId?: () => number;
+        };
+        getContainer?: (id: string) => V1Element | undefined;
+    };
+    elementorCommon?: {
+        helpers?: {
+            getUniqueId?: () => string;
+        };
+    };
+};
 type V1Element = {
     id: string;
     model: V1Model<V1ElementModelProps>;
@@ -69,6 +89,16 @@ type V1Element = {
     };
     parent?: V1Element;
 };
+type ElementInteractions = {
+    version: number;
+    items: InteractionItem[];
+};
+type InteractionItem = {
+    animation: {
+        animation_type: string;
+        animation_id: string;
+    };
+};
 type V1ElementModelProps = {
     widgetType?: string;
     elType: string;
@@ -77,7 +107,7 @@ type V1ElementModelProps = {
     elements?: V1Model<V1ElementModelProps>[];
     settings?: V1ElementSettingsProps;
     editor_settings?: V1ElementEditorSettingsProps;
-    interactions?: string | Record<string, unknown>;
+    interactions?: string | ElementInteractions;
 };
 type V1ElementData = Omit<V1ElementModelProps, 'elements'> & {
     elements?: V1ElementData[];
@@ -258,6 +288,8 @@ type MoveElementsParams = {
     moves: MoveElementParams[];
     title: string;
     subtitle?: string;
+    onMoveElements?: () => void;
+    onRestoreElements?: () => void;
 };
 type OriginalPosition = {
     elementId: string;
@@ -274,7 +306,7 @@ type MovedElementsResult = {
     movedElements: MovedElement[];
 };
 
-declare const moveElements: ({ moves: movesToMake, title, subtitle, }: MoveElementsParams) => MovedElementsResult;
+declare const moveElements: ({ moves: movesToMake, title, subtitle, onMoveElements, onRestoreElements, }: MoveElementsParams) => MovedElementsResult;
 
 type RemoveNestedElementsParams = {
     elementIds: string[];
@@ -359,9 +391,9 @@ type UpdateElementStyleArgs = {
 };
 declare function updateElementStyle(args: UpdateElementStyleArgs): void;
 
-declare const useElementInteractions: (elementId: ElementID) => string;
+declare const useElementInteractions: (elementId: ElementID) => ElementInteractions;
 
-declare function getElementInteractions(elementId: ElementID): string;
+declare function getElementInteractions(elementId: ElementID): ElementInteractions | undefined;
 
 declare const updateElementInteractions: ({ elementId, interactions, }: {
     elementId: string;
@@ -371,4 +403,4 @@ declare const playElementInteractions: (elementId: string) => void;
 
 declare function initMcp(): void;
 
-export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementModel, type ElementType, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };
+export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExtendedWindow, type InteractionItem, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };

package/dist/index.js

@@ -574,7 +574,9 @@ var import_i18n3 = require("@wordpress/i18n");
 var moveElements = ({
   moves: movesToMake,
   title,
-  subtitle = (0, import_i18n3.__)("Elements moved", "elementor")
+  subtitle = (0, import_i18n3.__)("Elements moved", "elementor"),
+  onMoveElements,
+  onRestoreElements
 }) => {
   const undoableMove = (0, import_editor_v1_adapters12.undoable)(
     {
@@ -597,6 +599,7 @@ var moveElements = ({
             ...move,
             options: { ...move.options, useHistory: false }
           });
+          onMoveElements?.();
           movedElements.push({
             elementId,
             originalPosition,
@@ -609,6 +612,7 @@ var moveElements = ({
       undo: (_, { movedElements }) => {
         [...movedElements].reverse().forEach(({ originalPosition }) => {
           const { elementId, originalContainerId, originalIndex } = originalPosition;
+          onRestoreElements?.();
           moveElement({
             elementId,
             targetContainerId: originalContainerId,
@@ -626,6 +630,7 @@ var moveElements = ({
             ...move,
             options: { ...move.options, useHistory: false }
           });
+          onMoveElements?.();
           newMovedElements.push({
             elementId: move.elementId,
             originalPosition,
@@ -672,18 +677,17 @@ var removeElements = ({
             });
           }
         });
-        const results = elementIdsParam.map((elementId) => {
-          return deleteElement({
+        onRemoveElements?.();
+        elementIdsParam.forEach((elementId) => {
+          deleteElement({
             elementId,
             options: { useHistory: false }
           });
         });
-        Promise.all(results).then(() => {
-          onRemoveElements?.();
-        });
         return { elementIds: elementIdsParam, removedElements };
       },
       undo: (_, { removedElements }) => {
+        onRestoreElements?.();
         [...removedElements].reverse().forEach(({ model, parent, at }) => {
           if (parent && model) {
             createElement({
@@ -693,16 +697,15 @@ var removeElements = ({
             });
           }
         });
-        onRestoreElements?.();
       },
       redo: (_, { elementIds: originalElementIds, removedElements }) => {
+        onRemoveElements?.();
         originalElementIds.forEach((elementId) => {
           deleteElement({
             elementId,
             options: { useHistory: false }
           });
         });
-        onRemoveElements?.();
         return { elementIds: originalElementIds, removedElements };
       }
     },
@@ -1033,22 +1036,22 @@ function getElementInteractions(elementId) {
   const container = getContainer(elementId);
   const interactions = container?.model?.get("interactions");
   if (typeof interactions === "string") {
-    return interactions;
+    return JSON.parse(interactions);
   }
-  return JSON.stringify(interactions);
+  return interactions;
 }
 
 // src/hooks/use-element-interactions.ts
 var useElementInteractions = (elementId) => {
   const [interactions, setInteractions] = (0, import_react.useState)(() => {
     const initial = getElementInteractions(elementId);
-    return initial;
+    return initial ?? { version: 1, items: [] };
   });
   (0, import_editor_v1_adapters18.__privateUseListenTo)(
     (0, import_editor_v1_adapters18.windowEvent)("elementor/element/update_interactions"),
     () => {
       const newInteractions = getElementInteractions(elementId);
-      setInteractions(newInteractions);
+      setInteractions(newInteractions ?? { version: 1, items: [] });
     },
     [elementId]
   );