@elementor/editor-global-classes 4.0.0-515 → 4.0.0-516

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-global-classes",
-  "version": "4.0.0-515",
+  "version": "4.0.0-516",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,28 +39,28 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "4.0.0-515",
-    "@elementor/editor-current-user": "4.0.0-515",
-    "@elementor/editor-documents": "4.0.0-515",
-    "@elementor/editor-editing-panel": "4.0.0-515",
-    "@elementor/editor-mcp": "4.0.0-515",
-    "@elementor/editor-panels": "4.0.0-515",
-    "@elementor/editor-props": "4.0.0-515",
-    "@elementor/editor-variables": "4.0.0-515",
-    "@elementor/editor-styles": "4.0.0-515",
-    "@elementor/editor-canvas": "4.0.0-515",
-    "@elementor/editor-styles-repository": "4.0.0-515",
-    "@elementor/editor-ui": "4.0.0-515",
-    "@elementor/editor-v1-adapters": "4.0.0-515",
-    "@elementor/http-client": "4.0.0-515",
+    "@elementor/editor": "4.0.0-516",
+    "@elementor/editor-current-user": "4.0.0-516",
+    "@elementor/editor-documents": "4.0.0-516",
+    "@elementor/editor-editing-panel": "4.0.0-516",
+    "@elementor/editor-mcp": "4.0.0-516",
+    "@elementor/editor-panels": "4.0.0-516",
+    "@elementor/editor-props": "4.0.0-516",
+    "@elementor/editor-variables": "4.0.0-516",
+    "@elementor/editor-styles": "4.0.0-516",
+    "@elementor/editor-canvas": "4.0.0-516",
+    "@elementor/editor-styles-repository": "4.0.0-516",
+    "@elementor/editor-ui": "4.0.0-516",
+    "@elementor/editor-v1-adapters": "4.0.0-516",
+    "@elementor/http-client": "4.0.0-516",
     "@elementor/icons": "^1.63.0",
-    "@elementor/query": "4.0.0-515",
-    "@elementor/schema": "4.0.0-515",
-    "@elementor/store": "4.0.0-515",
+    "@elementor/query": "4.0.0-516",
+    "@elementor/schema": "4.0.0-516",
+    "@elementor/store": "4.0.0-516",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.0.0-515",
+    "@elementor/utils": "4.0.0-516",
     "@wordpress/i18n": "^5.13.0",
-    "@elementor/mixpanel": "4.0.0-515"
+    "@elementor/mixpanel": "4.0.0-516"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/src/components/class-manager/class-manager-panel.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useEffect } from 'react';
-import { setDocumentModifiedStatus } from '@elementor/editor-documents';
+import { getCurrentDocument, getV1DocumentsManager, setDocumentModifiedStatus } from '@elementor/editor-documents';
 import {
 	__createPanel as createPanel,
 	Panel,
@@ -10,7 +10,7 @@ import {
 	PanelHeaderTitle,
 } from '@elementor/editor-panels';
 import { SaveChangesDialog, ThemeProvider, useDialog } from '@elementor/editor-ui';
-import { changeEditMode } from '@elementor/editor-v1-adapters';
+import { __privateRunCommand as runCommand, changeEditMode } from '@elementor/editor-v1-adapters';
 import { XIcon } from '@elementor/icons';
 import { useMutation } from '@elementor/query';
 import { __dispatch as dispatch } from '@elementor/store';
@@ -45,6 +45,19 @@ import { blockPanelInteractions, unblockPanelInteractions } from './panel-intera
 
 const id = 'global-classes-manager';
 
+const reloadDocument = () => {
+	const currentDocument = getCurrentDocument();
+	const documentsManager = getV1DocumentsManager();
+
+	documentsManager.invalidateCache();
+
+	return runCommand( 'editor/documents/switch', {
+		id: currentDocument?.id,
+		shouldScroll: false,
+		shouldNavigateToDefaultRoute: false,
+	} );
+};
+
 // We need to disable the app-bar buttons, and the elements overlays when opening the classes manager panel.
 // The buttons and overlays are enabled only in edit mode, so we're creating a custom new edit mode that
 // will force them to be disabled. We can't use the `preview` edit mode in this case since it'll force
@@ -58,9 +71,9 @@ export const { panel, usePanelActions } = createPanel( {
 
 		blockPanelInteractions();
 	},
-	onClose: () => {
+	onClose: async () => {
 		changeEditMode( 'edit' );
-
+		await reloadDocument();
 		unblockPanelInteractions();
 	},
 	isOpenPreviousElement: true,

package/src/components/class-manager/delete-class.ts

@@ -1,5 +1,3 @@
-import { getCurrentDocument, getV1DocumentsManager } from '@elementor/editor-documents';
-import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
 import { __dispatch as dispatch } from '@elementor/store';
 
 import { slice } from '../../store';
@@ -19,24 +17,7 @@ export const deleteClass = ( id: string ) => {
 };
 
 export const onDelete = async () => {
-	await reloadDocument();
-
 	isDeleted = false;
 };
 
 export const hasDeletedItems = () => isDeleted;
-
-// When deleting a class, we remove it from all the documents that have it applied.
-// In order to reflect the changes in the active document, we need to reload it.
-const reloadDocument = () => {
-	const currentDocument = getCurrentDocument();
-	const documentsManager = getV1DocumentsManager();
-
-	documentsManager.invalidateCache();
-
-	return runCommand( 'editor/documents/switch', {
-		id: currentDocument?.id,
-		shouldScroll: false,
-		shouldNavigateToDefaultRoute: false,
-	} );
-};