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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-components",
   "description": "Elementor editor components",
-  "version": "4.0.0-505",
+  "version": "4.0.0-508",
   "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-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/editor": "4.0.0-508",
+    "@elementor/editor-canvas": "4.0.0-508",
+    "@elementor/editor-controls": "4.0.0-508",
+    "@elementor/editor-documents": "4.0.0-508",
+    "@elementor/editor-editing-panel": "4.0.0-508",
+    "@elementor/editor-elements": "4.0.0-508",
+    "@elementor/editor-elements-panel": "4.0.0-508",
+    "@elementor/editor-mcp": "4.0.0-508",
+    "@elementor/editor-panels": "4.0.0-508",
+    "@elementor/editor-props": "4.0.0-508",
+    "@elementor/editor-styles-repository": "4.0.0-508",
+    "@elementor/editor-ui": "4.0.0-508",
+    "@elementor/editor-v1-adapters": "4.0.0-508",
+    "@elementor/http-client": "4.0.0-508",
     "@elementor/icons": "^1.63.0",
-    "@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/mixpanel": "4.0.0-508",
+    "@elementor/query": "4.0.0-508",
+    "@elementor/schema": "4.0.0-508",
+    "@elementor/store": "4.0.0-508",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.0.0-505",
+    "@elementor/utils": "4.0.0-508",
     "@wordpress/i18n": "^5.13.0",
-    "@elementor/editor-notifications": "4.0.0-505",
-    "@elementor/editor-current-user": "4.0.0-505"
+    "@elementor/editor-notifications": "4.0.0-508",
+    "@elementor/editor-current-user": "4.0.0-508"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/src/store/store.ts

@@ -121,13 +121,6 @@ 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 { invalidateComponentCache } from '../utils/component-document-data';
+import { invalidateComponentDocumentData } 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 ) => invalidateComponentCache( id ) );
+	draftIds.forEach( ( id ) => invalidateComponentDocumentData( id ) );
 }

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

@@ -1,7 +1,4 @@
 import { type Document, getV1DocumentsManager } from '@elementor/editor-documents';
-import { __dispatch as dispatch } from '@elementor/store';
-
-import { slice } from '../store/store';
 
 type ComponentDocumentData = Document;
 
@@ -15,10 +12,8 @@ export const getComponentDocumentData = async ( id: number ) => {
 	}
 };
 
-export const invalidateComponentCache = ( id: number ) => {
+export const invalidateComponentDocumentData = ( 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,18 +1,15 @@
 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,
+	componentId: number | string,
 	componentInstanceId?: string | null,
 	element?: HTMLElement | null
 ) {
 	const selector = getSelector( element, componentInstanceId );
 
-	invalidateComponentCache( componentId );
-
 	await runCommand( 'editor/documents/switch', {
 		id: componentId,
 		selector,