@elementor/editor-components 4.0.0-503 → 4.0.0-505

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-components",
   "description": "Elementor editor components",
-  "version": "4.0.0-503",
+  "version": "4.0.0-505",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,30 +40,30 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "4.0.0-503",
-    "@elementor/editor-canvas": "4.0.0-503",
-    "@elementor/editor-controls": "4.0.0-503",
-    "@elementor/editor-documents": "4.0.0-503",
-    "@elementor/editor-editing-panel": "4.0.0-503",
-    "@elementor/editor-elements": "4.0.0-503",
-    "@elementor/editor-elements-panel": "4.0.0-503",
-    "@elementor/editor-mcp": "4.0.0-503",
-    "@elementor/editor-panels": "4.0.0-503",
-    "@elementor/editor-props": "4.0.0-503",
-    "@elementor/editor-styles-repository": "4.0.0-503",
-    "@elementor/editor-ui": "4.0.0-503",
-    "@elementor/editor-v1-adapters": "4.0.0-503",
-    "@elementor/http-client": "4.0.0-503",
+    "@elementor/editor": "4.0.0-505",
+    "@elementor/editor-canvas": "4.0.0-505",
+    "@elementor/editor-controls": "4.0.0-505",
+    "@elementor/editor-documents": "4.0.0-505",
+    "@elementor/editor-editing-panel": "4.0.0-505",
+    "@elementor/editor-elements": "4.0.0-505",
+    "@elementor/editor-elements-panel": "4.0.0-505",
+    "@elementor/editor-mcp": "4.0.0-505",
+    "@elementor/editor-panels": "4.0.0-505",
+    "@elementor/editor-props": "4.0.0-505",
+    "@elementor/editor-styles-repository": "4.0.0-505",
+    "@elementor/editor-ui": "4.0.0-505",
+    "@elementor/editor-v1-adapters": "4.0.0-505",
+    "@elementor/http-client": "4.0.0-505",
     "@elementor/icons": "^1.63.0",
-    "@elementor/mixpanel": "4.0.0-503",
-    "@elementor/query": "4.0.0-503",
-    "@elementor/schema": "4.0.0-503",
-    "@elementor/store": "4.0.0-503",
+    "@elementor/mixpanel": "4.0.0-505",
+    "@elementor/query": "4.0.0-505",
+    "@elementor/schema": "4.0.0-505",
+    "@elementor/store": "4.0.0-505",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.0.0-503",
+    "@elementor/utils": "4.0.0-505",
     "@wordpress/i18n": "^5.13.0",
-    "@elementor/editor-notifications": "4.0.0-503",
-    "@elementor/editor-current-user": "4.0.0-503"
+    "@elementor/editor-notifications": "4.0.0-505",
+    "@elementor/editor-current-user": "4.0.0-505"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/src/store/store.ts

@@ -121,6 +121,13 @@ export const slice = createSlice( {
 
 			component.overridableProps = payload.overridableProps;
 		},
+		clearOverridableProps: ( state, { payload }: PayloadAction< { componentId: ComponentId } > ) => {
+			const component = state.data.find( ( comp ) => comp.id === payload.componentId );
+
+			if ( component ) {
+				component.overridableProps = undefined;
+			}
+		},
 		rename: ( state, { payload }: PayloadAction< { componentUid: string; name: string } > ) => {
 			const component = state.data.find( ( comp ) => comp.uid === payload.componentUid );
 

package/src/sync/publish-draft-components-in-page-before-save.ts

@@ -3,7 +3,7 @@ import { type V1ElementData } from '@elementor/editor-elements';
 
 import { apiClient } from '../api';
 import { type DocumentSaveStatus } from '../types';
-import { invalidateComponentDocumentData } from '../utils/component-document-data';
+import { invalidateComponentCache } from '../utils/component-document-data';
 import { getComponentDocuments } from '../utils/get-component-documents';
 
 type Options = {
@@ -26,5 +26,5 @@ export async function publishDraftComponentsInPageBeforeSave( { status, elements
 
 	await apiClient.updateStatuses( draftIds, 'publish' );
 
-	draftIds.forEach( ( id ) => invalidateComponentDocumentData( id ) );
+	draftIds.forEach( ( id ) => invalidateComponentCache( id ) );
 }

package/src/utils/component-document-data.ts

@@ -1,4 +1,7 @@
 import { type Document, getV1DocumentsManager } from '@elementor/editor-documents';
+import { __dispatch as dispatch } from '@elementor/store';
+
+import { slice } from '../store/store';
 
 type ComponentDocumentData = Document;
 
@@ -12,8 +15,10 @@ export const getComponentDocumentData = async ( id: number ) => {
 	}
 };
 
-export const invalidateComponentDocumentData = ( id: number ) => {
+export const invalidateComponentCache = ( id: number ) => {
 	const documentManager = getV1DocumentsManager();
 
 	documentManager.invalidateCache( id );
+	dispatch( slice.actions.removeStyles( { id } ) );
+	dispatch( slice.actions.clearOverridableProps( { componentId: id } ) );
 };

package/src/utils/switch-to-component.ts

@@ -1,15 +1,18 @@
 import { getCurrentDocumentContainer, selectElement } from '@elementor/editor-elements';
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
 
+import { invalidateComponentCache } from './component-document-data';
 import { expandNavigator } from './expand-navigator';
 
 export async function switchToComponent(
-	componentId: number | string,
+	componentId: number,
 	componentInstanceId?: string | null,
 	element?: HTMLElement | null
 ) {
 	const selector = getSelector( element, componentInstanceId );
 
+	invalidateComponentCache( componentId );
+
 	await runCommand( 'editor/documents/switch', {
 		id: componentId,
 		selector,