@elementor/editor-global-classes 3.32.0-39 → 3.32.0-41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-global-classes",
-  "version": "3.32.0-39",
+  "version": "3.32.0-41",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,22 +39,22 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "3.32.0-39",
-    "@elementor/editor-current-user": "3.32.0-39",
-    "@elementor/editor-documents": "3.32.0-39",
-    "@elementor/editor-editing-panel": "3.32.0-39",
-    "@elementor/editor-panels": "3.32.0-39",
-    "@elementor/editor-props": "3.32.0-39",
-    "@elementor/editor-styles": "3.32.0-39",
-    "@elementor/editor-styles-repository": "3.32.0-39",
-    "@elementor/editor-ui": "3.32.0-39",
-    "@elementor/editor-v1-adapters": "3.32.0-39",
-    "@elementor/http-client": "3.32.0-39",
+    "@elementor/editor": "3.32.0-41",
+    "@elementor/editor-current-user": "3.32.0-41",
+    "@elementor/editor-documents": "3.32.0-41",
+    "@elementor/editor-editing-panel": "3.32.0-41",
+    "@elementor/editor-panels": "3.32.0-41",
+    "@elementor/editor-props": "3.32.0-41",
+    "@elementor/editor-styles": "3.32.0-41",
+    "@elementor/editor-styles-repository": "3.32.0-41",
+    "@elementor/editor-ui": "3.32.0-41",
+    "@elementor/editor-v1-adapters": "3.32.0-41",
+    "@elementor/http-client": "3.32.0-41",
     "@elementor/icons": "1.46.0",
-    "@elementor/query": "3.32.0-39",
-    "@elementor/store": "3.32.0-39",
+    "@elementor/query": "3.32.0-41",
+    "@elementor/store": "3.32.0-41",
     "@elementor/ui": "1.36.8",
-    "@elementor/utils": "3.32.0-39",
+    "@elementor/utils": "3.32.0-41",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/global-classes-styles-provider.ts

@@ -1,4 +1,4 @@
-import { generateId, type StyleDefinitionVariant } from '@elementor/editor-styles';
+import { generateId, type StyleDefinition, type StyleDefinitionVariant } from '@elementor/editor-styles';
 import { createStylesProvider } from '@elementor/editor-styles-repository';
 import {
 	__dispatch as dispatch,
@@ -9,7 +9,14 @@ import { __ } from '@wordpress/i18n';
 
 import { getCapabilities } from './capabilities';
 import { GlobalClassLabelAlreadyExistsError } from './errors';
-import { selectClass, selectGlobalClasses, selectOrderedClasses, slice, type StateWithGlobalClasses } from './store';
+import {
+	selectClass,
+	selectData,
+	selectGlobalClasses,
+	selectOrderedClasses,
+	slice,
+	type StateWithGlobalClasses,
+} from './store';
 
 const MAX_CLASSES = 50;
 
@@ -23,7 +30,7 @@ export const globalClassesStylesProvider = createStylesProvider( {
 		singular: __( 'class', 'elementor' ),
 		plural: __( 'classes', 'elementor' ),
 	},
-	subscribe: ( cb ) => subscribeWithSelector( ( state: StateWithGlobalClasses ) => state.globalClasses, cb ),
+	subscribe: ( cb ) => subscribeWithStates( cb ),
 	capabilities: getCapabilities(),
 	actions: {
 		all: () => selectOrderedClasses( getState() ),
@@ -85,3 +92,17 @@ export const globalClassesStylesProvider = createStylesProvider( {
 		},
 	},
 } );
+
+const subscribeWithStates = (
+	cb: ( previous: Record< string, StyleDefinition >, current: Record< string, StyleDefinition > ) => void
+) => {
+	let previousState = selectData( getState() );
+
+	return subscribeWithSelector(
+		( state: StateWithGlobalClasses ) => state.globalClasses,
+		( currentState ) => {
+			cb( previousState.items, currentState.data.items );
+			previousState = currentState.data;
+		}
+	);
+};

package/src/save-global-classes.ts

@@ -1,4 +1,5 @@
 import { __dispatch as dispatch, __getState as getState } from '@elementor/store';
+import { hash } from '@elementor/utils';
 
 import { apiClient, type ApiContext } from './api';
 import { type GlobalClasses, selectData, selectFrontendInitialData, selectPreviewInitialData, slice } from './store';
@@ -39,25 +40,3 @@ function calculateChanges( state: GlobalClasses, initialData: GlobalClasses ) {
 		} ),
 	};
 }
-
-type UnknownObject = Record< string, unknown >;
-
-// Inspired by:
-// https://github.com/TanStack/query/blob/66ea5f2fc/packages/query-core/src/utils.ts#L212
-function hash( obj: UnknownObject ): string {
-	return JSON.stringify( obj, ( _, value ) =>
-		isPlainObject( value )
-			? Object.keys( value )
-					.sort()
-					.reduce< UnknownObject >( ( result, key ) => {
-						result[ key ] = value[ key ];
-
-						return result;
-					}, {} )
-			: value
-	);
-}
-
-function isPlainObject( value: unknown ): value is UnknownObject {
-	return !! value && typeof value === 'object' && ! Array.isArray( value );
-}