@elementor/editor-components 3.33.0-289 → 3.33.0-291

package/dist/index.mjs

@@ -11,7 +11,7 @@ import { __privateListenTo as listenTo2, commandStartEvent, registerDataHook } f
 import { __registerSlice as registerSlice } from "@elementor/store";
 import { __ as __8 } from "@wordpress/i18n";
 
-// src/component-id-transformer.ts
+// src/component-instance-transformer.ts
 import { createTransformer } from "@elementor/editor-canvas";
 import { __getState as getState } from "@elementor/store";
 
@@ -168,9 +168,9 @@ function getDocumentsManager() {
   return documentManager;
 }
 
-// src/component-id-transformer.ts
-var componentIdTransformer = createTransformer(
-  async (id) => {
+// src/component-instance-transformer.ts
+var componentInstanceTransformer = createTransformer(
+  async ({ component_id: id }) => {
     const unpublishedComponents = selectUnpublishedComponents(getState());
     const unpublishedComponent = unpublishedComponents.find(({ uid }) => uid === id);
     if (unpublishedComponent) {
@@ -261,13 +261,15 @@ import { Box as Box2, ListItemButton, ListItemIcon, ListItemText, Typography } f
 import { __dispatch as dispatch, __getState as getState2 } from "@elementor/store";
 
 // src/utils/get-component-ids.ts
-import { isTransformable } from "@elementor/editor-props";
 var getComponentIds = (elements) => {
   const result = elements.flatMap((element) => {
     const ids = [];
     const type = element.widgetType || element.elType;
-    if (type === "e-component" && element.settings?.component && isTransformable(element.settings?.component)) {
-      ids.push(element.settings.component.value);
+    if (type === "e-component") {
+      const componentId = element.settings?.component_instance?.value?.component_id;
+      if (Boolean(componentId)) {
+        ids.push(componentId);
+      }
     }
     if (element.elements) {
       ids.push(...getComponentIds(element.elements));
@@ -364,9 +366,11 @@ var createComponentModel = (component) => {
     elType: "widget",
     widgetType: "e-component",
     settings: {
-      component: {
-        $$type: "component-id",
-        value: component.id ?? component.uid
+      component_instance: {
+        $$type: "component-instance",
+        value: {
+          component_id: component.id ?? component.uid
+        }
       }
     },
     editor_settings: {
@@ -1197,13 +1201,15 @@ function createComponentView(options) {
     eventsManagerConfig = this.legacyWindow.elementorCommon.eventsManager.config;
     isComponentCurrentlyEdited() {
       const currentDocument = getCurrentDocument();
-      return currentDocument?.id === this.getComponentId()?.value;
+      return currentDocument?.id === this.getComponentId();
     }
     afterSettingsResolve(settings) {
-      if (settings.component) {
-        this.collection = this.legacyWindow.elementor.createBackboneElementsCollection(settings.component);
+      if (settings.component_instance) {
+        this.collection = this.legacyWindow.elementor.createBackboneElementsCollection(
+          settings.component_instance
+        );
         this.collection.models.forEach(setInactiveRecursively);
-        settings.component = "<template data-children-placeholder></template>";
+        settings.component_instance = "<template data-children-placeholder></template>";
       }
       return settings;
     }
@@ -1219,11 +1225,12 @@ function createComponentView(options) {
       childrenPlaceholder.replaceWith(buffer);
     }
     getComponentId() {
-      return this.options?.model?.get("settings")?.get("component");
+      const componentInstance = this.options?.model?.get("settings")?.get("component_instance")?.value;
+      return componentInstance.component_id;
     }
     getContextMenuGroups() {
       const filteredGroups = super.getContextMenuGroups().filter((group) => group.name !== "save");
-      const componentId = this.getComponentId()?.value;
+      const componentId = this.getComponentId();
       if (!componentId) {
         return filteredGroups;
       }
@@ -1245,13 +1252,13 @@ function createComponentView(options) {
     }
     async switchDocument() {
       const { isAllowedToSwitchDocument, lockedBy } = await apiClient.getComponentLockStatus(
-        this.getComponentId()?.value
+        this.getComponentId()
       );
       if (!isAllowedToSwitchDocument) {
         options.showLockedByModal?.(lockedBy || "");
       } else {
         runCommand3("editor/documents/switch", {
-          id: this.getComponentId()?.value,
+          id: this.getComponentId(),
           mode: "autosave",
           selector: `[data-id="${this.model.get("id")}"]`,
           shouldScroll: false
@@ -1291,7 +1298,7 @@ function createComponentView(options) {
     attributes() {
       return {
         ...super.attributes(),
-        "data-elementor-id": this.getComponentId().value
+        "data-elementor-id": this.getComponentId()
       };
     }
   };
@@ -1405,7 +1412,7 @@ function updateComponentInstances(elements, uidToComponentId) {
 }
 function shouldUpdateElement(element, uidToComponentId) {
   if (element.widgetType === "e-component") {
-    const currentComponentId = element.settings?.component?.value;
+    const currentComponentId = element.settings?.component_instance?.value?.component_id;
     if (currentComponentId && uidToComponentId.has(currentComponentId)) {
       return { shouldUpdate: true, newComponentId: uidToComponentId.get(currentComponentId) };
     }
@@ -1416,9 +1423,9 @@ function updateElementComponentId(elementId, componentId) {
   updateElementSettings({
     id: elementId,
     props: {
-      component: {
-        $$type: "component-id",
-        value: componentId
+      component_instance: {
+        $$type: "component-instance",
+        value: { component_id: componentId }
       }
     },
     withHistory: false
@@ -1496,7 +1503,7 @@ function init() {
     }
     loadComponentsStyles(config?.elements ?? []);
   });
-  settingsTransformersRegistry.register("component-id", componentIdTransformer);
+  settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
 }
 export {
   init