@elementor/editor-components 4.1.0-764 → 4.1.0-766

package/package.json

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

package/src/init.ts

@@ -13,6 +13,7 @@ import { registerDataHook } from '@elementor/editor-v1-adapters';
 import { __registerSlice as registerSlice } from '@elementor/store';
 import { __ } from '@wordpress/i18n';
 
+import { apiClient } from './api';
 import { componentInstanceTransformer } from './component-instance-transformer';
 import { componentOverridableTransformer } from './component-overridable-transformer';
 import { componentOverrideTransformer } from './component-override-transformer';
@@ -25,7 +26,6 @@ import { COMPONENT_WIDGET_TYPE, createComponentType } from './create-component-t
 import { PopulateStore } from './populate-store';
 import { initCircularNestingPrevention } from './prevent-circular-nesting';
 import { loadComponentsAssets } from './store/actions/load-components-assets';
-import { removeComponentStyles } from './store/actions/remove-component-styles';
 import { componentsStylesProvider } from './store/components-styles-provider';
 import { slice } from './store/store';
 import { beforeSave } from './sync/before-save';
@@ -63,7 +63,7 @@ export function init() {
 		const { id, config } = getV1CurrentDocument();
 
 		if ( id ) {
-			removeComponentStyles( id );
+			apiClient.invalidateComponentConfigCache( id );
 		}
 
 		await loadComponentsAssets( ( config?.elements as V1ElementData[] ) ?? [] );

package/src/store/components-styles-provider.ts

@@ -1,3 +1,4 @@
+import { getCurrentDocumentId } from '@elementor/editor-elements';
 import { createStylesProvider } from '@elementor/editor-styles-repository';
 import { __getState as getState, __subscribeWithSelector as subscribeWithSelector } from '@elementor/store';
 
@@ -15,7 +16,8 @@ export const componentsStylesProvider = createStylesProvider( {
 		),
 	actions: {
 		all: () => {
-			return selectFlatStyles( getState() );
+			const currentDocumentId = getCurrentDocumentId();
+			return selectFlatStyles( getState(), currentDocumentId );
 		},
 		get: ( id ) => {
 			return selectFlatStyles( getState() ).find( ( style ) => style.id === id ) ?? null;

package/src/store/dispatchers.ts

@@ -24,9 +24,6 @@ export const componentsActions = {
 	resetUnpublished() {
 		dispatch( slice.actions.resetUnpublished() );
 	},
-	removeStyles( id: ComponentId ) {
-		dispatch( slice.actions.removeStyles( { id } ) );
-	},
 	addStyles( styles: Record< string, unknown > ) {
 		dispatch( slice.actions.addStyles( styles ) );
 	},

package/src/store/extensible-slice.ts

@@ -65,11 +65,6 @@ const baseSlice = createSlice( {
 		resetUnpublished: ( state ) => {
 			state.unpublishedData = [];
 		},
-		removeStyles( state, { payload }: PayloadAction< { id: ComponentId } > ) {
-			const { [ payload.id ]: _, ...rest } = state.styles;
-
-			state.styles = rest;
-		},
 		addStyles: ( state, { payload } ) => {
 			state.styles = { ...state.styles, ...payload };
 		},

package/src/store/store.ts

@@ -47,7 +47,20 @@ export const selectUnpublishedComponents = createSelector(
 export const selectLoadIsPending = createSelector( selectLoadStatus, ( status ) => status === 'pending' );
 export const selectLoadIsError = createSelector( selectLoadStatus, ( status ) => status === 'error' );
 export const selectStyles = ( state: ComponentsSlice ) => state[ SLICE_NAME ].styles ?? {};
-export const selectFlatStyles = createSelector( selectStylesDefinitions, ( data ) => Object.values( data ).flat() );
+export const selectFlatStyles = createSelector(
+	selectStylesDefinitions,
+	( _state: ComponentsSlice, excludeComponentId: ComponentId | null = null ) => excludeComponentId,
+	( data, excludeComponentId ) => {
+		if ( excludeComponentId === null ) {
+			return Object.values( data ).flat();
+		}
+
+		return Object.entries( data )
+			.filter( ( [ id ] ) => id !== String( excludeComponentId ) )
+			.map( ( [ , styles ] ) => styles )
+			.flat();
+	}
+);
 export const selectCreatedThisSession = createSelector(
 	getCreatedThisSession,
 	( createdThisSession ) => createdThisSession

package/src/store/actions/remove-component-styles.ts

@@ -1,9 +0,0 @@
-import { __dispatch as dispatch } from '@elementor/store';
-
-import { apiClient } from '../../api';
-import { slice } from '../store';
-
-export function removeComponentStyles( id: number ) {
-	apiClient.invalidateComponentConfigCache( id );
-	dispatch( slice.actions.removeStyles( { id } ) );
-}