@elementor/editor-components 3.35.0-434 → 3.35.0-436

package/dist/index.mjs

@@ -15,7 +15,7 @@ import {
 import { injectTab } from "@elementor/editor-elements-panel";
 import { __registerPanel as registerPanel } from "@elementor/editor-panels";
 import { stylesRepository } from "@elementor/editor-styles-repository";
-import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adapters";
+import { registerDataHook as registerDataHook3 } from "@elementor/editor-v1-adapters";
 import { __registerSlice as registerSlice } from "@elementor/store";
 import { __ as __30 } from "@wordpress/i18n";
 
@@ -3158,12 +3158,12 @@ function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch19 = getStore2()?.dispatch;
-  if (!dispatch19) {
+  const dispatch20 = getStore2()?.dispatch;
+  if (!dispatch20) {
     return;
   }
-  dispatch19(slice.actions.setPath(path));
-  dispatch19(slice.actions.setCurrentComponentId(currentComponentId));
+  dispatch20(slice.actions.setPath(path));
+  dispatch20(slice.actions.setCurrentComponentId(currentComponentId));
 }
 
 // src/components/edit-component/component-modal.tsx
@@ -4233,18 +4233,72 @@ function isPropAllowed(bind) {
   return !FORBIDDEN_KEYS.includes(bind);
 }
 
-// src/hooks/regenerate-override-keys.ts
-import { getAllDescendants as getAllDescendants3, getContainer as getContainer3, updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
+// src/hooks/cleanup-overridable-props-on-delete.ts
+import { getAllDescendants as getAllDescendants3 } from "@elementor/editor-elements";
 import { registerDataHook } from "@elementor/editor-v1-adapters";
+import { __dispatch as dispatch15, __getState as getState19 } from "@elementor/store";
+function initCleanupOverridablePropsOnDelete() {
+  registerDataHook("after", "document/elements/delete", (args) => {
+    const state = getState19();
+    if (!state) {
+      return;
+    }
+    const currentComponentId = selectCurrentComponentId(state);
+    if (!currentComponentId) {
+      return;
+    }
+    const overridableProps = selectOverridableProps(state, currentComponentId);
+    if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
+      return;
+    }
+    const containers = args.containers ?? (args.container ? [args.container] : []);
+    if (containers.length === 0) {
+      return;
+    }
+    const deletedElementIds = collectDeletedElementIds(containers);
+    if (deletedElementIds.length === 0) {
+      return;
+    }
+    const propKeysToDelete = Object.entries(overridableProps.props).filter(([, prop]) => deletedElementIds.includes(prop.elementId)).map(([propKey]) => propKey);
+    if (propKeysToDelete.length === 0) {
+      return;
+    }
+    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);
+    }
+    dispatch15(
+      slice.actions.setOverridableProps({
+        componentId: currentComponentId,
+        overridableProps: {
+          ...overridableProps,
+          props: remainingProps,
+          groups: updatedGroups
+        }
+      })
+    );
+  });
+}
+function collectDeletedElementIds(containers) {
+  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...getAllDescendants3(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
+  return elementIds;
+}
+
+// src/hooks/regenerate-override-keys.ts
+import { getAllDescendants as getAllDescendants4, getContainer as getContainer3, updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
+import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adapters";
 import { generateUniqueId as generateUniqueId5 } from "@elementor/utils";
 function initRegenerateOverrideKeys() {
-  registerDataHook("after", "document/elements/duplicate", (_args, result) => {
+  registerDataHook2("after", "document/elements/duplicate", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
-  registerDataHook("after", "document/elements/paste", (_args, result) => {
+  registerDataHook2("after", "document/elements/paste", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
-  registerDataHook("after", "document/elements/import", (_args, result) => {
+  registerDataHook2("after", "document/elements/import", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
 }
@@ -4259,7 +4313,7 @@ function regenerateOverrideKeysRecursive(elementId) {
   if (!container) {
     return;
   }
-  getAllDescendants3(container).forEach(regenerateOverrideKeys);
+  getAllDescendants4(container).forEach(regenerateOverrideKeys);
 }
 function regenerateOverrideKeys(element) {
   if (!isComponentInstance(element.model.toJSON())) {
@@ -4649,19 +4703,19 @@ function initMcp() {
 
 // src/populate-store.ts
 import { useEffect as useEffect6 } from "react";
-import { __dispatch as dispatch15 } from "@elementor/store";
+import { __dispatch as dispatch16 } from "@elementor/store";
 function PopulateStore() {
   useEffect6(() => {
-    dispatch15(loadComponents());
+    dispatch16(loadComponents());
   }, []);
   return null;
 }
 
 // src/prevent-circular-nesting.ts
-import { getAllDescendants as getAllDescendants4 } from "@elementor/editor-elements";
+import { getAllDescendants as getAllDescendants5 } from "@elementor/editor-elements";
 import { notify as notify4 } from "@elementor/editor-notifications";
 import { blockCommand as blockCommand2 } from "@elementor/editor-v1-adapters";
-import { __getState as getState19 } from "@elementor/store";
+import { __getState as getState20 } from "@elementor/store";
 import { __ as __29 } from "@wordpress/i18n";
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -4687,7 +4741,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = getState19();
+  const state = getState20();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -4753,7 +4807,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = getAllDescendants4(container);
+    const allElements = getAllDescendants5(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -4785,15 +4839,15 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-import { __dispatch as dispatch16 } from "@elementor/store";
+import { __dispatch as dispatch17 } from "@elementor/store";
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  dispatch16(slice.actions.removeStyles({ id: id2 }));
+  dispatch17(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 import { createStylesProvider } from "@elementor/editor-styles-repository";
-import { __getState as getState20, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
+import { __getState as getState21, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
 var componentsStylesProvider = createStylesProvider({
   key: "components-styles",
   priority: 100,
@@ -4805,29 +4859,29 @@ var componentsStylesProvider = createStylesProvider({
   ),
   actions: {
     all: () => {
-      return selectFlatStyles(getState20());
+      return selectFlatStyles(getState21());
     },
     get: (id2) => {
-      return selectFlatStyles(getState20()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles(getState21()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
 import { updateElementSettings as updateElementSettings3 } from "@elementor/editor-elements";
-import { __dispatch as dispatch17, __getState as getState21 } from "@elementor/store";
+import { __dispatch as dispatch18, __getState as getState22 } from "@elementor/store";
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents(getState21());
+  const unpublishedComponents = selectUnpublishedComponents(getState22());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    dispatch17(
+    dispatch18(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -4837,7 +4891,7 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    dispatch17(slice.actions.resetUnpublished());
+    dispatch18(slice.actions.resetUnpublished());
   } catch (error) {
     throw new Error(`Failed to publish components and update component instances: ${error}`);
   }
@@ -4897,7 +4951,7 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-import { __getState as getState22 } from "@elementor/store";
+import { __getState as getState23 } from "@elementor/store";
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -4905,7 +4959,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps(getState22(), currentDocument.id);
+  const overridableProps = selectOverridableProps(getState23(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -4913,7 +4967,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 import { notify as notify5 } from "@elementor/editor-notifications";
-import { __getState as getState23 } from "@elementor/store";
+import { __getState as getState24 } from "@elementor/store";
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -4921,7 +4975,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async () => {
   try {
-    const archivedComponents = selectArchivedComponents(getState23());
+    const archivedComponents = selectArchivedComponents(getState24());
     if (!archivedComponents.length) {
       return;
     }
@@ -4938,15 +4992,15 @@ var updateArchivedComponentBeforeSave = async () => {
 };
 
 // src/sync/update-component-title-before-save.ts
-import { __dispatch as dispatch18, __getState as getState24 } from "@elementor/store";
+import { __dispatch as dispatch19, __getState as getState25 } from "@elementor/store";
 var updateComponentTitleBeforeSave = async () => {
-  const updatedComponentNames = selectUpdatedComponentNames(getState24());
+  const updatedComponentNames = selectUpdatedComponentNames(getState25());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames);
   if (result.failedIds.length === 0) {
-    dispatch18(slice.actions.cleanUpdatedComponentNames());
+    dispatch19(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -4987,14 +5041,14 @@ function init() {
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
-  registerDataHook2("dependency", "editor/documents/close", (args) => {
+  registerDataHook3("dependency", "editor/documents/close", (args) => {
     const document = getV1CurrentDocument();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
     return true;
   });
-  registerDataHook2("after", "preview/drop", onElementDrop);
+  registerDataHook3("after", "preview/drop", onElementDrop);
   window.elementorCommon.__beforeSave = beforeSave;
   injectTab({
     id: "components",
@@ -5018,7 +5072,7 @@ function init() {
     id: "component-panel-header",
     component: ComponentPanelHeader
   });
-  registerDataHook2("after", "editor/documents/attach-preview", async () => {
+  registerDataHook3("after", "editor/documents/attach-preview", async () => {
     const { id: id2, config } = getV1CurrentDocument();
     if (id2) {
       removeComponentStyles(id2);
@@ -5045,6 +5099,7 @@ function init() {
   settingsTransformersRegistry2.register("overridable", componentOverridableTransformer);
   settingsTransformersRegistry2.register("override", componentOverrideTransformer);
   initRegenerateOverrideKeys();
+  initCleanupOverridablePropsOnDelete();
   initMcp();
   initCircularNestingPrevention();
   initNonAtomicNestingPrevention();