@elementor/editor-global-classes 3.35.0-493 → 3.35.0

package/dist/index.js

@@ -565,7 +565,7 @@ var import_store26 = require("@elementor/store");
 
 // src/components/class-manager/class-manager-button.tsx
 var React19 = __toESM(require("react"));
-var import_editor_documents5 = require("@elementor/editor-documents");
+var import_editor_documents4 = require("@elementor/editor-documents");
 var import_editor_styles_repository3 = require("@elementor/editor-styles-repository");
 var import_editor_ui10 = require("@elementor/editor-ui");
 var import_ui16 = require("@elementor/ui");
@@ -595,10 +595,10 @@ var PrefetchCssClassUsage = () => {
 // src/components/class-manager/class-manager-panel.tsx
 var React18 = __toESM(require("react"));
 var import_react8 = require("react");
-var import_editor_documents4 = require("@elementor/editor-documents");
+var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui9 = require("@elementor/editor-ui");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_icons11 = require("@elementor/icons");
 var import_query3 = require("@elementor/query");
 var import_store20 = require("@elementor/store");
@@ -1207,8 +1207,6 @@ var IntroductionContent = () => {
 };
 
 // src/components/class-manager/delete-class.ts
-var import_editor_documents2 = require("@elementor/editor-documents");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_store14 = require("@elementor/store");
 var isDeleted = false;
 var deleteClass = (id2) => {
@@ -1222,20 +1220,9 @@ var deleteClass = (id2) => {
   });
 };
 var onDelete = async () => {
-  await reloadDocument();
   isDeleted = false;
 };
 var hasDeletedItems = () => isDeleted;
-var reloadDocument = () => {
-  const currentDocument = (0, import_editor_documents2.getCurrentDocument)();
-  const documentsManager = (0, import_editor_documents2.getV1DocumentsManager)();
-  documentsManager.invalidateCache();
-  return (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/switch", {
-    id: currentDocument?.id,
-    shouldScroll: false,
-    shouldNavigateToDefaultRoute: false
-  });
-};
 
 // src/components/class-manager/flipped-color-swatch-icon.tsx
 var React10 = __toESM(require("react"));
@@ -1266,7 +1253,7 @@ var import_i18n11 = require("@wordpress/i18n");
 
 // src/components/css-class-usage/components/css-class-usage-popover.tsx
 var React11 = __toESM(require("react"));
-var import_editor_documents3 = require("@elementor/editor-documents");
+var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_ui5 = require("@elementor/editor-ui");
 var import_icons6 = require("@elementor/icons");
 var import_ui8 = require("@elementor/ui");
@@ -1311,7 +1298,7 @@ var CssClassUsagePopover = ({
   onClose
 }) => {
   const { data: classUsage } = useCssClassUsageByID(cssClassID);
-  const onNavigate = (0, import_editor_documents3.__useOpenDocumentInNewTab)();
+  const onNavigate = (0, import_editor_documents2.__useOpenDocumentInNewTab)();
   const cssClassUsageRecords = classUsage?.content.map(
     ({ title, elements, pageId, type }) => ({
       type: "item",
@@ -2039,16 +2026,27 @@ function unblockPanelInteractions() {
 
 // src/components/class-manager/class-manager-panel.tsx
 var id = "global-classes-manager";
+var reloadDocument = () => {
+  const currentDocument = (0, import_editor_documents3.getCurrentDocument)();
+  const documentsManager = (0, import_editor_documents3.getV1DocumentsManager)();
+  documentsManager.invalidateCache();
+  return (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/switch", {
+    id: currentDocument?.id,
+    shouldScroll: false,
+    shouldNavigateToDefaultRoute: false
+  });
+};
 var { panel, usePanelActions } = (0, import_editor_panels.__createPanel)({
   id,
   component: ClassManagerPanel,
   allowedEditModes: ["edit", id],
   onOpen: () => {
-    (0, import_editor_v1_adapters3.changeEditMode)(id);
+    (0, import_editor_v1_adapters2.changeEditMode)(id);
     blockPanelInteractions();
   },
-  onClose: () => {
-    (0, import_editor_v1_adapters3.changeEditMode)("edit");
+  onClose: async () => {
+    (0, import_editor_v1_adapters2.changeEditMode)("edit");
+    await reloadDocument();
     unblockPanelInteractions();
   },
   isOpenPreviousElement: true
@@ -2152,7 +2150,7 @@ var usePublish = () => {
   return (0, import_query3.useMutation)({
     mutationFn: () => saveGlobalClasses({ context: "frontend" }),
     onSuccess: async () => {
-      (0, import_editor_documents4.setDocumentModifiedStatus)(false);
+      (0, import_editor_documents3.setDocumentModifiedStatus)(false);
       if (hasDeletedItems()) {
         await onDelete();
       }
@@ -2179,9 +2177,9 @@ var trackGlobalClassesButton = () => {
   });
 };
 var ClassManagerButton = () => {
-  const document = (0, import_editor_documents5.__useActiveDocument)();
+  const document = (0, import_editor_documents4.__useActiveDocument)();
   const { open: openPanel } = usePanelActions();
-  const { save: saveDocument } = (0, import_editor_documents5.__useActiveDocumentActions)();
+  const { save: saveDocument } = (0, import_editor_documents4.__useActiveDocumentActions)();
   const { open: openSaveChangesDialog, close: closeSaveChangesDialog, isOpen: isSaveChangesDialogOpen } = (0, import_editor_ui10.useDialog)();
   const { prefetchClassesUsage } = usePrefetchCssClassUsage();
   const { userCan } = (0, import_editor_styles_repository3.useUserStylesCapability)();
@@ -2717,12 +2715,12 @@ var initMcpIntegration = () => {
 
 // src/sync-with-document.tsx
 var import_react10 = require("react");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 
 // src/sync-with-document-save.ts
 var import_editor_current_user2 = require("@elementor/editor-current-user");
-var import_editor_documents6 = require("@elementor/editor-documents");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_documents5 = require("@elementor/editor-documents");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_store24 = require("@elementor/store");
 function syncWithDocumentSave(panelActions) {
   const unsubscribe = syncDirtyState();
@@ -2734,11 +2732,11 @@ function syncDirtyState() {
     if (!isDirty()) {
       return;
     }
-    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
   });
 }
 function bindSaveAction(panelActions) {
-  (0, import_editor_v1_adapters4.registerDataHook)("dependency", "document/save/save", (args) => {
+  (0, import_editor_v1_adapters3.registerDataHook)("dependency", "document/save/save", (args) => {
     const user = (0, import_editor_current_user2.getCurrentUser)();
     const canEdit = user?.capabilities.includes(UPDATE_CLASS_CAPABILITY_KEY);
     if (!canEdit) {
@@ -2759,7 +2757,7 @@ function isDirty() {
 function SyncWithDocumentSave() {
   const panelActions = usePanelActions();
   (0, import_react10.useEffect)(() => {
-    (0, import_editor_v1_adapters5.__privateListenTo)((0, import_editor_v1_adapters5.v1ReadyEvent)(), () => {
+    (0, import_editor_v1_adapters4.__privateListenTo)((0, import_editor_v1_adapters4.v1ReadyEvent)(), () => {
       syncWithDocumentSave(panelActions);
     });
   }, []);