@elementor/editor-global-classes 4.2.0-870 → 4.2.0-871

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleDefinitionID } from '@elementor/editor-styles';
+import { StyleDefinitionID, StyleDefinition } from '@elementor/editor-styles';
 
 type ClassManagerPanelEmbeddedProps = {
     onRequestClose: () => void | Promise<void>;
@@ -20,6 +20,6 @@ type GlobalClassIndexEntry = {
 
 declare function addDocumentClasses(documentId: number): Promise<void>;
 
-declare function createLabelsForClasses(entries: GlobalClassIndexEntry[]): Record<StyleDefinitionID, string>;
+declare function createLabelsForClasses(entries: Array<GlobalClassIndexEntry | StyleDefinition>): Record<StyleDefinitionID, string>;
 
 export { ClassManagerPanelEmbedded, type ClassManagerPanelEmbeddedProps, GLOBAL_CLASSES_URI, type GlobalClassIndexEntry, addDocumentClasses, createLabelsForClasses, init, loadExistingClasses };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleDefinitionID } from '@elementor/editor-styles';
+import { StyleDefinitionID, StyleDefinition } from '@elementor/editor-styles';
 
 type ClassManagerPanelEmbeddedProps = {
     onRequestClose: () => void | Promise<void>;
@@ -20,6 +20,6 @@ type GlobalClassIndexEntry = {
 
 declare function addDocumentClasses(documentId: number): Promise<void>;
 
-declare function createLabelsForClasses(entries: GlobalClassIndexEntry[]): Record<StyleDefinitionID, string>;
+declare function createLabelsForClasses(entries: Array<GlobalClassIndexEntry | StyleDefinition>): Record<StyleDefinitionID, string>;
 
 export { ClassManagerPanelEmbedded, type ClassManagerPanelEmbeddedProps, GLOBAL_CLASSES_URI, type GlobalClassIndexEntry, addDocumentClasses, createLabelsForClasses, init, loadExistingClasses };

package/dist/index.js

@@ -282,6 +282,20 @@ var slice = (0, import_store.__createSlice)({
           state.classLabels[id2] = previewClassData.label;
         }
       });
+    },
+    setOrderWithoutHistory(state, { payload }) {
+      state.data.order = payload;
+    },
+    updateAfterTemplateImport(state, {
+      payload
+    }) {
+      state.initialData.frontend.items = { ...state.initialData.frontend.items, ...payload.addedItems };
+      state.initialData.frontend.order = [...state.initialData.frontend.order, ...payload.addedIdsOrder];
+      state.initialData.preview.items = { ...state.initialData.preview.items, ...payload.addedItems };
+      state.initialData.preview.order = [...state.initialData.preview.order, ...payload.addedIdsOrder];
+      state.data.items = { ...state.data.items, ...payload.addedItems };
+      state.data.order = [...state.data.order, ...payload.addedIdsOrder];
+      state.classLabels = { ...state.classLabels, ...payload.addedClassLabels };
     }
   }
 });
@@ -2672,7 +2686,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
 var import_editor_panels2 = require("@elementor/editor-panels");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_store31 = require("@elementor/store");
+var import_store32 = require("@elementor/store");
 
 // src/components/class-manager/class-manager-button.tsx
 var React20 = __toESM(require("react"));
@@ -2820,8 +2834,20 @@ var import_store28 = require("@elementor/store");
 function GlobalStylesImportListener() {
   const dispatch7 = (0, import_store28.__useDispatch)();
   (0, import_react11.useEffect)(() => {
-    const handleGlobalStylesImported = () => {
-      loadCurrentDocumentClasses();
+    const handleGlobalStylesImported = async (event) => {
+      const customEvent = event;
+      const globalClasses = customEvent.detail?.global_classes;
+      if (!globalClasses?.added_items_order || !globalClasses?.added_items || globalClasses?.added_items_order?.length === 0) {
+        loadCurrentDocumentClasses();
+        return;
+      }
+      dispatch7(
+        slice.actions.updateAfterTemplateImport({
+          addedItems: globalClasses.added_items,
+          addedIdsOrder: globalClasses.added_items_order,
+          addedClassLabels: createLabelsForClasses(Object.values(globalClasses.added_items))
+        })
+      );
     };
     window.addEventListener(import_editor_canvas.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
     return () => {
@@ -3307,7 +3333,7 @@ var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_editor_current_user3 = require("@elementor/editor-current-user");
 var import_editor_documents6 = require("@elementor/editor-documents");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_store29 = require("@elementor/store");
+var import_store30 = require("@elementor/store");
 var pendingSave = null;
 function syncWithDocumentSave(panelActions) {
   const unsubscribe = syncDirtyState();
@@ -3316,7 +3342,7 @@ function syncWithDocumentSave(panelActions) {
   return unsubscribe;
 }
 function syncDirtyState() {
-  return (0, import_store29.__subscribeWithSelector)(selectIsDirty, () => {
+  return (0, import_store30.__subscribeWithSelector)(selectIsDirty, () => {
     if (!isDirty()) {
       return;
     }
@@ -3359,7 +3385,7 @@ function bindBeforeSaveTemplateAction() {
   }));
 }
 function isDirty() {
-  return selectIsDirty((0, import_store29.__getState)());
+  return selectIsDirty((0, import_store30.__getState)());
 }
 
 // src/sync-with-document.tsx
@@ -3379,7 +3405,7 @@ function SyncWithDocumentSave() {
 
 // src/init.ts
 function init() {
-  (0, import_store31.__registerSlice)(slice);
+  (0, import_store32.__registerSlice)(slice);
   if (!(0, import_editor_v1_adapters8.isExperimentActive)("e_editor_design_system_panel")) {
     (0, import_editor_panels2.__registerPanel)(panel);
   }